@criipto/verify-react 4.1.4 → 5.0.2

package/tsconfig.json

@@ -1,105 +1,14 @@
 {
   "compilerOptions": {
-    /* Visit https://aka.ms/tsconfig.json to read more about this file */
     "outDir": "./dist",
-    /* Projects */
-    // "incremental": true,                              /* Enable incremental compilation */
-    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
-    // "tsBuildInfoFile": "./",                          /* Specify the folder for .tsbuildinfo incremental compilation files. */
-    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects */
-    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
-    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
-
-    /* Language and Environment */
-    "target": "es2016" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
-    // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
-    "jsx": "react-jsx" /* Specify what JSX code is generated. */,
-    // "experimentalDecorators": true,                   /* Enable experimental support for TC39 stage 2 draft decorators. */
-    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
-    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h' */
-    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
-    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using `jsx: react-jsx*`.` */
-    // "reactNamespace": "",                             /* Specify the object invoked for `createElement`. This only applies when targeting `react` JSX emit. */
-    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
-    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
-
-    /* Modules */
-    "module": "esnext" /* Specify what module code is generated. */,
-    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
-    "moduleResolution": "node" /* Specify how TypeScript looks up a file from a given module specifier. */,
-    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
-    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
-    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
-    "typeRoots": [
-      "./node_modules/@types",
-      "./typings"
-    ] /* Specify multiple folders that act like `./node_modules/@types`. */,
-    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
-    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
-    // "resolveJsonModule": true,                        /* Enable importing .json files */
-    // "noResolve": true,                                /* Disallow `import`s, `require`s or `<reference>`s from expanding the number of files TypeScript should add to a project. */
-
-    /* JavaScript Support */
-    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the `checkJS` option to get errors from these files. */
-    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
-    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from `node_modules`. Only applicable with `allowJs`. */
-
-    /* Emit */
-    "declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
-    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
-    // "emitDeclarationOnly": true,                      /* Only output d.ts files and not JavaScript files. */
-    "sourceMap": true /* Create source map files for emitted JavaScript files. */,
-    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If `declaration` is true, also designates a file that bundles all .d.ts output. */
-    // "outDir": "./",                                   /* Specify an output folder for all emitted files. */
-    // "removeComments": true,                           /* Disable emitting comments. */
-    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
-    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
-    // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types */
-    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
-    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
-    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
-    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
-    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
-    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
-    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
-    // "stripInternal": true,                            /* Disable emitting declarations that have `@internal` in their JSDoc comments. */
-    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like `__extends` in compiled output. */
-    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
-    // "preserveConstEnums": true,                       /* Disable erasing `const enum` declarations in generated code. */
-    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
-    // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
-
-    /* Interop Constraints */
-    "isolatedModules": true /* Ensure that each file can be safely transpiled without relying on other imports. */,
-    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
-    "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables `allowSyntheticDefaultImports` for type compatibility. */,
-    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
-    "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
-
-    /* Type Checking */
-    "strict": true /* Enable all strict type-checking options. */,
-    "noImplicitAny": true /* Enable error reporting for expressions and declarations with an implied `any` type.. */,
-    "strictNullChecks": true /* When type checking, take into account `null` and `undefined`. */,
-    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
-    // "strictBindCallApply": true,                      /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */
-    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
-    // "noImplicitThis": true,                           /* Enable error reporting when `this` is given the type `any`. */
-    // "useUnknownInCatchVariables": true,               /* Type catch clause variables as 'unknown' instead of 'any'. */
-    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
-    // "noUnusedLocals": true,                           /* Enable error reporting when a local variables aren't read. */
-    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read */
-    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
-    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
-    "noFallthroughCasesInSwitch": true /* Enable error reporting for fallthrough cases in switch statements. */,
-    // "noUncheckedIndexedAccess": true,                 /* Include 'undefined' in index signature results */
-    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
-    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type */
-    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
-    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
-
-    /* Completeness */
-    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
-    "skipLibCheck": true /* Skip type checking all .d.ts files. */
+    "target": "es6",
+    "jsx": "react-jsx",
+    "module": "es2015",
+    "moduleResolution": "bundler",
+    "verbatimModuleSyntax": true,
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true
   },
   "include": ["src"],
   "exclude": ["src/**/*.stories.*"]

package/tsdown.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'tsdown';
+
+export default defineConfig([
+  {
+    entry: ['src/index.ts'],
+    target: 'es6',
+    format: 'esm',
+    css: {
+      fileName: 'index.css',
+    },
+    sourcemap: true,
+    publint: true,
+    platform: 'browser',
+    deps: {
+      // Will error if we ever try to bundle dependencies (for example if we are importing a
+      // dependency that is not in package.json)
+      onlyBundle: [],
+    },
+    loader: {
+      '.png': 'dataurl',
+    },
+  },
+]);

package/dist/__tests__/provider.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/__tests__/utils.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/AuthButtonGroup.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface AuthButtonGroupContextInterface {
-    multiple: boolean;
-    acrValues: string[];
-}
-export declare const AuthButtonGroupContext: React.Context<AuthButtonGroupContextInterface>;
-export default function AuthButtonGroup(props: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/AuthMethodButton/Logo.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface AuthMethodButtonLogoProps {
-    acrValue: string;
-    /**
-     * base64 image string, e.x. data:image/png;base64,
-     * or a ReactElement
-     */
-    logo?: React.ReactElement | string;
-}
-export default function AuthMethodButtonLogo(props: AuthMethodButtonLogoProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/AuthMethodButton.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import './AuthMethodButton/AuthMethodButton.css';
-import { Action } from '../context';
-import { AuthMethodButtonLogoProps } from './AuthMethodButton/Logo';
-import { type Language } from '../i18n';
-export type PopupParams = {
-    acrValue: string;
-    onHide: () => void;
-};
-export type PopupOption = boolean | ((options: PopupParams) => boolean | React.ReactElement);
-export interface AuthMethodButtonComponentProps {
-    acrValue: string;
-    href?: string;
-    onClick?: React.MouseEventHandler;
-    children?: React.ReactNode;
-    'data-testid'?: string;
-    className?: string;
-    /**
-     * base64 image string, e.x. data:image/png;base64,
-     * or a ReactElement
-     */
-    logo?: AuthMethodButtonLogoProps['logo'];
-    /**
-     * Impacts the button text rendered if no text is provided via props.children
-     */
-    language?: Language;
-    /**
-     * Impacts the button text rendered if no text is provided via props.children
-     */
-    action?: Action;
-}
-/**
- * Display only components, does no state management and triggers no login flows on it's own
- */
-export declare function AuthMethodButtonComponent(props: AuthMethodButtonComponentProps): import("react/jsx-runtime").JSX.Element;
-export type AuthMethodButtonContainerProps = AuthMethodButtonComponentProps & {
-    redirectUri?: string;
-    popup?: PopupOption;
-    /**
-     * Will ammend the login_hint parameter with `message:{base64(message)}` which will set a login/aprove message where available (Danish MitID).
-     */
-    message?: string;
-    userAgent?: string;
-};
-export declare function AuthMethodButtonContainer(props: AuthMethodButtonContainerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AuthMethodSelector.d.ts

@@ -1,17 +0,0 @@
-import { type Language } from '../i18n';
-import { AuthMethodButtonContainerProps } from './AuthMethodButton';
-import './AuthMethodSelector/AuthMethodSelector.css';
-interface AuthMethodSelectorProps {
-    acrValues?: string[];
-    language?: Language;
-    onSelect?: (acrValue: string) => void;
-    redirectUri?: string;
-    popup?: AuthMethodButtonContainerProps['popup'];
-    userAgent?: string;
-}
-export default function AuthMethodSelector(props: AuthMethodSelectorProps): import("react/jsx-runtime").JSX.Element;
-type SwedenProps = Omit<AuthMethodSelectorProps, 'acrValues'> & {
-    acrValues: string[];
-};
-export declare function Sweden(props: SwedenProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Button.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-interface ButtonProps {
-    className?: string;
-    children: React.ReactNode;
-    onClick?: React.MouseEventHandler;
-}
-export declare function AnchorButton(props: AnchorButtonProps): import("react/jsx-runtime").JSX.Element;
-interface AnchorButtonProps extends ButtonProps {
-    href: string;
-}
-export declare function Button(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/QRCode.d.ts

@@ -1,29 +0,0 @@
-import { OAuth2Error } from '@criipto/auth-js';
-import React from 'react';
-declare const QRCode: React.FC<{
-    margin?: number;
-    className?: string;
-    acrValues?: string[];
-    children: (props: {
-        qrElement: React.ReactElement;
-        /**
-         * Will be true once the QR code has been scanned
-         */
-        isAcknowledged: boolean;
-        /**
-         * Will be true if the user cancels the login on his mobile device
-         */
-        isCancelled: boolean;
-        /**
-         * Whether or not QR codes are enabled for this Criipto Applicaiton
-         */
-        isEnabled: boolean | undefined;
-        error: OAuth2Error | Error | null;
-        retry: () => void;
-        /**
-         * A method for triggering a full screen redirect to authentication (useful if user is on mobile device already)
-         */
-        redirect: () => Promise<void>;
-    }) => React.ReactElement;
-}>;
-export default QRCode;

package/dist/components/SEBankIDQRCode/SEBankIDQRCode.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/SEBankIDQRCode.d.ts

@@ -1,53 +0,0 @@
-import React from 'react';
-import { AuthorizeResponse, OAuth2Error } from '@criipto/auth-js';
-import { type Language } from '../i18n';
-import './SEBankIDQRCode/SEBankIDQRCode.css';
-interface Props {
-    redirectUri?: string;
-    qrMargin?: number;
-    /**
-     * Impacts the help text
-     */
-    language?: Language;
-    children?: (props: {
-        qrElement: React.ReactElement;
-        /**
-         * Can be rendered instead of `qrElement` if you only wish to render the qr code with no additional content.
-         * Combine with `qrMargin`.
-         */
-        imageElement: React.ReactElement;
-        /**
-         * Will be true once the user has completed login in the app and the rest of the login flow is being processed
-         */
-        isCompleting: boolean;
-        /**
-         * The user has clicked on the qr image element to trigger fullscreen view per https://developers.bankid.com/getting-started/qr-code#accessibility
-         */
-        fullscreen: boolean;
-        error: OAuth2Error | Error | null;
-        retry: () => void;
-    }) => React.ReactElement;
-    /** Render fallback element while loading */
-    fallback?: React.ReactElement;
-}
-declare function SEBankIDQrCode(props: Props): import("react/jsx-runtime").JSX.Element;
-declare namespace SEBankIDQrCode {
-    var acr_values: string;
-}
-export default SEBankIDQrCode;
-type UseDrawOptions = {
-    width?: number;
-    qrMargin?: number;
-};
-export declare function useDraw(qrCode: string | null, options: UseDrawOptions): string | null;
-type UsePollOptions = {
-    enabled: boolean;
-    onQrCode: (code: string) => void;
-    onComplete: (url: string) => void;
-    onError: (error: string) => void;
-};
-export declare function usePoll(pollUrl: string | null, options: UsePollOptions): void;
-export declare function parseCompleteUrl(completeUrl: string): Promise<{
-    location: string;
-    response: AuthorizeResponse;
-} | Error>;

package/dist/components/SEBankIDSameDeviceButton/Foreground.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Links } from './shared';
-interface Props {
-    children: React.ReactElement;
-    links: Links;
-    onError: (error: string) => void;
-    onComplete: (completeUrl: string) => Promise<void>;
-    onInitiate: () => void;
-    onLog: (...statements: string[]) => void;
-}
-export default function SEBankIDSameDeviceForeground(props: Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export {};

package/dist/components/SEBankIDSameDeviceButton/Poll.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Links } from './shared';
-interface Props {
-    children: React.ReactElement;
-    links: Links;
-    onError: (error: string) => void;
-    onComplete: (completeUrl: string) => Promise<void>;
-    onInitiate: () => void;
-    onLog: (...statements: string[]) => void;
-}
-export default function SEBankIDSameDevicePoll(props: Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export {};

package/dist/components/SEBankIDSameDeviceButton/Reload.d.ts

@@ -1,15 +0,0 @@
-import { PKCE } from '@criipto/auth-js';
-import React from 'react';
-import { Links } from './shared';
-interface Props {
-    children: React.ReactElement;
-    links: Links;
-    onError: (error: string) => void;
-    onComplete: (completeUrl: string) => Promise<void>;
-    onInitiate: () => void;
-    onLog: (...statements: string[]) => void;
-    pkce: PKCE | undefined;
-    redirectUri: string;
-}
-export default function SEBankIDSameDeviceReload(props: Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export {};

package/dist/components/SEBankIDSameDeviceButton/__tests__/Foreground.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/SEBankIDSameDeviceButton/__tests__/Reload.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/SEBankIDSameDeviceButton/__tests__/strategy.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/SEBankIDSameDeviceButton/__tests__/usePoll.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/SEBankIDSameDeviceButton/shared.d.ts

@@ -1,19 +0,0 @@
-import { PKCE } from '@criipto/auth-js';
-export interface Links {
-    cancelUrl: string;
-    completeUrl: string;
-    pollUrl: string;
-    launchLinks: {
-        customFileHandlerUrl: string;
-        universalLink: string;
-    };
-}
-export interface State {
-    pkce: PKCE | undefined;
-    redirectUri: string;
-    links: Links;
-}
-export declare function hydrateState(): State | undefined;
-export declare const autoHydratedState: State | undefined;
-export declare function clearState(): void;
-export declare function saveState(input: State): void;

package/dist/components/SEBankIDSameDeviceButton/usePoll.d.ts

@@ -1,7 +0,0 @@
-export interface UsePollProps {
-    shouldPoll: boolean;
-    pollUrl: string;
-    onError: (error: string) => void;
-    onComplete: (completeUrl: string) => void;
-}
-export declare function usePoll({ shouldPoll, pollUrl, onComplete, onError }: UsePollProps): void;

package/dist/components/SEBankIDSameDeviceButton.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-interface Props {
-    className: string;
-    children: React.ReactNode;
-    logo: React.ReactNode;
-    fallback: React.ReactElement;
-    redirectUri?: string;
-    userAgent?: string;
-}
-type Resume = 'Foreground' | 'Reload' | 'Poll';
-type LinkType = 'universal' | 'scheme';
-export declare function determineStrategy(input: string | undefined, loginHint?: string): {
-    resume: Resume;
-    linkType: LinkType;
-    redirect: boolean;
-};
-export declare class NotDoneError extends Error {
-    constructor(message: string);
-}
-export default function SEBankIDSameDeviceButton(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/context.d.ts

@@ -1,61 +0,0 @@
-/// <reference types="react" />
-import CriiptoAuth, { OpenIDConfiguration, AuthorizeUrlParamsOptional, PKCE, AuthorizeResponse, OAuth2Error, PKCEPublicPart } from '@criipto/auth-js';
-import { PopupAuthorizeParams, RedirectAuthorizeParams } from '@criipto/auth-js/dist/types';
-export type ResultSource = 'QRCode' | 'SEBankIDQrCode' | 'SEBankIDSameDeviceButton' | 'redirect' | 'popup';
-export type Result = {
-    id_token: string;
-    state?: string;
-    source?: ResultSource;
-} | {
-    code: string;
-    state?: string;
-    source?: ResultSource;
-} | OAuth2Error | Error;
-export declare const actions: readonly ["confirm", "accept", "approve", "sign", "login"];
-export type Action = (typeof actions)[number];
-export type Claims = {
-    iss: string;
-    aud: string;
-    identityscheme: string;
-    authenticationtype: string;
-    sub: string;
-    iat: number;
-    exp: number;
-    [key: string]: string | number;
-};
-export interface CriiptoVerifyContextInterface {
-    loginWithRedirect: (params?: RedirectAuthorizeParams) => Promise<void>;
-    loginWithPopup: (params?: PopupAuthorizeParams) => Promise<void>;
-    checkSession: () => Promise<void>;
-    logout: (params?: {
-        redirectUri?: string;
-        state?: string;
-    }) => Promise<void>;
-    fetchOpenIDConfiguration: () => Promise<OpenIDConfiguration>;
-    buildAuthorizeUrl: (options?: AuthorizeUrlParamsOptional) => Promise<string>;
-    generatePKCE: () => Promise<PKCE | undefined>;
-    buildOptions: (options?: AuthorizeUrlParamsOptional | RedirectAuthorizeParams) => AuthorizeUrlParamsOptional;
-    handleResponse: (response: AuthorizeResponse, params: {
-        pkce?: PKCE;
-        redirectUri?: string;
-        source?: ResultSource;
-    }) => Promise<void>;
-    responseType: 'token' | 'code';
-    completionStrategy: 'client' | 'openidprovider';
-    result: Result | null;
-    claims: Claims | null;
-    domain: string;
-    redirectUri?: string;
-    action: Action;
-    message?: string;
-    pkce?: PKCE | PKCEPublicPart;
-    store: Storage;
-    isLoading: boolean;
-    isInitializing: boolean;
-    acrValues?: string[];
-    uiLocales?: string;
-    client: CriiptoAuth;
-    loginHint?: string;
-}
-declare const CriiptoVerifyContext: import("react").Context<CriiptoVerifyContextInterface>;
-export default CriiptoVerifyContext;