\n \n \n @if (searchResults?.length === 0) {\n \n \n
\n }\n }\n \n }\n \n\n","export interface ApiScope {\n name: string;\n description: string;\n link: string;\n}\n\nexport const scopes: ApiScope[] = [\n {\n name: 'API.acceptedAssets',\n description: 'API.acceptedAssetsDescription',\n link: '/AcceptedAsset'\n },\n {\n name: 'API.accountCreation',\n description: 'API.accountCreationDescription',\n link: '/AccountCreation/post_api_public_AccountCreation_create_subaccount'\n },\n {\n name: 'API.paymentReport',\n description: 'API.paymentReportDescription',\n link: '/PaymentReport'\n },\n {\n name: 'API.paymentRequestPublicApi',\n description: 'API.paymentRequestPublicApiDescription',\n link: '/PaymentRequestPublicApi'\n },\n {\n name: 'API.webhookApi',\n description: 'API.webhookApiDescription',\n link: '/WebHookApi'\n },\n // {\n // name: 'API.conversionRate',\n // description: 'API.conversionRateDescription',\n // link: '/ConversionRate'\n // },\n];\n\n","import { HttpClient, HttpHeaders } from '@angular/common/http';\nimport { inject, Injectable } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { AuthService } from '@auth0/auth0-angular';\n\nimport { ToastrService } from 'ngx-toastr';\nimport { EMPTY, Observable, Subscriber, of } from 'rxjs';\nimport { catchError, switchMap, tap } from 'rxjs/operators';\nimport { environment } from 'src/environments/environment';\nimport { ProfileDto } from '../dtos/user-profile.dto';\nimport FiatByCountry from '../utils/fiat-by-country';\nimport { UTMDto } from './../dtos/utm.dto';\nimport { UserService } from './user.service';\nimport { createHttpOptions } from '../utils/http-utils';\n\n@Injectable({ providedIn: 'root' })\n\nexport class SigninService {\n private auth = inject(AuthService);\n private router = inject(Router);\n private http = inject(HttpClient);\n private toastrService = inject(ToastrService);\n private userService = inject(UserService);\n private fiatByCountry = inject(FiatByCountry);\n private translateService = inject(TranslateService);\n\n private success!: boolean;\n private accessToken!: string;\n private isDomainOwner!: boolean;\n private imageFile: any;\n\n public WebAuth(form: FormGroup\n \n @if (!isMobileSearchOpen) {\n \n \n }\n\n \n
\n }\n\n \n @if (!isMobileSearchOpen && showResults && (searchResults?.length > 0 || searchTerm)) {\n \n \n
\n\n \n @if (isMobileSearchOpen) {\n \n \n
\n\n \n \n
\n \n \n \n \n\n
\n\n \n \n
\n \n @if (showResults && (searchResults?.length > 0 || searchTerm)) {\n @if (searchResults?.length === 0) {\n \n \n
\n }\n }\n }\n \n {{ 'weDidntFindAnyResultForYourSearch' | translate }}\n
\n } @else {\n @for (result of searchResults; track result.shortId) {\n \n
\n \n {{ result.publicName }}
\n {{ result.nick }}
\n \n {{ 'weDidntFindAnyResultForYourSearch' | translate }}\n
\n } @else {\n @for (result of searchResults; track result.shortId) {\n \n
\n \n {{ result.publicName }}
\n {{ result.nick }}
\n \n \n \n
\n}\n","import { DialogRef } from '@angular/cdk/dialog';\nimport { Component, inject, signal } from '@angular/core';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { NickyButtonComponent } from '../../form/nicky-button/nicky-button.component';\nimport { environment } from 'src/environments/environment';\nimport { CustomOptionSelectComponent } from '../../form/custom-option-select/custom-option-select.component';\nimport { optionSelectsModel } from '../../models/option-select.model';\nimport { ApiKeyManagementService } from 'src/app/services/api-key-management-service';\nimport { tap, catchError, EMPTY } from 'rxjs';\nimport { ModalsService } from 'src/app/services/modals.service';\nimport { ShowApiKeyModalComponent } from '../show-api-key-modal/show-api-key-modal.component';\nimport { openLinkInANewTab } from 'src/app/utils/open-in-a-new-tab.utils';\nimport { ApiScope, scopes } from 'src/app/utils/get-api-scopes.utils';\nimport { ToastrFactoryService } from 'src/app/services/toastr-factory.service';\n\n@Component({\n selector: 'app-register-api-modal',\n imports: [TranslateModule, NickyButtonComponent, CustomOptionSelectComponent],\n templateUrl: './register-api-modal.component.html',\n})\nexport class RegisterApiModalComponent {\n protected translate = inject(TranslateService);\n protected toastrFactory = inject(ToastrFactoryService);\n protected dialogRef = inject(DialogRef);\n protected linkSwaggerApi = signal(environment.apiPublic);\n protected options = signal\n
\n","import { CommonModule } from '@angular/common';\nimport { Component, Input, ContentChild, OnInit, inject } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { AuthService } from '@auth0/auth0-angular';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { firstValueFrom } from 'rxjs';\nimport { NickyButtonComponent } from 'src/app/components/form/nicky-button/nicky-button.component';\nimport { AuthStore } from 'src/app/stores/auth.store';\nimport { getValidLanguage } from 'src/app/utils/get-valid-language-util';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-error-state',\n imports: [CommonModule, NickyButtonComponent, TranslateModule],\n templateUrl: './error-state.component.html'\n})\nexport class ErrorStateComponent implements OnInit {\n protected route = inject(ActivatedRoute);\n protected translate = inject(TranslateService)\n protected authStore = inject(AuthStore);\n private isAuthenticated$ = inject(AuthService).isAuthenticated$;\n\n @Input() title: string = 'ERROR.somethingWentWrong';\n @Input() subtitle: string | undefined = 'ERROR.weEncounteredAnErrorWhileProcessingYourRequest';\n @Input() hasCustomButtons: boolean = false;\n @Input() backButtonText: string = 'ERROR.goBack';\n @ContentChild('errorButtons') errorButtons: any;\n\n ngOnInit() {\n const reason = this.route.snapshot.queryParamMap.get('reason');\n if (reason === 'profile-not-found') {\n this.title = 'ERROR.profileNotFound';\n this.subtitle = 'ERROR.theProfileYouAreLookingForDoesNotExistOrHasBeenRemoved';\n this.backButtonText = 'ERROR.goHome';\n }\n const language = this.authStore?.profile?.()?.language || getValidLanguage(navigator.language);\n this.translate.use(language);\n }\n\n async handleBackNavigation(): Promise\n \n\n \n\n\n
\n\n\n \n {{ 'API.generateNewApikey' | translate }}\n
\n\n\n \n \n
\n \n \n {{ 'API.apiType' | translate }}\n \n
\n\n \n \n
\n \n \n {{ 'API.permissions' | translate }}\n
\n\n @for (scope of scopes(); track scope) {\n
\n\n \n\n \n
\n }\n \n
\n \n {{ scope.name | translate }}\n \n
\n\n {{ scope.description | translate }}\n
\n\n \n \n
\n\n","import { FormatPriceUtils } from 'src/app/utils/format-price-utils';\nimport {\n Component,\n inject,\n OnInit,\n Input,\n} from '@angular/core';\n\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { filter } from 'rxjs/internal/operators/filter';\nimport { startWith } from 'rxjs/internal/operators/startWith';\nimport { map } from 'rxjs/internal/operators/map';\nimport { take } from 'rxjs/internal/operators/take';\nimport { NickyButtonComponent } from \"../../../components/form/nicky-button/nicky-button.component\";\nimport { DropdownComponent } from \"../../../components/form/dropdown.component/dropdown.component\";\nimport { MatIcon } from '@angular/material/icon';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { systemLanguages } from 'src/environments/environment';\n\nimport { TourService } from 'src/app/services/tour/tour.service';\nimport { takeUntil, distinctUntilChanged, Subject } from 'rxjs';\n\n@Component({\n selector: 'app-header-public',\n imports: [NickyButtonComponent, DropdownComponent, MatIcon, TranslateModule],\n templateUrl: './header-public.component.html'\n})\nexport class HeaderPublicComponent implements OnInit {\n\n get defaultLanguage() {\n const userLanguage = localStorage.getItem('userLanguage') || navigator.language;\n const detectedLanguage = systemLanguages.find(\n systemLanguage => systemLanguage.language === userLanguage\n );\n return detectedLanguage?.language || 'en';\n }\n\n protected router = inject(Router);\n protected activatedRoute = inject(ActivatedRoute);\n protected translate = inject(TranslateService);\n protected tourService = inject(TourService);\n protected formatPriceUtils = inject(FormatPriceUtils);\n protected destroy$ = new Subject\n @if (route.snapshot.queryParams?.['reason'] === 'profile-not-found') {\n \n } @else {\n \n }\n
\n \n
\n \n {{ title | translate }}\n
\n\n @if(subtitle) {\n\n {{ subtitle | translate }}\n
\n }\n\n\n \n {{ backButtonText | translate }}\n \n }\n
\n \n @if (isAuthenticated$ | async) {\n \n \n
\n }\n\n \n
\n","import { MatTooltipDefaultOptions } from '@angular/material/tooltip';\n\nexport const customTooltipDefaults: MatTooltipDefaultOptions = {\n showDelay: 0,\n hideDelay: window.matchMedia('(max-width: 768px)').matches ? 90000 : 0,\n touchGestures: 'auto',\n position: 'above',\n touchendHideDelay: window.matchMedia('(max-width: 768px)').matches ? 90000 : 0,\n touchLongPressShowDelay: window.matchMedia('(max-width: 768px)').matches ? 0 : undefined,\n disableTooltipInteractivity: false\n};\n","import { DialogRef, DIALOG_DATA } from '@angular/cdk/dialog';\nimport { Component, inject } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { NickyButtonComponent } from '../../form/nicky-button/nicky-button.component';\n\n@Component({\n selector: 'app-revoke-api-modal',\n imports: [NickyButtonComponent, TranslateModule],\n templateUrl: './revoke-api-modal.component.html'\n})\nexport class RevokeApiModalComponent {\n protected dialogRef = inject(DialogRef);\n protected data = inject(DIALOG_DATA);\n}\n","\n \n
\n\n \n {{ buttonText | translate }}\n \n }\n\n
\n\n \n \n @if (expandIcon && !buttonIsDisabled) {\n \n }\n
\n\n @if (showButton) {\n \n \n {{ sectionTitle }}\n @if (showTourIcon) {\n \n
\n \n
\n \n {{ sectionTitle }}\n @if (showTourIcon) {\n \n \n \n } @else {\n \n \n }\n
\n \n \n
\n \n
\n\n \n
\n","import { HttpHeaders } from '@angular/common/http';\n\nexport function createHttpOptions(\n acceptType: string = 'text/plain',\n contentType: string = 'application/json',\n accessToken?: string,\n) {\n const headersConfig: { [key: string]: string } = {\n 'Content-Type': contentType,\n Accept: acceptType,\n ...(!!accessToken && {Authorization: `Bearer ${accessToken}`})\n };\n\n return {\n headers: new HttpHeaders(headersConfig),\n };\n}\n","import { inject } from '@angular/core';\nimport { CanActivateFn } from '@angular/router';\nimport { AuthService } from '@auth0/auth0-angular';\nimport { of } from 'rxjs';\nimport { switchMap } from 'rxjs/internal/operators/switchMap';\nimport { map } from 'rxjs/internal/operators/map';\nimport { Router } from '@angular/router';\nexport const homeGuard: CanActivateFn = () => {\n const auth = inject(AuthService);\n const router = inject(Router);\n\n return auth.isAuthenticated$.pipe(\n map((isAuthenticated: boolean) => isAuthenticated ? true : false),\n switchMap((isAuthenticated: boolean) => {\n if (isAuthenticated) {\n router.navigate(['/overview']);\n return of(true);\n } else {\n router.navigate(['/login']);\n return of(true);\n }\n })\n );\n}; ","import {ApplicationRef, Injectable} from '@angular/core';\nimport {SwUpdate} from '@angular/service-worker';\nimport {concat, interval} from 'rxjs';\nimport {first} from 'rxjs/operators';\n\n@Injectable({providedIn: 'root'})\n\nexport class CheckForUpdateService {\n constructor(appRef: ApplicationRef, updates: SwUpdate) {\n // Allow the app to stabilize first, before starting\n // polling for updates with `interval()`.\n const appIsStable$ = appRef.isStable.pipe(first((isStable) => isStable));\n const everySixHours$ = interval(6 * 60 * 60 * 1000);\n const everySixHoursOnceAppIsStable$ = concat(appIsStable$, everySixHours$);\n everySixHoursOnceAppIsStable$.subscribe(async () => {\n try {\n const updateFound = await updates.checkForUpdate();\n if (updateFound) {\n console.log('A new version is available. Clearing localStorage.');\n localStorage.clear();\n window.location.reload();\n } else {\n console.log('Already on the latest version.');\n }\n } catch (err) {\n console.error('Failed to check for updates:', err);\n }\n });\n }\n}\n","import { inject } from '@angular/core';\nimport { CanActivateFn, Router, ActivatedRouteSnapshot } from '@angular/router';\nimport { SearchService } from '../services/search.service';\nimport { Observable, map, catchError, of, switchMap } from 'rxjs';\nimport { environment } from 'src/environments/environment';\nimport { HttpClient } from '@angular/common/http';\n\nexport const publicProfileGuard: CanActivateFn = (route: ActivatedRouteSnapshot) => {\n const searchService = inject(SearchService);\n const router = inject(Router);\n const http = inject(HttpClient);\n const handleProfile = (profile: any): Observable\n
\n\n \n\n \n\n \n {{ 'API.revokeApiKey' | translate }}\n
\n \n\n\n \n
\n {{ label }} \n
\n @if (dropdownEnd) {\n \n \n @if (dropdownOpen) {\n \n } @else {\n \n }\n \n
\n }\n } @else {\n \n \n @if (dropdownOpen) {\n \n } @else {\n \n }\n \n
\n }\n }\n\n\n
\n\n","import { HttpClient } from '@angular/common/http';\nimport { inject, Injectable } from '@angular/core';\nimport { environment } from 'src/environments/environment';\nimport { createHttpOptions } from '../utils/http-utils';\n\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ApiKeyManagementService {\n\n\n protected http = inject(HttpClient);\n\n public generateApiKey() {\n return this.http.post(environment.api + 'User/generate-api-key', createHttpOptions());\n }\n\n public deleteApiKey() {\n return this.http.post(environment.api + 'User/delete-api-key', createHttpOptions());\n }\n\n}\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\nimport { TranslateModule } from '@ngx-translate/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { NickyButtonComponent } from '../form/nicky-button/nicky-button.component';\n\n@Component({\n selector: 'app-settings-header',\n imports: [TranslateModule, MatIconModule, NickyButtonComponent],\n templateUrl: './settings-header.component.html',\n})\nexport class SettingsHeaderComponent {\n @Input() headerTitle = '';\n @Input() subtitle = '';\n @Input() showTourIcon = false;\n @Input() showSaveButton = false;\n @Input() isSaveButtonDisabled = false;\n @Input() buttonIcon: string | undefined = undefined;\n\n @Output() onSave = new EventEmitter\n
\n\n {{ 'API.apiKey' | translate }}
\n\n \n\n \n \n {{ data }}\n \n
\n\n \n \n
\n\n \n {{ 'integrator' | translate }}
\n\n {{'API.thisIsTheOnlyTimeNickyWillDisplay' | translate}}\n
\n \n \n\n {{ 'PROFILE.save' | translate }}\n \n }\n
\n\n\n \n {{ headerTitle | translate }}\n @if (showTourIcon) {\n \n
\n
\n\n @if (showSaveButton) {\n \n {{ headerTitle | translate }}\n @if (showTourIcon) {\n \n \n \n } @else {\n \n \n }\n
\n {{ subtitle | translate }}
\n\n","import { inject, Injectable } from '@angular/core';\nimport { AssetStore } from '../stores/asset.store';\n// import { decimalPlacesFor } from 'src/environments/environment';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class AssetIdFormatterUtil {\n private assetStore = inject(AssetStore);\n\n formatAssetId(asset: any) {\n if (asset.blockchainAsset.id === 'POL') {\n asset.blockchainAsset.id = 'MATIC.POL';\n } else if (asset.blockchainAsset.id === 'USDC' || asset.blockchainAsset.id === 'USDT') {\n asset.blockchainAsset.id = 'ETH.' + asset.blockchainAsset.id;\n } else if (!asset.blockchainAsset.id.includes('.')) {\n asset.blockchainAsset.id = asset.blockchainAsset.id + '.' + asset.blockchainAsset.id;\n }\n return asset;\n }\n\n getAssetTicker(assetId:string) {\n if (!assetId) {\n return '';\n }\n return assetId.split('.')[1];\n }\n\n compareAssetIds(assetA: any, assetB: any) {\n const result = assetA.blockchainAsset.id.split('.')[1]?.localeCompare(assetB.blockchainAsset.id.split('.')[1]);\n if (result === 0) {\n return assetA.blockchainAsset.id.split('.')[0]?.localeCompare(assetB.blockchainAsset.id.split('.')[0]);\n }\n return result;\n }\n\n formatBlockchainAssetId(input: any): string {\n const assetId = typeof input === 'string' ? input : input.blockchainAsset.id;\n\n switch (assetId) {\n case 'BTC':\n return 'BTC.BTC';\n case 'ETH':\n return 'ETH.ETH';\n case 'USDC':\n return 'ETH.USDC';\n case 'USDT':\n return 'ETH.USDT';\n case 'POL':\n return 'MATIC.POL';\n default:\n return `${assetId}.${assetId}`;\n }\n }\n\n getDecimalPlaces(assetId: string) {\n return this.assetStore.decimalPlacesFor()[assetId?.split('.')[1] || 'BTC'];\n }\n\n generatePlaceholderZerosForAsset(assetTicker: string) {\n let amountZero = null;\n if (assetTicker != '') {\n const decimalPlaces = this.assetStore.decimalPlacesFor()[assetTicker];\n amountZero = '0'.repeat(decimalPlaces);\n } else {\n amountZero = '0000000';\n }\n return amountZero;\n }\n}\n\n\nconst formatAssetId = (asset: any) => {\n if (asset.blockchainAsset.id === 'POL') {\n asset.blockchainAsset.id = 'MATIC.POL';\n } else if (asset.blockchainAsset.id === 'USDC' || asset.blockchainAsset.id === 'USDT') {\n asset.blockchainAsset.id = 'ETH.' + asset.blockchainAsset.id;\n } else if (!asset.blockchainAsset.id.includes('.')) {\n asset.blockchainAsset.id = asset.blockchainAsset.id + '.' + asset.blockchainAsset.id;\n }\n return asset;\n }\n\n const compareAssetIds = (assetA: any, assetB: any) => {\n const result = assetA.blockchainAsset.id.split('.')[1]?.localeCompare(assetB.blockchainAsset.id.split('.')[1]);\n if (result === 0) {\n return assetA.blockchainAsset.id.split('.')[0]?.localeCompare(assetB.blockchainAsset.id.split('.')[0]);\n }\n return result;\n }\n\nexport { formatAssetId, compareAssetIds };\n","import { btcAddress, ethAddress, polyAddress, bnbAddress } from \"src/environments/environment\";\n\nexport const NICKY_URLS = {\n ROOT: 'https://nicky.me',\n GOOGLE_AUTO_TRANSLATE_ROOT: 'https://nicky-me',\n TERMS_OF_USE: 'https://nicky.me/policies/terms-of-use',\n PRIVACY_POLICY: 'https://nicky.me/policies/privacy-policy',\n LEGAL_DISCLOSURE: 'https://nicky.me/policies/legal-disclosure',\n COOKIE_POLICY: 'https://nicky.me/policies/cookie-policy',\n ABOUT: 'https://nicky.me/#about',\n TECHNOLOGY: 'https://nicky.me/#technology',\n REGISTRARS: 'https://nicky.me/#registrars',\n USERS: 'https://nicky.me/#users',\n CONTACT: 'https://nicky.me/#contact',\n TRANSLATION_LINK:\n '.translate.goog{{websitePath}}/?_x_tr_sl=en&_x_tr_tl={{targetLanguage}}&_x_tr_hl={{targetLanguage}}&_x_tr_pto=wapp',\n SOCIAL: {\n FACEBOOK: 'https://facebook.com/nickyofficial',\n INSTAGRAM: 'https://instagram.com/nickyofficial',\n TWITTER: 'https://twitter.com/nickyofficial',\n LINKEDIN: 'https://linkedin.com/company/nickyofficial',\n YOUTUBE: 'https://youtube.com/@nickyofficial',\n },\n};\n\nexport function getLinkCryptoExplorerLink(assetId:string, cryptoAddress: string) {\n if (assetId.startsWith('BTC.')) {\n return btcAddress + 'address/' + cryptoAddress;\n }\n if (assetId.startsWith('ETH.')) {\n return ethAddress + 'address/' + cryptoAddress;\n }\n if (assetId.startsWith('MATIC.')) {\n return polyAddress + 'address/' + cryptoAddress;\n }\n if (assetId.startsWith('BEP.')) {\n return bnbAddress + 'address/' + cryptoAddress;\n }\n return '';\n}\n","import { inject } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\nimport { ActivatedRouteSnapshot, Router, UrlSegment } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { AuthService } from '@auth0/auth0-angular';\nimport { ToastrService } from 'ngx-toastr';\nimport { EMPTY, of } from 'rxjs';\nimport { catchError, switchMap, tap } from 'rxjs/operators';\nimport FiatByCountry from '../utils/fiat-by-country';\nimport { UserService } from '../services/user.service';\nimport { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { rxMethod } from '@ngrx/signals/rxjs-interop';\nimport { pipe } from 'rxjs';\nimport { LoadingService } from '../services/loading.service';\nimport { SigninService } from '../services/sign-in.service';\nimport { FormGroup } from '@angular/forms';\n\n/**\n * Registration store that manages the entire registration process state\n * including multi-step form progression, user validation, and profile creation.\n */\n\n// State interface definition\ntype RegistrationStoreState = {\n accessToken: string | null; // Auth0 access token\n imageFile: File | null; // User's profile image file\n currentStep: 'password' | 'personal-info' | 'finished-register'; // Current registration step\n alreadyExistNick: string | null; // Existing username check\n finishRegister: boolean; // Registration completion flag\n form: any | null; // Registration form data\n imageUrl: string | null; // Profile image preview URL\n fileImage: File | null; // Processed profile image file\n isPasswordVisible: boolean; // Password field visibility toggle\n isWhcmsSignup: boolean;\n isDomainOwner: boolean;\n email: string;\n firstName: string;\n lastName: string;\n publicName: string;\n };\n\n// Initial store state\nconst initialState: RegistrationStoreState = {\n accessToken: null,\n imageFile: null,\n currentStep: 'password',\n alreadyExistNick: null,\n finishRegister: false,\n form: null,\n imageUrl: null,\n fileImage: null,\n isPasswordVisible: false,\n isWhcmsSignup: false,\n isDomainOwner: false,\n email: '',\n firstName: '',\n lastName: '',\n publicName: '',\n};\n\nexport const RegistrationStore = signalStore(\n { providedIn: 'root' },\n withState(initialState),\n withMethods((\n store,\n http = inject(HttpClient),\n router = inject(Router),\n toastr = inject(ToastrService),\n userService = inject(UserService),\n fiatByCountry = inject(FiatByCountry),\n translate = inject(TranslateService),\n loadingService = inject(LoadingService),\n signInService = inject(SigninService),\n auth0 = inject(AuthService)\n ) => {\n /**\n * Validates if a username already exists\n * Proceeds to next step if username is available\n */\n const checkIfUserExists = rxMethod
\n ${this.translateService.instant('API.clickHereToAccessTheApiDocumentation', { apiLink: this.getApiLink() })}\n `;\n }\n\n protected async generateApiKey(): Promise
\n \n \n
\n
\n } @else {\n {{ 'API.thereIsNoApiKeySettingAvailableRightNow' | translate }}\n }\n\n \n @if (this.getApiKey()) {\n | \n {{ headerLabel | translate }}\n | \n }\n|||||
|---|---|---|---|---|---|
| \n \n | \n{{ apiKey.type | translate }} | \n{{ getApiKey() }} | \n\n {{ apiKey.status | translate }}\n | \n{{ getDate() ? ('API.createdOn' | translate: { createdDate: getDate() }) : '---' }} | \n\n \n | \n
| \n \n \n {{ 'API.permissions' | translate }}: \n @for (scope of apiKey.scopes; track scope) {\n \n \n }\n \n {{ scope.name | translate }}\n \n \n \n {{ scope.description | translate }}\n \n \n | \n
\n \n
\n }\n\n","import { Injectable } from '@angular/core';\nimport { ToastrFactoryService } from '../services/toastr-factory.service';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Injectable({ providedIn: 'root' })\nexport class ClipboardService {\n constructor(\n private toastrFactory: ToastrFactoryService,\n private translate: TranslateService\n ) {}\n\n copyToClipboard(data: string | number | undefined, customToastrText?:string): void {\n if (!data) {\n this.toastrFactory.error('nothingToBeCopied');\n return\n }\n navigator.clipboard.writeText(data.toString()).then(() => {\n this.toastrFactory.success(this.translate.instant( customToastrText || 'sucessfullyCopiedToClipboard' ));\n });\n }\n}\n","export default [\n {\n \"name\": \"South Georgia\",\n \"code\": \"GS\",\n \"flag\": \"https://flagcdn.com/gs.svg\"\n },\n {\n \"name\": \"Grenada\",\n \"code\": \"GD\",\n \"flag\": \"https://flagcdn.com/gd.svg\"\n },\n {\n \"name\": \"Switzerland\",\n \"code\": \"CH\",\n \"flag\": \"https://flagcdn.com/ch.svg\"\n },\n {\n \"name\": \"Sierra Leone\",\n \"code\": \"SL\",\n \"flag\": \"https://flagcdn.com/sl.svg\"\n },\n {\n \"name\": \"Hungary\",\n \"code\": \"HU\",\n \"flag\": \"https://flagcdn.com/hu.svg\"\n },\n {\n \"name\": \"Taiwan\",\n \"code\": \"TW\",\n \"flag\": \"https://flagcdn.com/tw.svg\"\n },\n {\n \"name\": \"Wallis and Futuna\",\n \"code\": \"WF\",\n \"flag\": \"https://flagcdn.com/wf.svg\"\n },\n {\n \"name\": \"Barbados\",\n \"code\": \"BB\",\n \"flag\": \"https://flagcdn.com/bb.svg\"\n },\n {\n \"name\": \"Pitcairn Islands\",\n \"code\": \"PN\",\n \"flag\": \"https://flagcdn.com/pn.svg\"\n },\n {\n \"name\": \"Ivory Coast\",\n \"code\": \"CI\",\n \"flag\": \"https://flagcdn.com/ci.svg\"\n },\n {\n \"name\": \"Tunisia\",\n \"code\": \"TN\",\n \"flag\": \"https://flagcdn.com/tn.svg\"\n },\n {\n \"name\": \"Italy\",\n \"code\": \"IT\",\n \"flag\": \"https://flagcdn.com/it.svg\"\n },\n {\n \"name\": \"Benin\",\n \"code\": \"BJ\",\n \"flag\": \"https://flagcdn.com/bj.svg\"\n },\n {\n \"name\": \"Indonesia\",\n \"code\": \"ID\",\n \"flag\": \"https://flagcdn.com/id.svg\"\n },\n {\n \"name\": \"Cape Verde\",\n \"code\": \"CV\",\n \"flag\": \"https://flagcdn.com/cv.svg\"\n },\n {\n \"name\": \"Saint Kitts and Nevis\",\n \"code\": \"KN\",\n \"flag\": \"https://flagcdn.com/kn.svg\"\n },\n {\n \"name\": \"Laos\",\n \"code\": \"LA\",\n \"flag\": \"https://flagcdn.com/la.svg\"\n },\n {\n \"name\": \"Caribbean Netherlands\",\n \"code\": \"BQ\",\n \"flag\": \"https://flagcdn.com/bq.svg\"\n },\n {\n \"name\": \"Uganda\",\n \"code\": \"UG\",\n \"flag\": \"https://flagcdn.com/ug.svg\"\n },\n {\n \"name\": \"Andorra\",\n \"code\": \"AD\",\n \"flag\": \"https://flagcdn.com/ad.svg\"\n },\n {\n \"name\": \"Burundi\",\n \"code\": \"BI\",\n \"flag\": \"https://flagcdn.com/bi.svg\"\n },\n {\n \"name\": \"South Africa\",\n \"code\": \"ZA\",\n \"flag\": \"https://flagcdn.com/za.svg\"\n },\n {\n \"name\": \"France\",\n \"code\": \"FR\",\n \"flag\": \"https://flagcdn.com/fr.svg\"\n },\n {\n \"name\": \"Libya\",\n \"code\": \"LY\",\n \"flag\": \"https://flagcdn.com/ly.svg\"\n },\n {\n \"name\": \"Mexico\",\n \"code\": \"MX\",\n \"flag\": \"https://flagcdn.com/mx.svg\"\n },\n {\n \"name\": \"Gabon\",\n \"code\": \"GA\",\n \"flag\": \"https://flagcdn.com/ga.svg\"\n },\n {\n \"name\": \"Northern Mariana Islands\",\n \"code\": \"MP\",\n \"flag\": \"https://flagcdn.com/mp.svg\"\n },\n {\n \"name\": \"North Macedonia\",\n \"code\": \"MK\",\n \"flag\": \"https://flagcdn.com/mk.svg\"\n },\n {\n \"name\": \"China\",\n \"code\": \"CN\",\n \"flag\": \"https://flagcdn.com/cn.svg\"\n },\n {\n \"name\": \"Yemen\",\n \"code\": \"YE\",\n \"flag\": \"https://flagcdn.com/ye.svg\"\n },\n {\n \"name\": \"Saint Barthélemy\",\n \"code\": \"BL\",\n \"flag\": \"https://flagcdn.com/bl.svg\"\n },\n {\n \"name\": \"Guernsey\",\n \"code\": \"GG\",\n \"flag\": \"https://flagcdn.com/gg.svg\"\n },\n {\n \"name\": \"Solomon Islands\",\n \"code\": \"SB\",\n \"flag\": \"https://flagcdn.com/sb.svg\"\n },\n {\n \"name\": \"Svalbard and Jan Mayen\",\n \"code\": \"SJ\",\n \"flag\": \"https://flagcdn.com/sj.svg\"\n },\n {\n \"name\": \"Faroe Islands\",\n \"code\": \"FO\",\n \"flag\": \"https://flagcdn.com/fo.svg\"\n },\n {\n \"name\": \"Uzbekistan\",\n \"code\": \"UZ\",\n \"flag\": \"https://flagcdn.com/uz.svg\"\n },\n {\n \"name\": \"Egypt\",\n \"code\": \"EG\",\n \"flag\": \"https://flagcdn.com/eg.svg\"\n },\n {\n \"name\": \"Senegal\",\n \"code\": \"SN\",\n \"flag\": \"https://flagcdn.com/sn.svg\"\n },\n {\n \"name\": \"Sri Lanka\",\n \"code\": \"LK\",\n \"flag\": \"https://flagcdn.com/lk.svg\"\n },\n {\n \"name\": \"Palestine\",\n \"code\": \"PS\",\n \"flag\": \"https://flagcdn.com/ps.svg\"\n },\n {\n \"name\": \"Bangladesh\",\n \"code\": \"BD\",\n \"flag\": \"https://flagcdn.com/bd.svg\"\n },\n {\n \"name\": \"Peru\",\n \"code\": \"PE\",\n \"flag\": \"https://flagcdn.com/pe.svg\"\n },\n {\n \"name\": \"Singapore\",\n \"code\": \"SG\",\n \"flag\": \"https://flagcdn.com/sg.svg\"\n },\n {\n \"name\": \"Turkey\",\n \"code\": \"TR\",\n \"flag\": \"https://flagcdn.com/tr.svg\"\n },\n {\n \"name\": \"Afghanistan\",\n \"code\": \"AF\",\n \"flag\": \"https://flagcdn.com/af.svg\"\n },\n {\n \"name\": \"Aruba\",\n \"code\": \"AW\",\n \"flag\": \"https://flagcdn.com/aw.svg\"\n },\n {\n \"name\": \"Cook Islands\",\n \"code\": \"CK\",\n \"flag\": \"https://flagcdn.com/ck.svg\"\n },\n {\n \"name\": \"United Kingdom\",\n \"code\": \"GB\",\n \"flag\": \"https://flagcdn.com/gb.svg\"\n },\n {\n \"name\": \"Zambia\",\n \"code\": \"ZM\",\n \"flag\": \"https://flagcdn.com/zm.svg\"\n },\n {\n \"name\": \"Finland\",\n \"code\": \"FI\",\n \"flag\": \"https://flagcdn.com/fi.svg\"\n },\n {\n \"name\": \"Niger\",\n \"code\": \"NE\",\n \"flag\": \"https://flagcdn.com/ne.svg\"\n },\n {\n \"name\": \"Christmas Island\",\n \"code\": \"CX\",\n \"flag\": \"https://flagcdn.com/cx.svg\"\n },\n {\n \"name\": \"Tokelau\",\n \"code\": \"TK\",\n \"flag\": \"https://flagcdn.com/tk.svg\"\n },\n {\n \"name\": \"Guinea-Bissau\",\n \"code\": \"GW\",\n \"flag\": \"https://flagcdn.com/gw.svg\"\n },\n {\n \"name\": \"Azerbaijan\",\n \"code\": \"AZ\",\n \"flag\": \"https://flagcdn.com/az.svg\"\n },\n {\n \"name\": \"Réunion\",\n \"code\": \"RE\",\n \"flag\": \"https://flagcdn.com/re.svg\"\n },\n {\n \"name\": \"Djibouti\",\n \"code\": \"DJ\",\n \"flag\": \"https://flagcdn.com/dj.svg\"\n },\n {\n \"name\": \"North Korea\",\n \"code\": \"KP\",\n \"flag\": \"https://flagcdn.com/kp.svg\"\n },\n {\n \"name\": \"Mauritius\",\n \"code\": \"MU\",\n \"flag\": \"https://flagcdn.com/mu.svg\"\n },\n {\n \"name\": \"Montserrat\",\n \"code\": \"MS\",\n \"flag\": \"https://flagcdn.com/ms.svg\"\n },\n {\n \"name\": \"United States Virgin Islands\",\n \"code\": \"VI\",\n \"flag\": \"https://flagcdn.com/vi.svg\"\n },\n {\n \"name\": \"Colombia\",\n \"code\": \"CO\",\n \"flag\": \"https://flagcdn.com/co.svg\"\n },\n {\n \"name\": \"Greece\",\n \"code\": \"GR\",\n \"flag\": \"https://flagcdn.com/gr.svg\"\n },\n {\n \"name\": \"Croatia\",\n \"code\": \"HR\",\n \"flag\": \"https://flagcdn.com/hr.svg\"\n },\n {\n \"name\": \"Morocco\",\n \"code\": \"MA\",\n \"flag\": \"https://flagcdn.com/ma.svg\"\n },\n {\n \"name\": \"Algeria\",\n \"code\": \"DZ\",\n \"flag\": \"https://flagcdn.com/dz.svg\"\n },\n {\n \"name\": \"Antarctica\",\n \"code\": \"AQ\",\n \"flag\": \"https://flagcdn.com/aq.svg\"\n },\n {\n \"name\": \"Netherlands\",\n \"code\": \"NL\",\n \"flag\": \"https://flagcdn.com/nl.svg\"\n },\n {\n \"name\": \"Sudan\",\n \"code\": \"SD\",\n \"flag\": \"https://flagcdn.com/sd.svg\"\n },\n {\n \"name\": \"Fiji\",\n \"code\": \"FJ\",\n \"flag\": \"https://flagcdn.com/fj.svg\"\n },\n {\n \"name\": \"Liechtenstein\",\n \"code\": \"LI\",\n \"flag\": \"https://flagcdn.com/li.svg\"\n },\n {\n \"name\": \"Nepal\",\n \"code\": \"NP\",\n \"flag\": \"https://flagcdn.com/np.svg\"\n },\n {\n \"name\": \"Puerto Rico\",\n \"code\": \"PR\",\n \"flag\": \"https://flagcdn.com/pr.svg\"\n },\n {\n \"name\": \"Georgia\",\n \"code\": \"GE\",\n \"flag\": \"https://flagcdn.com/ge.svg\"\n },\n {\n \"name\": \"Pakistan\",\n \"code\": \"PK\",\n \"flag\": \"https://flagcdn.com/pk.svg\"\n },\n {\n \"name\": \"Monaco\",\n \"code\": \"MC\",\n \"flag\": \"https://flagcdn.com/mc.svg\"\n },\n {\n \"name\": \"Botswana\",\n \"code\": \"BW\",\n \"flag\": \"https://flagcdn.com/bw.svg\"\n },\n {\n \"name\": \"Lebanon\",\n \"code\": \"LB\",\n \"flag\": \"https://flagcdn.com/lb.svg\"\n },\n {\n \"name\": \"Papua New Guinea\",\n \"code\": \"PG\",\n \"flag\": \"https://flagcdn.com/pg.svg\"\n },\n {\n \"name\": \"Mayotte\",\n \"code\": \"YT\",\n \"flag\": \"https://flagcdn.com/yt.svg\"\n },\n {\n \"name\": \"Dominican Republic\",\n \"code\": \"DO\",\n \"flag\": \"https://flagcdn.com/do.svg\"\n },\n {\n \"name\": \"Norfolk Island\",\n \"code\": \"NF\",\n \"flag\": \"https://flagcdn.com/nf.svg\"\n },\n {\n \"name\": \"Bouvet Island\",\n \"code\": \"BV\",\n \"flag\": \"https://flagcdn.com/bv.svg\"\n },\n {\n \"name\": \"Qatar\",\n \"code\": \"QA\",\n \"flag\": \"https://flagcdn.com/qa.svg\"\n },\n {\n \"name\": \"Madagascar\",\n \"code\": \"MG\",\n \"flag\": \"https://flagcdn.com/mg.svg\"\n },\n {\n \"name\": \"India\",\n \"code\": \"IN\",\n \"flag\": \"https://flagcdn.com/in.svg\"\n },\n {\n \"name\": \"Syria\",\n \"code\": \"SY\",\n \"flag\": \"https://flagcdn.com/sy.svg\"\n },\n {\n \"name\": \"Montenegro\",\n \"code\": \"ME\",\n \"flag\": \"https://flagcdn.com/me.svg\"\n },\n {\n \"name\": \"Eswatini\",\n \"code\": \"SZ\",\n \"flag\": \"https://flagcdn.com/sz.svg\"\n },\n {\n \"name\": \"Paraguay\",\n \"code\": \"PY\",\n \"flag\": \"https://flagcdn.com/py.svg\"\n },\n {\n \"name\": \"El Salvador\",\n \"code\": \"SV\",\n \"flag\": \"https://flagcdn.com/sv.svg\"\n },\n {\n \"name\": \"Ukraine\",\n \"code\": \"UA\",\n \"flag\": \"https://flagcdn.com/ua.svg\"\n },\n {\n \"name\": \"Isle of Man\",\n \"code\": \"IM\",\n \"flag\": \"https://flagcdn.com/im.svg\"\n },\n {\n \"name\": \"Namibia\",\n \"code\": \"NA\",\n \"flag\": \"https://flagcdn.com/na.svg\"\n },\n {\n \"name\": \"United Arab Emirates\",\n \"code\": \"AE\",\n \"flag\": \"https://flagcdn.com/ae.svg\"\n },\n {\n \"name\": \"Bulgaria\",\n \"code\": \"BG\",\n \"flag\": \"https://flagcdn.com/bg.svg\"\n },\n {\n \"name\": \"Greenland\",\n \"code\": \"GL\",\n \"flag\": \"https://flagcdn.com/gl.svg\"\n },\n {\n \"name\": \"Germany\",\n \"code\": \"DE\",\n \"flag\": \"https://flagcdn.com/de.svg\"\n },\n {\n \"name\": \"Cambodia\",\n \"code\": \"KH\",\n \"flag\": \"https://flagcdn.com/kh.svg\"\n },\n {\n \"name\": \"Iraq\",\n \"code\": \"IQ\",\n \"flag\": \"https://flagcdn.com/iq.svg\"\n },\n {\n \"name\": \"French Southern and Antarctic Lands\",\n \"code\": \"TF\",\n \"flag\": \"https://flagcdn.com/tf.svg\"\n },\n {\n \"name\": \"Sweden\",\n \"code\": \"SE\",\n \"flag\": \"https://flagcdn.com/se.svg\"\n },\n {\n \"name\": \"Cuba\",\n \"code\": \"CU\",\n \"flag\": \"https://flagcdn.com/cu.svg\"\n },\n {\n \"name\": \"Kyrgyzstan\",\n \"code\": \"KG\",\n \"flag\": \"https://flagcdn.com/kg.svg\"\n },\n {\n \"name\": \"Russia\",\n \"code\": \"RU\",\n \"flag\": \"https://flagcdn.com/ru.svg\"\n },\n {\n \"name\": \"Malaysia\",\n \"code\": \"MY\",\n \"flag\": \"https://flagcdn.com/my.svg\"\n },\n {\n \"name\": \"São Tomé and Príncipe\",\n \"code\": \"ST\",\n \"flag\": \"https://flagcdn.com/st.svg\"\n },\n {\n \"name\": \"Cyprus\",\n \"code\": \"CY\",\n \"flag\": \"https://flagcdn.com/cy.svg\"\n },\n {\n \"name\": \"Canada\",\n \"code\": \"CA\",\n \"flag\": \"https://flagcdn.com/ca.svg\"\n },\n {\n \"name\": \"Malawi\",\n \"code\": \"MW\",\n \"flag\": \"https://flagcdn.com/mw.svg\"\n },\n {\n \"name\": \"Saudi Arabia\",\n \"code\": \"SA\",\n \"flag\": \"https://flagcdn.com/sa.svg\"\n },\n {\n \"name\": \"Bosnia and Herzegovina\",\n \"code\": \"BA\",\n \"flag\": \"https://flagcdn.com/ba.svg\"\n },\n {\n \"name\": \"Ethiopia\",\n \"code\": \"ET\",\n \"flag\": \"https://flagcdn.com/et.svg\"\n },\n {\n \"name\": \"Spain\",\n \"code\": \"ES\",\n \"flag\": \"https://flagcdn.com/es.svg\"\n },\n {\n \"name\": \"Slovenia\",\n \"code\": \"SI\",\n \"flag\": \"https://flagcdn.com/si.svg\"\n },\n {\n \"name\": \"Oman\",\n \"code\": \"OM\",\n \"flag\": \"https://flagcdn.com/om.svg\"\n },\n {\n \"name\": \"Saint Pierre and Miquelon\",\n \"code\": \"PM\",\n \"flag\": \"https://flagcdn.com/pm.svg\"\n },\n {\n \"name\": \"Macau\",\n \"code\": \"MO\",\n \"flag\": \"https://flagcdn.com/mo.svg\"\n },\n {\n \"name\": \"San Marino\",\n \"code\": \"SM\",\n \"flag\": \"https://flagcdn.com/sm.svg\"\n },\n {\n \"name\": \"Lesotho\",\n \"code\": \"LS\",\n \"flag\": \"https://flagcdn.com/ls.svg\"\n },\n {\n \"name\": \"Marshall Islands\",\n \"code\": \"MH\",\n \"flag\": \"https://flagcdn.com/mh.svg\"\n },\n {\n \"name\": \"Sint Maarten\",\n \"code\": \"SX\",\n \"flag\": \"https://flagcdn.com/sx.svg\"\n },\n {\n \"name\": \"Iceland\",\n \"code\": \"IS\",\n \"flag\": \"https://flagcdn.com/is.svg\"\n },\n {\n \"name\": \"Luxembourg\",\n \"code\": \"LU\",\n \"flag\": \"https://flagcdn.com/lu.svg\"\n },\n {\n \"name\": \"Argentina\",\n \"code\": \"AR\",\n \"flag\": \"https://flagcdn.com/ar.svg\"\n },\n {\n \"name\": \"Turks and Caicos Islands\",\n \"code\": \"TC\",\n \"flag\": \"https://flagcdn.com/tc.svg\"\n },\n {\n \"name\": \"Nauru\",\n \"code\": \"NR\",\n \"flag\": \"https://flagcdn.com/nr.svg\"\n },\n {\n \"name\": \"Cocos (Keeling) Islands\",\n \"code\": \"CC\",\n \"flag\": \"https://flagcdn.com/cc.svg\"\n },\n {\n \"name\": \"Western Sahara\",\n \"code\": \"EH\",\n \"flag\": \"https://flagcdn.com/eh.svg\"\n },\n {\n \"name\": \"Dominica\",\n \"code\": \"DM\",\n \"flag\": \"https://flagcdn.com/dm.svg\"\n },\n {\n \"name\": \"Costa Rica\",\n \"code\": \"CR\",\n \"flag\": \"https://flagcdn.com/cr.svg\"\n },\n {\n \"name\": \"Australia\",\n \"code\": \"AU\",\n \"flag\": \"https://flagcdn.com/au.svg\"\n },\n {\n \"name\": \"Thailand\",\n \"code\": \"TH\",\n \"flag\": \"https://flagcdn.com/th.svg\"\n },\n {\n \"name\": \"Haiti\",\n \"code\": \"HT\",\n \"flag\": \"https://flagcdn.com/ht.svg\"\n },\n {\n \"name\": \"Tuvalu\",\n \"code\": \"TV\",\n \"flag\": \"https://flagcdn.com/tv.svg\"\n },\n {\n \"name\": \"Honduras\",\n \"code\": \"HN\",\n \"flag\": \"https://flagcdn.com/hn.svg\"\n },\n {\n \"name\": \"Equatorial Guinea\",\n \"code\": \"GQ\",\n \"flag\": \"https://flagcdn.com/gq.svg\"\n },\n {\n \"name\": \"Saint Lucia\",\n \"code\": \"LC\",\n \"flag\": \"https://flagcdn.com/lc.svg\"\n },\n {\n \"name\": \"French Polynesia\",\n \"code\": \"PF\",\n \"flag\": \"https://flagcdn.com/pf.svg\"\n },\n {\n \"name\": \"Belarus\",\n \"code\": \"BY\",\n \"flag\": \"https://flagcdn.com/by.svg\"\n },\n {\n \"name\": \"Latvia\",\n \"code\": \"LV\",\n \"flag\": \"https://flagcdn.com/lv.svg\"\n },\n {\n \"name\": \"Palau\",\n \"code\": \"PW\",\n \"flag\": \"https://flagcdn.com/pw.svg\"\n },\n {\n \"name\": \"Guadeloupe\",\n \"code\": \"GP\",\n \"flag\": \"https://flagcdn.com/gp.svg\"\n },\n {\n \"name\": \"Philippines\",\n \"code\": \"PH\",\n \"flag\": \"https://flagcdn.com/ph.svg\"\n },\n {\n \"name\": \"Gibraltar\",\n \"code\": \"GI\",\n \"flag\": \"https://flagcdn.com/gi.svg\"\n },\n {\n \"name\": \"Denmark\",\n \"code\": \"DK\",\n \"flag\": \"https://flagcdn.com/dk.svg\"\n },\n {\n \"name\": \"Cameroon\",\n \"code\": \"CM\",\n \"flag\": \"https://flagcdn.com/cm.svg\"\n },\n {\n \"name\": \"Guinea\",\n \"code\": \"GN\",\n \"flag\": \"https://flagcdn.com/gn.svg\"\n },\n {\n \"name\": \"Bahrain\",\n \"code\": \"BH\",\n \"flag\": \"https://flagcdn.com/bh.svg\"\n },\n {\n \"name\": \"Suriname\",\n \"code\": \"SR\",\n \"flag\": \"https://flagcdn.com/sr.svg\"\n },\n {\n \"name\": \"DR Congo\",\n \"code\": \"CD\",\n \"flag\": \"https://flagcdn.com/cd.svg\"\n },\n {\n \"name\": \"Somalia\",\n \"code\": \"SO\",\n \"flag\": \"https://flagcdn.com/so.svg\"\n },\n {\n \"name\": \"Czechia\",\n \"code\": \"CZ\",\n \"flag\": \"https://flagcdn.com/cz.svg\"\n },\n {\n \"name\": \"New Caledonia\",\n \"code\": \"NC\",\n \"flag\": \"https://flagcdn.com/nc.svg\"\n },\n {\n \"name\": \"Vanuatu\",\n \"code\": \"VU\",\n \"flag\": \"https://flagcdn.com/vu.svg\"\n },\n {\n \"name\": \"Saint Helena, Ascension and Tristan da Cunha\",\n \"code\": \"SH\",\n \"flag\": \"https://flagcdn.com/sh.svg\"\n },\n {\n \"name\": \"Togo\",\n \"code\": \"TG\",\n \"flag\": \"https://flagcdn.com/tg.svg\"\n },\n {\n \"name\": \"British Virgin Islands\",\n \"code\": \"VG\",\n \"flag\": \"https://flagcdn.com/vg.svg\"\n },\n {\n \"name\": \"Kenya\",\n \"code\": \"KE\",\n \"flag\": \"https://flagcdn.com/ke.svg\"\n },\n {\n \"name\": \"Niue\",\n \"code\": \"NU\",\n \"flag\": \"https://flagcdn.com/nu.svg\"\n },\n {\n \"name\": \"Heard Island and McDonald Islands\",\n \"code\": \"HM\",\n \"flag\": \"https://flagcdn.com/hm.svg\"\n },\n {\n \"name\": \"Rwanda\",\n \"code\": \"RW\",\n \"flag\": \"https://flagcdn.com/rw.svg\"\n },\n {\n \"name\": \"Estonia\",\n \"code\": \"EE\",\n \"flag\": \"https://flagcdn.com/ee.svg\"\n },\n {\n \"name\": \"Romania\",\n \"code\": \"RO\",\n \"flag\": \"https://flagcdn.com/ro.svg\"\n },\n {\n \"name\": \"Trinidad and Tobago\",\n \"code\": \"TT\",\n \"flag\": \"https://flagcdn.com/tt.svg\"\n },\n {\n \"name\": \"Guyana\",\n \"code\": \"GY\",\n \"flag\": \"https://flagcdn.com/gy.svg\"\n },\n {\n \"name\": \"Timor-Leste\",\n \"code\": \"TL\",\n \"flag\": \"https://flagcdn.com/tl.svg\"\n },\n {\n \"name\": \"Vietnam\",\n \"code\": \"VN\",\n \"flag\": \"https://flagcdn.com/vn.svg\"\n },\n {\n \"name\": \"Uruguay\",\n \"code\": \"UY\",\n \"flag\": \"https://flagcdn.com/uy.svg\"\n },\n {\n \"name\": \"Vatican City\",\n \"code\": \"VA\",\n \"flag\": \"https://flagcdn.com/va.svg\"\n },\n {\n \"name\": \"Hong Kong\",\n \"code\": \"HK\",\n \"flag\": \"https://flagcdn.com/hk.svg\"\n },\n {\n \"name\": \"Austria\",\n \"code\": \"AT\",\n \"flag\": \"https://flagcdn.com/at.svg\"\n },\n {\n \"name\": \"Antigua and Barbuda\",\n \"code\": \"AG\",\n \"flag\": \"https://flagcdn.com/ag.svg\"\n },\n {\n \"name\": \"Turkmenistan\",\n \"code\": \"TM\",\n \"flag\": \"https://flagcdn.com/tm.svg\"\n },\n {\n \"name\": \"Mozambique\",\n \"code\": \"MZ\",\n \"flag\": \"https://flagcdn.com/mz.svg\"\n },\n {\n \"name\": \"Panama\",\n \"code\": \"PA\",\n \"flag\": \"https://flagcdn.com/pa.svg\"\n },\n {\n \"name\": \"Micronesia\",\n \"code\": \"FM\",\n \"flag\": \"https://flagcdn.com/fm.svg\"\n },\n {\n \"name\": \"Ireland\",\n \"code\": \"IE\",\n \"flag\": \"https://flagcdn.com/ie.svg\"\n },\n {\n \"name\": \"Curaçao\",\n \"code\": \"CW\",\n \"flag\": \"https://flagcdn.com/cw.svg\"\n },\n {\n \"name\": \"French Guiana\",\n \"code\": \"GF\",\n \"flag\": \"https://flagcdn.com/gf.svg\"\n },\n {\n \"name\": \"Norway\",\n \"code\": \"NO\",\n \"flag\": \"https://flagcdn.com/no.svg\"\n },\n {\n \"name\": \"Åland Islands\",\n \"code\": \"AX\",\n \"flag\": \"https://flagcdn.com/ax.svg\"\n },\n {\n \"name\": \"Central African Republic\",\n \"code\": \"CF\",\n \"flag\": \"https://flagcdn.com/cf.svg\"\n },\n {\n \"name\": \"Burkina Faso\",\n \"code\": \"BF\",\n \"flag\": \"https://flagcdn.com/bf.svg\"\n },\n {\n \"name\": \"Eritrea\",\n \"code\": \"ER\",\n \"flag\": \"https://flagcdn.com/er.svg\"\n },\n {\n \"name\": \"Tanzania\",\n \"code\": \"TZ\",\n \"flag\": \"https://flagcdn.com/tz.svg\"\n },\n {\n \"name\": \"South Korea\",\n \"code\": \"KR\",\n \"flag\": \"https://flagcdn.com/kr.svg\"\n },\n {\n \"name\": \"Jordan\",\n \"code\": \"JO\",\n \"flag\": \"https://flagcdn.com/jo.svg\"\n },\n {\n \"name\": \"Mauritania\",\n \"code\": \"MR\",\n \"flag\": \"https://flagcdn.com/mr.svg\"\n },\n {\n \"name\": \"Lithuania\",\n \"code\": \"LT\",\n \"flag\": \"https://flagcdn.com/lt.svg\"\n },\n {\n \"name\": \"United States Minor Outlying Islands\",\n \"code\": \"UM\",\n \"flag\": \"https://flagcdn.com/um.svg\"\n },\n {\n \"name\": \"Slovakia\",\n \"code\": \"SK\",\n \"flag\": \"https://flagcdn.com/sk.svg\"\n },\n {\n \"name\": \"Angola\",\n \"code\": \"AO\",\n \"flag\": \"https://flagcdn.com/ao.svg\"\n },\n {\n \"name\": \"Kazakhstan\",\n \"code\": \"KZ\",\n \"flag\": \"https://flagcdn.com/kz.svg\"\n },\n {\n \"name\": \"Moldova\",\n \"code\": \"MD\",\n \"flag\": \"https://flagcdn.com/md.svg\"\n },\n {\n \"name\": \"Mali\",\n \"code\": \"ML\",\n \"flag\": \"https://flagcdn.com/ml.svg\"\n },\n {\n \"name\": \"Falkland Islands\",\n \"code\": \"FK\",\n \"flag\": \"https://flagcdn.com/fk.svg\"\n },\n {\n \"name\": \"Armenia\",\n \"code\": \"AM\",\n \"flag\": \"https://flagcdn.com/am.svg\"\n },\n {\n \"name\": \"Samoa\",\n \"code\": \"WS\",\n \"flag\": \"https://flagcdn.com/ws.svg\"\n },\n {\n \"name\": \"Jersey\",\n \"code\": \"JE\",\n \"flag\": \"https://flagcdn.com/je.svg\"\n },\n {\n \"name\": \"Japan\",\n \"code\": \"JP\",\n \"flag\": \"https://flagcdn.com/jp.svg\"\n },\n {\n \"name\": \"Bolivia\",\n \"code\": \"BO\",\n \"flag\": \"https://flagcdn.com/bo.svg\"\n },\n {\n \"name\": \"Chile\",\n \"code\": \"CL\",\n \"flag\": \"https://flagcdn.com/cl.svg\"\n },\n {\n \"name\": \"United States\",\n \"code\": \"US\",\n \"flag\": \"https://flagcdn.com/us.svg\"\n },\n {\n \"name\": \"Saint Vincent and the Grenadines\",\n \"code\": \"VC\",\n \"flag\": \"https://flagcdn.com/vc.svg\"\n },\n {\n \"name\": \"Bermuda\",\n \"code\": \"BM\",\n \"flag\": \"https://flagcdn.com/bm.svg\"\n },\n {\n \"name\": \"Seychelles\",\n \"code\": \"SC\",\n \"flag\": \"https://flagcdn.com/sc.svg\"\n },\n {\n \"name\": \"British Indian Ocean Territory\",\n \"code\": \"IO\",\n \"flag\": \"https://flagcdn.com/io.svg\"\n },\n {\n \"name\": \"Guatemala\",\n \"code\": \"GT\",\n \"flag\": \"https://flagcdn.com/gt.svg\"\n },\n {\n \"name\": \"Ecuador\",\n \"code\": \"EC\",\n \"flag\": \"https://flagcdn.com/ec.svg\"\n },\n {\n \"name\": \"Martinique\",\n \"code\": \"MQ\",\n \"flag\": \"https://flagcdn.com/mq.svg\"\n },\n {\n \"name\": \"Tajikistan\",\n \"code\": \"TJ\",\n \"flag\": \"https://flagcdn.com/tj.svg\"\n },\n {\n \"name\": \"Malta\",\n \"code\": \"MT\",\n \"flag\": \"https://flagcdn.com/mt.svg\"\n },\n {\n \"name\": \"Gambia\",\n \"code\": \"GM\",\n \"flag\": \"https://flagcdn.com/gm.svg\"\n },\n {\n \"name\": \"Nigeria\",\n \"code\": \"NG\",\n \"flag\": \"https://flagcdn.com/ng.svg\"\n },\n {\n \"name\": \"Bahamas\",\n \"code\": \"BS\",\n \"flag\": \"https://flagcdn.com/bs.svg\"\n },\n {\n \"name\": \"Kosovo\",\n \"code\": \"XK\",\n \"flag\": \"https://flagcdn.com/xk.svg\"\n },\n {\n \"name\": \"Kuwait\",\n \"code\": \"KW\",\n \"flag\": \"https://flagcdn.com/kw.svg\"\n },\n {\n \"name\": \"Maldives\",\n \"code\": \"MV\",\n \"flag\": \"https://flagcdn.com/mv.svg\"\n },\n {\n \"name\": \"South Sudan\",\n \"code\": \"SS\",\n \"flag\": \"https://flagcdn.com/ss.svg\"\n },\n {\n \"name\": \"Iran\",\n \"code\": \"IR\",\n \"flag\": \"https://flagcdn.com/ir.svg\"\n },\n {\n \"name\": \"Albania\",\n \"code\": \"AL\",\n \"flag\": \"https://flagcdn.com/al.svg\"\n },\n {\n \"name\": \"Brazil\",\n \"code\": \"BR\",\n \"flag\": \"https://flagcdn.com/br.svg\"\n },\n {\n \"name\": \"Serbia\",\n \"code\": \"RS\",\n \"flag\": \"https://flagcdn.com/rs.svg\"\n },\n {\n \"name\": \"Belize\",\n \"code\": \"BZ\",\n \"flag\": \"https://flagcdn.com/bz.svg\"\n },\n {\n \"name\": \"Myanmar\",\n \"code\": \"MM\",\n \"flag\": \"https://flagcdn.com/mm.svg\"\n },\n {\n \"name\": \"Bhutan\",\n \"code\": \"BT\",\n \"flag\": \"https://flagcdn.com/bt.svg\"\n },\n {\n \"name\": \"Venezuela\",\n \"code\": \"VE\",\n \"flag\": \"https://flagcdn.com/ve.svg\"\n },\n {\n \"name\": \"Liberia\",\n \"code\": \"LR\",\n \"flag\": \"https://flagcdn.com/lr.svg\"\n },\n {\n \"name\": \"Jamaica\",\n \"code\": \"JM\",\n \"flag\": \"https://flagcdn.com/jm.svg\"\n },\n {\n \"name\": \"Poland\",\n \"code\": \"PL\",\n \"flag\": \"https://flagcdn.com/pl.svg\"\n },\n {\n \"name\": \"Cayman Islands\",\n \"code\": \"KY\",\n \"flag\": \"https://flagcdn.com/ky.svg\"\n },\n {\n \"name\": \"Brunei\",\n \"code\": \"BN\",\n \"flag\": \"https://flagcdn.com/bn.svg\"\n },\n {\n \"name\": \"Comoros\",\n \"code\": \"KM\",\n \"flag\": \"https://flagcdn.com/km.svg\"\n },\n {\n \"name\": \"Guam\",\n \"code\": \"GU\",\n \"flag\": \"https://flagcdn.com/gu.svg\"\n },\n {\n \"name\": \"Tonga\",\n \"code\": \"TO\",\n \"flag\": \"https://flagcdn.com/to.svg\"\n },\n {\n \"name\": \"Kiribati\",\n \"code\": \"KI\",\n \"flag\": \"https://flagcdn.com/ki.svg\"\n },\n {\n \"name\": \"Ghana\",\n \"code\": \"GH\",\n \"flag\": \"https://flagcdn.com/gh.svg\"\n },\n {\n \"name\": \"Chad\",\n \"code\": \"TD\",\n \"flag\": \"https://flagcdn.com/td.svg\"\n },\n {\n \"name\": \"Zimbabwe\",\n \"code\": \"ZW\",\n \"flag\": \"https://flagcdn.com/zw.svg\"\n },\n {\n \"name\": \"Saint Martin\",\n \"code\": \"MF\",\n \"flag\": \"https://flagcdn.com/mf.svg\"\n },\n {\n \"name\": \"Mongolia\",\n \"code\": \"MN\",\n \"flag\": \"https://flagcdn.com/mn.svg\"\n },\n {\n \"name\": \"Portugal\",\n \"code\": \"PT\",\n \"flag\": \"https://flagcdn.com/pt.svg\"\n },\n {\n \"name\": \"American Samoa\",\n \"code\": \"AS\",\n \"flag\": \"https://flagcdn.com/as.svg\"\n },\n {\n \"name\": \"Republic of the Congo\",\n \"code\": \"CG\",\n \"flag\": \"https://flagcdn.com/cg.svg\"\n },\n {\n \"name\": \"Belgium\",\n \"code\": \"BE\",\n \"flag\": \"https://flagcdn.com/be.svg\"\n },\n {\n \"name\": \"Israel\",\n \"code\": \"IL\",\n \"flag\": \"https://flagcdn.com/il.svg\"\n },\n {\n \"name\": \"New Zealand\",\n \"code\": \"NZ\",\n \"flag\": \"https://flagcdn.com/nz.svg\"\n },\n {\n \"name\": \"Nicaragua\",\n \"code\": \"NI\",\n \"flag\": \"https://flagcdn.com/ni.svg\"\n },\n {\n \"name\": \"Anguilla\",\n \"code\": \"AI\",\n \"flag\": \"https://flagcdn.com/ai.svg\"\n }\n]\n","import { inject, Injectable } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ToastrService } from 'ngx-toastr';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ToastrFactoryService {\n\n private toastr= inject(ToastrService)\n protected translate = inject(TranslateService);\n\n success(message: string, title?: string, options?: any) {\n this.toastr.success(message, title, { timeOut: 3000, ...options });\n }\n\n error(message: string, title?: string, options?: any) {\n this.toastr.error(message, title, { timeOut: 3000, ...options });\n }\n\n info(message: string, title?: string, options?: any) {\n this.toastr.info(message, title, { timeOut: 3000, ...options });\n }\n\n warning(message: string, title?: string, options?: any) {\n this.toastr.warning(message, title, { timeOut: 3000, ...options });\n }\n\n unknownError(key: string) {\n this.error(key);\n }\n\n handleError(error: any) {\n console.log(error);\n switch (error.status.toString()) {\n case '500':\n this.unknownError(error.statusText);\n break;\n case '400':\n if (error.error.errors.q == 'The q field is required.') {\n this.error(this.translate.instant('theFieldMustHaveAValueBeforeSubmit'));\n } else {\n this.error(error.error.errors);\n }\n break;\n case '404':\n this.error(error.statusText);\n break;\n default:\n this.unknownError(error.statusText);\n }\n }\n}\n","import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\n\nimport { AppModule } from './app/app.module';\nimport { enableProdMode } from '@angular/core';\nimport { environment } from './environments/environment';\n\nif (environment.production) {\n enableProdMode();\n}\n\nplatformBrowserDynamic()\n .bootstrapModule(AppModule)\n .catch((err) => console.error(err));\n\ndeclare global {\n interface Window {\n ethereum: any;\n }\n}\n","import { DialogRef, DIALOG_DATA } from '@angular/cdk/dialog';\nimport { Component, inject } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { NickyButtonComponent } from '../../form/nicky-button/nicky-button.component';\nimport { AuthStore } from 'src/app/stores/auth.store';\n\n@Component({\n selector: 'app-validate-email-modal',\n imports: [TranslateModule, NickyButtonComponent],\n templateUrl: './validate-email-modal.component.html',\n})\nexport class ValidateEmailModalComponent {\n protected dialogRef = inject(DialogRef);\n protected data = inject(DIALOG_DATA);\n}\n","\n \n
\n \n \n
\n\n \n Api
\n\n {{ 'API.active' | translate }} \n
\n\n \n \n \n \n
\n\n \n \n
\n \n
\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'formatExchangeName'\n})\nexport class FormatExchangeNamePipe implements PipeTransform {\n transform(exchangeName: string): string {\n return exchangeName === 'KyrrexDirect' ? 'Kyrrex' : exchangeName;\n }\n}\n","\nimport { Component } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { NICKY_URLS } from 'src/app/utils/urls.constants';\n\ninterface FooterLink {\n url: string;\n translationKey: string;\n}\n\n@Component({\n selector: 'app-nicky-footer',\n imports: [TranslateModule],\n templateUrl: './nicky-footer.component.html'\n})\nexport class NickyFooterComponent {\n currentYear = new Date().getFullYear();\n\n termsOfUseUrl = NICKY_URLS.TERMS_OF_USE;\n privacyPolicyUrl = NICKY_URLS.PRIVACY_POLICY;\n legalDisclosureUrl = NICKY_URLS.LEGAL_DISCLOSURE;\n cookiePolicyUrl = NICKY_URLS.COOKIE_POLICY;\n\n footerLinks: FooterLink[] = [\n { url: this.termsOfUseUrl, translationKey: 'termsOfUse' },\n { url: this.privacyPolicyUrl, translationKey: 'privacyPolicy' },\n { url: this.legalDisclosureUrl, translationKey: 'disclousures' },\n { url: this.cookiePolicyUrl, translationKey: 'cookiePolicy' },\n ];\n}\n","\n","import { patchState, signalStore, withComputed, withMethods, withState } from '@ngrx/signals';\nimport { setAllEntities, withEntities } from '@ngrx/signals/entities';\nimport { Contact } from '../components/models/contact.model';\n\nimport { rxMethod } from '@ngrx/signals/rxjs-interop';\nimport { computed, inject } from '@angular/core';\nimport { tapResponse } from '@ngrx/operators';\nimport { pipe, switchMap, forkJoin, of, EMPTY } from 'rxjs';\nimport { FavoritesService } from '../services/favorites.service';\n\nimport { UserService } from '../services/user.service';\nimport { map, catchError, debounceTime, distinctUntilChanged } from 'rxjs/operators';\nimport { ToastrService } from 'ngx-toastr';\nimport { TranslateService } from '@ngx-translate/core';\n\ninterface ContactResponse {\n total: number;\n data: any[];\n}\n\ntype ContactsStoreState = {\n loaded: boolean;\n total: number;\n pageSize: number;\n pageIndex: number;\n searchQuery: string; \n filters: {\n emails: string[];\n filterForm?: any;\n mustOrderByDescending: boolean;\n };\n};\n\nconst initialState: ContactsStoreState = {\n loaded: false,\n total: 0,\n pageSize: window.innerWidth >= 768 ? 10 : 5,\n pageIndex: 0,\n searchQuery: '',\n filters: {\n emails: [],\n filterForm: {},\n mustOrderByDescending: true,\n },\n};\n\nexport const ContactsStore = signalStore(\n {\n providedIn: 'root',\n },\n withEntities\n \n
\n\n \n
\n\n \n \n
\n\n \n \n {{ 'youCannotLoginWithAnUnverifiedEmail' | translate }}\n
\n\n {{\n 'tryToLogin' | translate\n }} \n
\n \n
\n\n","import { DialogRef, DIALOG_DATA } from '@angular/cdk/dialog';\nimport { CommonModule } from '@angular/common';\nimport { Component, inject } from '@angular/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { NickyButtonComponent } from '../../form/nicky-button/nicky-button.component';\nimport { A11yModule } from '@angular/cdk/a11y';\n\n@Component({\n selector: 'app-domain-owner-modal',\n imports: [TranslateModule, CommonModule, NickyButtonComponent, A11yModule],\n templateUrl: './domain-owner-modal.component.html'\n})\nexport class DomainOwnerModalComponent {\n protected dialogRef = inject(DialogRef);\n protected data = inject(DIALOG_DATA);\n}\n","\n \n \n {{ (currentOption ? currentOption.name || '' : '') | formatExchangeName | translate }}\n \n \n
\n @if (openSelection) {\n \n }\n \n
\n","import { Component, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TranslateService } from '@ngx-translate/core';\nimport { FormControl } from '@angular/forms';\nimport { FormGroup } from '@angular/forms';\nimport { Validators } from '@angular/forms';\nimport { FormsModule } from '@angular/forms';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { ToastrService } from 'ngx-toastr';\nimport { Router } from '@angular/router';\nimport { SigninService } from 'src/app/services/sign-in.service';\nimport { tap, catchError, EMPTY } from 'rxjs';\nimport { NickyButtonComponent } from 'src/app/components/form/nicky-button/nicky-button.component';\nimport { VALIDATION_PATTERNS } from 'src/app/utils/validation-patterns.util';\n\n@Component({\n selector: 'app-forgot-password',\n imports: [CommonModule, FormsModule, ReactiveFormsModule, TranslateModule, NickyButtonComponent],\n providers: [\n SigninService\n ],\n templateUrl: './forgot-password.component.html'\n})\nexport class ForgotPasswordComponent {\n public userForgotPassword: boolean = false;\n\n private router: Router = inject(Router);\n private signInService: SigninService = inject(SigninService);\n private toastrService: ToastrService = inject(ToastrService);\n private translate: TranslateService = inject(TranslateService);\n\n constructor() {\n //FOR NOW lets set the default language to en on pages without authstore\n\n // Set default language\n this.translate.setDefaultLang('en');\n\n // TODO: Handle language in the future\n // Get browser language or fallback to en-US\n const browserLang = navigator.language || 'en' ;\n this.translate.use(browserLang);\n }\n\n public form: FormGroup = new FormGroup({\n nick: new FormControl(null, [Validators.required, Validators.email, Validators.pattern(VALIDATION_PATTERNS.EMAIL)]),\n });\n\n redirectToForgotPassword() {\n if (this.router.url == '/login/forgotpassword') this.userForgotPassword = true;\n }\n\n validNick() {\n const currentNick = this.form.controls['nick'];\n if (currentNick.invalid || currentNick.value === undefined || currentNick.value.trim() === '') {\n return false;\n }\n return true;\n }\n\n backButton() {\n this.router.navigate(['/login']);\n }\n\n forgotPassword(nick: any) {\n const invalidNick = this.form.controls['nick'].invalid && this.form.controls['nick'].touched;\n\n if (invalidNick) {\n return;\n }\n\n this.signInService\n .resetPassword(nick)\n .pipe(\n tap((response: any) => {\n }),\n catchError((error: any) => {\n if (error.status.toString() == '200') {\n this.toastrService.success(\n this.translate.instant('LOGIN.weHaveSentAnEmailTo') +\n nick +\n this.translate.instant('LOGIN.inCaseItIsRegisteredPleaseCheckYourMailBox'),\n '',\n {\n timeOut: 3000,\n },\n );\n }\n if (!(error.status.toString() == '200')) {\n this.toastrService.error(error.statusText, '', {\n timeOut: 3000,\n });\n }\n return EMPTY;\n }),\n )\n .subscribe();\n }\n}\n","\n \n
\n\n
\n\n \n {{ 'youOwnThisDomain' | translate }}
\n \n\n
\n\n \n \n {{ 'areYouTheOwnerOf' | translate }} {{ data.domain }}\n
\n\n {{ 'no' | translate }} \n {{\n 'yes' | translate\n }} \n
\n \n ![\"logo\"](\"/assets/nicky-logo.svg\")
\n
\n\n \n \n {{ 'LOGIN.forgotYourPassword' | translate }}\n
\n\n\n {{ 'LOGIN.enterYourEmailNickAndWeWill' | translate }}\n
\n\n\n
\n\n","import { Injectable } from '@angular/core';\nimport { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot } from '@angular/router';\n\ninterface UtmSettings {\n utmCampaign: string | null;\n utmMedium: string | null;\n utmSource: string | null;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class UtmParamsGuard implements CanActivate {\n canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {\n this.handleUtmParams(route);\n return true;\n }\n\n private handleUtmParams(route: ActivatedRouteSnapshot): void {\n const paramMap = route.queryParamMap;\n\n // Handle UTM parameters\n const utmSettings: UtmSettings = {\n utmCampaign: paramMap.get('utm_campaign'),\n utmMedium: paramMap.get('utm_medium'),\n utmSource: paramMap.get('utm_source'),\n };\n\n localStorage.setItem('utmSettings', JSON.stringify(utmSettings));\n\n // Handle referrer\n const referrer = paramMap.get('referrer');\n if (referrer) {\n localStorage.setItem('referrer', referrer);\n }\n\n // Handle reserved shortid\n const reservedShortid = paramMap.get('reservedShortid');\n if (reservedShortid) {\n localStorage.setItem('reservedShortid', reservedShortid);\n }\n }\n} ","/******************************************************************************\n * Angular and Third-Party Imports\n *****************************************************************************/\nimport { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { AuthGuard } from '@auth0/auth0-angular';\n\n/******************************************************************************\n * Application Guards\n *****************************************************************************/\nimport { loginGuard } from './guards/login.guard';\nimport { publicProfileGuard } from './guards/public-profile.guard';\nimport { UtmParamsGuard } from './guards/utm-params.guard';\n\n/******************************************************************************\n * Component Imports\n *****************************************************************************/\n// Public Components not lazy loaded\nimport { ErrorStateComponent } from './pages/public/error-state/error-state.component';\nimport { ForgotPasswordComponent } from './pages/public/forgot-password/forgot-password.component';\nimport { LayoutPublicComponent } from './layouts/layout-public/layout-public.component';\nimport { homeGuard } from './guards/home.guard';\nimport { RegisterGuard } from './guards/register.guard';\nimport { ApiManagementComponent } from './pages/private/settings/api-management/api-management.component';\n/******************************************************************************\n * Route Configuration\n *****************************************************************************/\nconst routes: Routes = [\n // Error handling route\n { path: 'error', component: ErrorStateComponent },\n { path: '', canActivate: [homeGuard], pathMatch: 'full', component: LayoutPublicComponent },\n // Public routes wrapped in LayoutPublicComponent\n {\n path: '',\n component: LayoutPublicComponent,\n children: [\n // Authentication routes\n {\n path: 'register',\n canActivate: [RegisterGuard, UtmParamsGuard],\n loadComponent: () =>\n import('./pages/public/register-page/register-page.component').then((m) => m.RegisterPageComponent),\n data: { fullWidthMode: true },\n title: 'Register',\n },\n {\n path: 'activate-account',\n canActivate: [RegisterGuard, UtmParamsGuard],\n loadComponent: () =>\n import('./pages/public/register-page/register-page.component').then((m) => m.RegisterPageComponent),\n data: { \n fullWidthMode: true\n },\n title: 'Activate Account WHMCS',\n },\n { path: 'login', canActivate: [loginGuard], title: 'Login', component: LayoutPublicComponent },\n {\n path: 'mailLink',\n title: 'Login',\n canActivate: [RegisterGuard],\n loadComponent: () => import('./pages/public/mail-link/mail-link.component').then((m) => m.MailLinkComponent),\n data: { fullWidthMode: true }\n },\n {\n path: 'login/forgotpassword',\n component: ForgotPasswordComponent,\n data: { fullWidthMode: true },\n title: 'Forgot Password',\n },\n\n // Public profile access routes\n {\n path: 'e/:email',\n loadComponent: () =>\n import('./pages/public/public-profile/public-profile.component').then((m) => m.PublicProfileComponent),\n canActivate: [publicProfileGuard],\n data: { fullWidthMode: true },\n },\n {\n path: 'd/:domain',\n loadComponent: () =>\n import('./pages/public/public-profile/public-profile.component').then((m) => m.PublicProfileComponent),\n canActivate: [publicProfileGuard],\n data: { fullWidthMode: true },\n },\n {\n path: 's/:shortId',\n loadComponent: () =>\n import('./pages/public/public-profile/public-profile.component').then((m) => m.PublicProfileComponent),\n canActivate: [publicProfileGuard],\n data: { fullWidthMode: true },\n },\n // Payment Report related routes\n // DO NOT DELETE this route, it is used for the wizard to redirect to the home page\n {\n path: 'home',\n loadComponent: () =>\n import('./features/payment/public/report/page/payment-report-page.component').then(\n (m) => m.PaymentReportPageComponent,\n ),\n title: 'Payment Report',\n data: { fullWidthMode: true },\n },\n {\n path: 'payment-report/:receiverShortId',\n loadComponent: () =>\n import('./features/payment/public/report/page/payment-report-page.component').then(\n (m) => m.PaymentReportPageComponent,\n ),\n title: 'Payment Report',\n data: { fullWidthMode: true },\n },\n {\n path: 'home/:receiverShortId/:step',\n redirectTo: 'payment-report/:receiverShortId',\n title: 'Payment Report',\n pathMatch: 'full',\n },\n // Payment Report related routes\n // DO NOT DELETE this route, it is used for the wizard to redirect to the home page\n {\n path: 'activate-account',\n redirectTo: 'register/activate-account',\n pathMatch: 'full'\n },\n // Redirect old URL pattern to new one\n // DO NOT DELETE this route, it is used for old WHMCS integration\n ],\n },\n\n // Private routes (require authentication) wrapped in LayoutPrivateComponent\n {\n path: '',\n canActivate: [AuthGuard],\n canActivateChild: [AuthGuard],\n loadComponent: () =>\n import('./layouts/layout-private/layout-private.component').then((m) => m.LayoutPrivateComponent),\n children: [\n {\n path: 'contacts',\n loadComponent: () =>\n import('./pages/private/contact-card/contact-card.component').then((m) => m.ContactCardComponent),\n title: 'Contacts',\n },\n {\n path: 'overview',\n loadComponent: () =>\n import('./pages/private/dashboard-private/dashboard-private.component').then(\n (m) => m.DashboardPrivateComponent,\n ),\n title: 'Overview',\n },\n {\n path: 'transactions',\n loadComponent: () =>\n import('./pages/private/transaction-tabs/transaction-tabs.component').then((m) => m.TransactionTabsComponent),\n title: 'Transactions',\n },\n {\n path: 'settings',\n loadComponent: () =>\n import('./pages/private/profile-settings/profile-settings.component').then((m) => m.ProfileSettingsComponent),\n children: [\n {\n path: '',\n redirectTo: 'general',\n pathMatch: 'full',\n },\n {\n path: 'general',\n loadComponent: () =>\n import('./pages/private/settings/general/general.component').then((m) => m.GeneralComponent),\n title: 'Settings - General',\n },\n {\n path: 'wallet-connections',\n loadComponent: () =>\n import('./pages/private/settings/wallet-connections/wallet-connections.component').then((m) => m.WalletConnectionsComponent),\n title: 'Settings - wallets and connections',\n },\n {\n path: 'my-nicks',\n loadComponent: () =>\n import('./pages/private/settings/user-nicks/my-nicks.component').then((m) => m.UserNicksComponent),\n title: 'Settings - My Nicks',\n },\n {\n path: 'payment-conversions',\n loadComponent: () =>\n import('./pages/private/settings/payment-conversions/payment-conversions.component').then(\n (m) => m.PaymentConversionsComponent,\n ),\n title: 'Settings - Payment Conversions',\n },\n {\n path: 'bank-withdrawal',\n loadComponent: () =>\n import('./pages/private/settings/bank-withdrawal/bank-withdrawal.component').then(\n (m) => m.BankWithdrawalComponent,\n ),\n title: 'Settings - Bank Withdrawal',\n },\n {\n path: 'security',\n loadComponent: () =>\n import('./pages/private/settings/security/security.component').then((m) => m.SecurityComponent),\n title: 'Settings - Security',\n },\n {\n path: 'starter-kit',\n loadComponent: () =>\n import('./pages/private/settings/starter-kit/starter-kit.component').then((m) => m.StarterKitComponent),\n title: 'Settings - Starter Kit',\n },\n {\n path: 'api-key-management',\n component: ApiManagementComponent,\n }\n // Not being used now\n // {\n // path: 'communication',\n // loadComponent: () =>\n // import('./pages/private/settings/communication/communication.component').then((m) => m.CommunicationComponent),\n // title: 'Settings - Communication',\n // },\n ],\n },\n {\n path: 'payment-request',\n loadComponent: () =>\n import('./features/payment/private/request/pages/payment-request.page').then((m) => m.PaymentRequestPage),\n title: 'Payment Request',\n data: { fullWidthMode: true },\n },\n ],\n },\n\n { path: '**', redirectTo: 'error' },\n];\n\n@NgModule({\n imports: [RouterModule.forRoot(routes, {\n onSameUrlNavigation: 'reload', \n })],\n exports: [RouterModule],\n})\nexport class AppRoutingModule {}\n","import { inject, Injectable } from '@angular/core';\nimport { MatIconRegistry } from '@angular/material/icon';\nimport { DomSanitizer } from '@angular/platform-browser';\n\ninterface IconConfig {\n prefix: string;\n icons: string[];\n directory: string;\n}\n\n@Injectable({\n providedIn: 'root',\n})\n\nexport class IconService {\n private matIconRegistry = inject(MatIconRegistry);\n private domSanitizer = inject(DomSanitizer);\n\n constructor() {\n this.registerAllIcons();\n }\n\n private readonly iconConfigs: IconConfig[] = [\n {\n prefix: '',\n directory: 'icons',\n icons: [\n 'help-book', 'drop-button', 'copy-icon', 'profile-not-found',\n 'add-wallet', 'success-payment', 'no-contacts', 'full-transactions',\n 'pay', 'blank-pay', 'error', 'checked-user', 'paid-filter',\n 'paid-filter-active', 'filter', 'active-filter', 'seal-check',\n 'no-transactions', 'drop-button', 'arrow-up', 'missing-icon'\n ]\n },\n // TODO: Add SupportedAsset 'BTC' | 'ETH' | 'MATIC' | 'POL' | 'OTHER' from one service\n {\n prefix: '',\n directory: 'icons/paying-asset',\n icons: ['BRL', 'BTC', 'DKK', 'ETH', 'EUR', 'GBP', 'OTHER', 'SEK', 'USD', 'USDC', 'USDT']\n },\n // TODO: Add SupportedAsset 'BTC' | 'ETH' | 'MATIC' | 'POL' | 'OTHER' from one service\n {\n prefix: 'balance-',\n directory: 'icons/balance',\n icons: ['OTHER']\n },\n // TODO: Add SupportedAsset 'BTC' | 'ETH' | 'MATIC' | 'POL' | 'OTHER' from one service\n {\n prefix: '',\n directory: 'icons/paying-asset',\n icons: [\n 'BTC', 'ETH.USDC', 'MATIC.POL', 'USD', 'ETH.USDT', 'MATIC.USDC',\n 'USDT', 'DKK', 'ETH', 'MATIC.USDT', 'EUR', 'POL', 'USDC',\n 'BRL', 'GBP', 'OTHER', 'SEK'\n ]\n },\n {\n prefix: '',\n directory: 'icons/wallets',\n icons: [\n 'metamask', 'trustwallet', 'exodus', 'coinbasewallet', 'wallet-manual', 'trustwallet'\n ]\n },\n {\n prefix: '',\n directory: 'icons/data-source',\n icons: ['coinbase', 'kyrrex','kraken', 'manual', 'foxbit']\n },\n {\n prefix: '',\n directory: 'icons/flags',\n icons: ['en', 'hl', 'ar', 'da', 'de', 'es', 'he', 'hi', 'nl', 'pt-br', 'zh-Hans']\n },\n {\n prefix: '',\n directory: 'icons/social',\n icons: [\n 'facebook', 'instagram', 'twitter', 'linkedin', 'youtube',\n 'apple', 'github', 'discord', 'microsoft', 'google'\n ]\n },\n {\n prefix: '',\n directory: 'icons/partners-logo',\n icons: [\n 'kyrrex-logo'\n ]\n },\n {\n prefix: 'filter-',\n directory: 'icons/filter',\n icons: [\n 'BTC', 'ETH.USDC', 'MATIC.POL', 'USD', 'ETH.USDT', 'MATIC.USDC',\n 'USDT', 'DKK', 'ETH', 'MATIC.USDT', 'EUR', 'POL', 'USDC',\n 'BRL', 'GBP', 'OTHER', 'SEK'\n ]\n },\n {\n prefix: 'status-',\n directory: 'icons/status',\n icons: ['success', 'error', 'warning']\n }\n ];\n\n private registerAllIcons(): void {\n const svgSupported = this.isSvgSupported();\n\n this.iconConfigs.forEach(config => {\n this.registerIconSet(config, svgSupported);\n });\n }\n\n private registerIconSet(config: IconConfig, svgSupported: boolean): void {\n config.icons.forEach(iconName => {\n const iconFileName = config.prefix + iconName;\n const extension = svgSupported ? 'svg' : 'png';\n const iconUrl = `assets/${config.directory}/${iconFileName}.${extension}`;\n\n this.matIconRegistry.addSvgIcon(\n iconFileName,\n this.domSanitizer.bypassSecurityTrustResourceUrl(iconUrl)\n );\n\n });\n }\n\n private isSvgSupported(): boolean {\n const SVG_NS = 'http://www.w3.org/2000/svg';\n return !!document.createElementNS && !!document.createElementNS(SVG_NS, 'svg').createSVGRect;\n }\n}\n","import { Injectable, inject } from '@angular/core';\nimport { ShepherdService } from 'angular-shepherd';\nimport { TOUR_STEPS } from './tour.config';\nimport { TranslateService } from '@ngx-translate/core';\n\n\ninterface TourStep {\n id: string;\n title: string;\n text: string;\n position: 'top' | 'bottom' | 'left' | 'right';\n beforeShow?: () => Promise\n \n {{ 'continue' | translate }}\n \n
\n ![\"logo\"](\"assets/white-nicky-logo.svg\"){kind=logo}
\n \n ${index + 1} of ${this.totalSteps}\n
\n `,\n beforeShowPromise: step.beforeShow,\n when: {\n show: () => {\n const stepElement = document.querySelector(`#${step.id}`);\n if (stepElement) {\n stepElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n },\n hide: () => {\n const stepElement = document.querySelector(`#${step.id}`);\n if (stepElement) {\n stepElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n },\n cancel: () => {\n const stepElement = document.querySelector(`#${step.id}`);\n if (stepElement) {\n stepElement.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n }\n }\n };\n\n const translatedTitle = this.translateService.instant('TOUR.' + step.title);\n if (translatedTitle && !translatedTitle.includes('TOUR')) {\n shepherdStep.title = translatedTitle;\n }\n\n return shepherdStep;\n }\n\n private buildTourSteps(section: keyof typeof TOUR_STEPS, subsectionPath?: string): TourStep[] {\n const steps: TourStep[] = [];\n let currentSection: TourSection = TOUR_STEPS[section] as TourSection;\n\n if (subsectionPath) {\n const nextSection = this.navigateToSubsection(currentSection, subsectionPath);\n if (!nextSection) return [];\n currentSection = nextSection;\n }\n\n this.addStepsRecursively(currentSection, steps);\n return steps;\n }\n\n private navigateToSubsection(startSection: TourSection, path: string): TourSection | null {\n let currentSection = startSection;\n const subsections = path.split('.');\n\n for (const subsection of subsections) {\n if (!this.isValidSubsection(currentSection, subsection)) {\n console.error(`Invalid subsection path: ${path}`);\n return null;\n }\n currentSection = currentSection[subsection] as TourSection;\n }\n\n return currentSection;\n }\n\n private isValidSubsection(section: TourSection, subsection: string): boolean {\n return section && subsection in section && this.isTourSection(section[subsection]);\n }\n\n private isTourSection(obj: any): obj is TourSection {\n return obj && typeof obj === 'object' && !('id' in obj);\n }\n\n private isTourStep(obj: any): obj is TourStep {\n return obj && typeof obj === 'object' && 'id' in obj && 'title' in obj && 'text' in obj && 'position' in obj;\n }\n\n private addStepsRecursively(section: TourSection, steps: TourStep[]): void {\n Object.values(section).forEach((item) => {\n if (this.isTourStep(item)) {\n steps.push(item);\n } else if (this.isTourSection(item)) {\n this.addStepsRecursively(item, steps);\n }\n });\n }\n\n private getStepButtons(index: number, additionalButtonConfig?: any ): any[] {\n const buttons = [];\n\n // Add exit button\n buttons.push({\n text: `${this.translateService.instant('TOUR.Exit')}`,\n classes: 'shepherd-button-secondary',\n action: () => { this.shepherdService.complete(); },\n });\n\n if (index > 0) {\n buttons.push({\n text: `${this.translateService.instant('back')}`,\n classes: 'shepherd-button-secondary',\n action: () => {\n // Cypress get lost without this timeout\n setTimeout(() => {\n additionalButtonConfig?.onBackFunction();\n this.shepherdService.back();\n }, 100);\n },\n });\n }\n\n const isLastStep = index === this.totalSteps - 1;\n buttons.push({\n text: `${this.translateService.instant(isLastStep ? 'finish' : 'next')}`,\n classes: 'shepherd-button-primary',\n action: () => {\n // Cypress get lost without this timeout\n setTimeout(() => {\n additionalButtonConfig?.onNextFunction();\n isLastStep ? this.shepherdService.complete() : this.shepherdService.next();\n }, 100);\n },\n });\n\n\n return buttons;\n }\n\n}\n","import { patchState, signalStore, withComputed, withMethods, withState } from \"@ngrx/signals\";\nimport { SelectEntityId, setAllEntities, withEntities } from '@ngrx/signals/entities';\n\n\nimport { rxMethod } from \"@ngrx/signals/rxjs-interop\";\nimport { computed, inject } from \"@angular/core\";\nimport { tapResponse } from \"@ngrx/operators\";\nimport { pipe, switchMap } from \"rxjs\";\nimport { UserService } from \"../services/user.service\";\nimport { IBalance } from \"../components/models/balance.model\";\nimport { compareAssetIds, formatAssetId } from \"../utils/asset-id-utils\";\nimport { AssetStore } from \"./asset.store\";\n\ntype BalancesStoreState = {\n loaded: boolean;\n toggleSeeAllBalances: boolean;\n};\n\nconst initialState: BalancesStoreState = {\n loaded: false,\n toggleSeeAllBalances: false\n};\n\nconst selectId: SelectEntityId