@aws-amplify/ui-angular 1.0.26-unstable.2 → 2.0.1-next.3

package/lib/components/amplify-setup-totp/amplify-setup-totp.component.d.ts

@@ -0,0 +1,31 @@
+import { AfterContentInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AuthMachineState } from '@aws-amplify/ui';
+import { StateMachineService } from '../../services/state-machine.service';
+import { AuthPropService } from '../../services/authenticator-context.service';
+export declare class AmplifySetupTotpComponent implements OnInit, AfterContentInit, OnDestroy {
+    private stateMachine;
+    private contextService;
+    customComponents: Record<string, TemplateRef<any>>;
+    remoteError: string;
+    isPending: boolean;
+    headerText: string;
+    qrCodeSource: string;
+    private authSubscription;
+    backToSignInText: string;
+    confirmText: string;
+    constructor(stateMachine: StateMachineService, contextService: AuthPropService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onStateUpdate(state: AuthMachineState): void;
+    get context(): {
+        change: (data?: Record<string | number | symbol, any>) => void;
+        remoteError: string;
+        submit: (data?: Record<string | number | symbol, any>) => void;
+        user: Record<string, any>;
+    };
+    generateQRCode(): Promise<void>;
+    onInput(event: Event): void;
+    onSubmit(event: Event): void;
+    toSignIn(): void;
+}

package/lib/components/amplify-sign-in/amplify-sign-in.component.d.ts

@@ -0,0 +1,34 @@
+import { AfterContentInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { StateMachineService } from '../../services/state-machine.service';
+import { AuthPropService } from '../../services/authenticator-context.service';
+import { AuthMachineState } from '@aws-amplify/ui';
+export declare class AmplifySignInComponent implements AfterContentInit, OnInit, OnDestroy {
+    private stateMachine;
+    private contextService;
+    dataAttr: string;
+    headerText: string;
+    customComponents: Record<string, TemplateRef<any>>;
+    remoteError: string;
+    isPending: boolean;
+    forgotPasswordText: string;
+    signInButtonText: string;
+    noAccountText: string;
+    createAccountText: string;
+    private authSubscription;
+    constructor(stateMachine: StateMachineService, contextService: AuthPropService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onStateUpdate(state: AuthMachineState): void;
+    get context(): {
+        change: (data?: Record<string | number | symbol, any>) => void;
+        remoteError: string;
+        resetPassword: (data?: Record<string | number | symbol, any>) => void;
+        signUp: (data?: Record<string | number | symbol, any>) => void;
+        submit: (data?: Record<string | number | symbol, any>) => void;
+    };
+    toSignUp(): void;
+    toResetPassword(): void;
+    onInput(event: Event): void;
+    onSubmit(event: Event): Promise<void>;
+}

package/lib/components/amplify-sign-up/amplify-sign-up.component.d.ts

@@ -0,0 +1,35 @@
+import { AfterContentInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { StateMachineService } from '../../services/state-machine.service';
+import { AuthPropService } from '../../services/authenticator-context.service';
+import { ValidationError } from '@aws-amplify/ui';
+export declare class AmplifySignUpComponent implements AfterContentInit, OnInit, OnDestroy {
+    private stateMachine;
+    private contextService;
+    dataAttr: string;
+    headerText: string;
+    customComponents: Record<string, TemplateRef<any>>;
+    remoteError: string;
+    isPending: boolean;
+    primaryAlias: string;
+    secondaryAliases: string[];
+    validationError: ValidationError;
+    private authSubscription;
+    createAccountText: string;
+    haveAccountText: string;
+    signInText: string;
+    constructor(stateMachine: StateMachineService, contextService: AuthPropService);
+    get context(): {
+        change: (data?: Record<string | number | symbol, any>) => void;
+        remoteError: string;
+        signIn: (data?: Record<string | number | symbol, any>) => void;
+        submit: (data?: Record<string | number | symbol, any>) => void;
+        validationError: Record<string, string>;
+    };
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    private onStateUpdate;
+    onSubmit($event: any): Promise<void>;
+    onInput(event: Event): void;
+    toSignIn(): void;
+}

package/lib/components/amplify-verify-user/amplify-verify-user.component.d.ts

@@ -0,0 +1,31 @@
+import { AfterContentInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AuthMachineState } from '@aws-amplify/ui';
+import { StateMachineService } from '../../services/state-machine.service';
+import { AuthPropService } from '../../services/authenticator-context.service';
+export declare class AmplifyVerifyUserComponent implements AfterContentInit, OnInit, OnDestroy {
+    private stateMachine;
+    private contextService;
+    dataAttr: string;
+    headerText: string;
+    customComponents: Record<string, TemplateRef<any>>;
+    unverifiedAttributes: {};
+    remoteError: string;
+    isPending: boolean;
+    private authSubscription;
+    skipText: string;
+    verifyText: string;
+    constructor(stateMachine: StateMachineService, contextService: AuthPropService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onStateUpdate(state: AuthMachineState): void;
+    get context(): {
+        change: (data?: Record<string | number | symbol, any>) => void;
+        remoteError: string;
+        skip: (data?: Record<string | number | symbol, any>) => void;
+        submit: (data?: Record<string | number | symbol, any>) => void;
+    };
+    skipVerify(): void;
+    translate(phrase: string): string;
+    onSubmit(event: Event): Promise<void>;
+}

package/lib/components/confirm-reset-password/amplify-confirm-reset-password.component.d.ts

@@ -0,0 +1,34 @@
+import { AfterContentInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AuthMachineState } from '@aws-amplify/ui';
+import { AuthPropService } from '../../services/authenticator-context.service';
+import { StateMachineService } from '../../services/state-machine.service';
+export declare class ConfirmResetPasswordComponent implements OnInit, AfterContentInit, OnDestroy {
+    private stateMachine;
+    private contextService;
+    dataAttr: string;
+    headerText: string;
+    customComponents: Record<string, TemplateRef<any>>;
+    remoteError: string;
+    isPending: boolean;
+    private authSubscription;
+    sendCodeText: string;
+    backToSignInText: string;
+    lostCodeText: string;
+    resendCodeText: string;
+    constructor(stateMachine: StateMachineService, contextService: AuthPropService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onStateUpdate(state: AuthMachineState): void;
+    get context(): {
+        change: (data?: Record<string | number | symbol, any>) => void;
+        resend: (data?: Record<string | number | symbol, any>) => void;
+        remoteError: string;
+        signIn: (data?: Record<string | number | symbol, any>) => void;
+        submit: (data?: Record<string | number | symbol, any>) => void;
+    };
+    toSignIn(): void;
+    resend(): void;
+    onInput(event: Event): void;
+    onSubmit(event: Event): Promise<void>;
+}

package/lib/components/confirm-verify-user/amplify-confirm-verify-user.component.d.ts

@@ -0,0 +1,26 @@
+import { AfterContentInit, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { AuthMachineState } from '@aws-amplify/ui';
+import { AuthPropService } from '../../services/authenticator-context.service';
+import { StateMachineService } from '../../services/state-machine.service';
+export declare class ConfirmVerifyUserComponent implements OnInit, AfterContentInit, OnDestroy {
+    private stateMachine;
+    private contextService;
+    dataAttr: string;
+    headerText: string;
+    customComponents: Record<string, TemplateRef<any>>;
+    remoteError: string;
+    isPending: boolean;
+    private authSubscription;
+    constructor(stateMachine: StateMachineService, contextService: AuthPropService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    onStateUpdate(state: AuthMachineState): void;
+    get context(): {
+        remoteError: string;
+        skip: (data?: Record<string | number | symbol, any>) => void;
+        submit: (data?: Record<string | number | symbol, any>) => void;
+    };
+    skipVerify(): void;
+    onSubmit(event: Event): Promise<void>;
+}

package/lib/components/index.d.ts

@@ -0,0 +1,13 @@
+export { AmplifyAuthenticatorComponent } from './amplify-authenticator/amplify-authenticator.component';
+export { AmplifyConfirmSignInComponent } from './amplify-confirm-sign-in/amplify-confirm-sign-in.component';
+export { AmplifyConfirmSignUpComponent } from './amplify-confirm-sign-up/amplify-confirm-sign-up.component';
+export { AmplifyFederatedSignInButtonComponent } from './amplify-federated-sign-in-button/amplify-federated-sign-in-button.component';
+export { AmplifyFederatedSignInComponent } from './amplify-federated-sign-in/amplify-federated-sign-in.component';
+export { AmplifyForceNewPasswordComponent } from './amplify-force-new-password/amplify-force-new-password.component';
+export { AmplifyResetPasswordComponent } from './amplify-reset-password/amplify-reset-password.component';
+export { AmplifySetupTotpComponent } from './amplify-setup-totp/amplify-setup-totp.component';
+export { AmplifySignInComponent } from './amplify-sign-in/amplify-sign-in.component';
+export { AmplifySignUpComponent } from './amplify-sign-up/amplify-sign-up.component';
+export { AmplifyVerifyUserComponent } from './amplify-verify-user/amplify-verify-user.component';
+export { ConfirmResetPasswordComponent } from './confirm-reset-password/amplify-confirm-reset-password.component';
+export { ConfirmVerifyUserComponent } from './confirm-verify-user/amplify-confirm-verify-user.component';

package/lib/directives/amplify-override.directive.d.ts

@@ -0,0 +1,7 @@
+import { TemplateRef } from '@angular/core';
+export declare class AmplifyOverrideDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+    name: string;
+    set amplifyOverride(component: string);
+}

package/lib/primitives/amplify-error/amplify-error.component.d.ts

@@ -0,0 +1,2 @@
+export declare class AmplifyErrorComponent {
+}

package/lib/primitives/amplify-input/amplify-input.component.d.ts

@@ -0,0 +1,31 @@
+import { OnInit } from '@angular/core';
+import { AuthInputAttributes } from '@aws-amplify/ui';
+import { StateMachineService } from '../../services/state-machine.service';
+/**
+ * Input interface opinionated for authenticator usage.
+ *
+ * TODO: Separate this component out to two parts -- 1) amplify-auth-input that
+ * contains authenticator opinionated logic and 2) amplify-text-field primitive
+ * that does not make any auth-related inference.
+ */
+export declare class AmplifyInputComponent implements OnInit {
+    private stateMachine;
+    name: string;
+    type: string;
+    required: boolean;
+    placeholder: string;
+    label: string;
+    initialValue: string;
+    disabled: boolean;
+    autocomplete: string;
+    defaultCountryCode: string;
+    countryDialCodes: string[];
+    constructor(stateMachine: StateMachineService);
+    ngOnInit(): void;
+    get attributeMap(): AuthInputAttributes;
+    get error(): string;
+    isTelInput(): boolean;
+    inferLabel(): string;
+    inferPlaceholder(): string;
+    inferType(): string;
+}

package/lib/primitives/amplify-select/amplify-select.component.d.ts

@@ -0,0 +1,7 @@
+export declare class AmplifySelectComponent {
+    items: string[];
+    name: string;
+    label: string;
+    id: string;
+    initialValue: string;
+}

package/lib/primitives/amplify-user-name-alias/amplify-user-name-alias.component.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+import { StateMachineService } from '../../services/state-machine.service';
+export declare class AmplifyUserNameAliasComponent implements OnInit {
+    private stateMachine;
+    name: string;
+    disabled: boolean;
+    initialValue: string;
+    required: boolean;
+    label: string;
+    type: string;
+    error: string;
+    placeholder: string;
+    constructor(stateMachine: StateMachineService);
+    ngOnInit(): void;
+}

package/lib/primitives/index.d.ts

@@ -0,0 +1,2 @@
+export * from './amplify-input/amplify-input.component';
+export * from './amplify-error/amplify-error.component';

package/lib/services/authenticator-context.service.d.ts

@@ -0,0 +1,10 @@
+import { CustomComponents, PropContext } from '../common';
+export declare class AuthPropService {
+    constructor();
+    private _customComponents;
+    private _props;
+    get customComponents(): CustomComponents;
+    set customComponents(customComponents: CustomComponents);
+    get props(): PropContext;
+    set props(props: PropContext);
+}

package/lib/services/state-machine.service.d.ts

@@ -0,0 +1,29 @@
+import { AuthContext, AuthEvent, AuthInterpreter, AuthMachineState } from '@aws-amplify/ui';
+import { Event } from 'xstate';
+/**
+ * AmplifyContextService contains access to the xstate machine
+ * and custom components passed by the user.
+ */
+export declare class StateMachineService {
+    private _authState;
+    private _authService;
+    private _user;
+    private _services;
+    constructor();
+    get services(): {
+        readonly change: (data?: Record<string | number | symbol, any>) => void;
+        readonly federatedSignIn: (data?: Record<string | number | symbol, any>) => void;
+        readonly resend: (data?: Record<string | number | symbol, any>) => void;
+        readonly resetPassword: (data?: Record<string | number | symbol, any>) => void;
+        readonly signIn: (data?: Record<string | number | symbol, any>) => void;
+        readonly signOut: (data?: Record<string | number | symbol, any>) => void;
+        readonly signUp: (data?: Record<string | number | symbol, any>) => void;
+        readonly skip: (data?: Record<string | number | symbol, any>) => void;
+        readonly submit: (data?: Record<string | number | symbol, any>) => void;
+    };
+    get authState(): AuthMachineState;
+    get authService(): AuthInterpreter;
+    get user(): Record<string, any>;
+    get context(): AuthContext;
+    send(event: Event<AuthEvent>): void;
+}

package/lib/ui-angular.module.d.ts

@@ -0,0 +1,2 @@
+export declare class UiAngularModule {
+}

package/package.json

@@ -1,50 +1,28 @@
 {
-	"name": "@aws-amplify/ui-angular",
-	"version": "1.0.26-unstable.2+0918a0741",
-	"description": "Angular specific wrapper for @aws-amplify/ui-components",
-	"publishConfig": {
-		"access": "public"
-	},
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/aws-amplify/amplify-js.git"
-	},
-	"scripts": {
-		"build": "npm run build.ng",
-		"build.link": "npm run build && node scripts/link-copy.js",
-		"build.fesm": "rollup --config ./scripts/rollup.config.js",
-		"build.ng": "npm run build.es2015 && npm run build.es5",
-		"build.es2015": "ngc -p tsconfig.json && rollup --config ./scripts/rollup.config.js",
-		"build.es5": "ngc -p tsconfig.legacy.json && rollup --config ./scripts/rollup.config.legacy.js",
-		"lint": "npm run lint.ts",
-		"lint.ts": "tslint --project .",
-		"lint.fix": "tslint --project . --fix",
-		"prerelease": "npm run validate && np prerelease --yolo --any-branch --tag next",
-		"test": "echo 'angular no tests yet'",
-		"tsc": "tsc -p .",
-		"validate": "npm i && npm run lint && npm run test && npm run build"
-	},
-	"module": "dist/fesm5.js",
-	"main": "dist/fesm5.js",
-	"types": "dist/core.d.ts",
-	"files": [
-		"dist/"
-	],
-	"dependencies": {
-		"@aws-amplify/ui-components": "1.7.10-unstable.2+0918a0741"
-	},
-	"devDependencies": {
-		"@angular/compiler-cli": "^7.2.1",
-		"@angular/core": "^7.2.1",
-		"@types/node": "12.12.47",
-		"rollup": "^1.1.2",
-		"rollup-plugin-node-resolve": "^4.0.0",
-		"rxjs": "^6.2.0",
-		"tsickle": "^0.34.0",
-		"tslib": "^1.9.3",
-		"tslint": "^5.12.1",
-		"typescript": "3.2.4",
-		"zone.js": "^0.8.28"
-	},
-	"gitHead": "0918a0741d1e90bc67cbfb10f3eb6ce719fee58e"
-}
+  "name": "@aws-amplify/ui-angular",
+  "version": "2.0.1-next.3",
+  "peerDependencies": {
+    "@angular/common": "^11.2.4",
+    "@angular/core": "^11.2.4",
+    "aws-amplify": "3.x.x || 4.x.x"
+  },
+  "dependencies": {
+    "@aws-amplify/ui": "3.0.1-next.3",
+    "@aws-amplify/ui-components": "^1.7.0",
+    "@stencil/core": "^2.7.0",
+    "tslib": "^2.0.0",
+    "qrcode": "^1.4.4",
+    "xstate": "^4.20.1"
+  },
+  "publishConfig": {
+    "directory": "../../dist/ui-angular"
+  },
+  "main": "bundles/aws-amplify-ui-angular.umd.js",
+  "module": "fesm2015/aws-amplify-ui-angular.js",
+  "es2015": "fesm2015/aws-amplify-ui-angular.js",
+  "esm2015": "esm2015/aws-amplify-ui-angular.js",
+  "fesm2015": "fesm2015/aws-amplify-ui-angular.js",
+  "typings": "aws-amplify-ui-angular.d.ts",
+  "metadata": "aws-amplify-ui-angular.metadata.json",
+  "sideEffects": false
+}

package/theme.css

@@ -0,0 +1,99 @@
+[data-amplify-authenticator] {
+  font-size: 14px;
+  font-family: 'Amazon Ember';
+  display: inline-block;
+}
+
+[data-amplify-header] {
+  margin-top: 0px;
+}
+
+[data-amplify-fieldset] {
+  border-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+[data-amplify-container] {
+  width: 22rem;
+  padding: 3rem;
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.1);
+  background-color: white;
+}
+
+[data-amplify-form-input] {
+  border-style: solid;
+  display: block;
+  padding: 0.875rem;
+  width: 90%;
+  margin-bottom: 1rem;
+  border-color: rgba(0, 0, 0, 0.1);
+  border-width: 1px;
+  border-radius: 2px;
+}
+
+[data-amplify-form-input]:focus {
+  outline: none;
+  border: 1px solid cornflowerblue;
+}
+
+[data-amplify-label] {
+  display: block;
+  margin-bottom: 0.625rem;
+}
+
+[data-amplify-footer] {
+  margin-top: 2rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+}
+
+[data-amplify-button] {
+  background-color: black;
+  padding: 0.875rem 1.5rem 0.875rem 1.5rem;
+  border-style: none;
+  color: white;
+  border-radius: 2px;
+  border-width: 1px;
+  margin: 0.25rem;
+}
+
+[data-amplify-federated] [data-amplify-button] {
+  background-color: white;
+  color: black;
+  border-style: solid;
+  border-radius: 2px;
+  border-color: rgba(0, 0, 0, 0.1);
+  width: 100%;
+}
+
+[data-amplify-button]:disabled {
+  background-color: grey;
+}
+
+[data-amplify-link] {
+  color: cornflowerblue;
+  cursor: pointer;
+}
+
+[data-amplify-link]:hover {
+  text-decoration: underline;
+}
+
+[data-amplify-error] {
+  color: orangered;
+}
+
+[data-amplify-error]:last-child {
+  margin-bottom: 1rem;
+}
+
+[data-amplify-federated] {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1rem;
+}