- My App
-
-
- My App
-
-
- My App
-
-
- My App
-
- 
-
-- [amplify-sign-in](src/components/amplify-sign-in/readme.md)
-
-- [amplify-sign-up](src/components/amplify-sign-up/readme.md)
-
-- [amplify-sign-out](src/components/amplify-sign-out/readme.md)
-
-- [amplify-confirm-sign-up](src/components/amplify-confirm-sign-up/readme.md)
-
-- [amplify-forgot-password](src/components/amplify-forgot-password/readme.md)
-
-- [amplify-require-new-password](src/components/amplify-require-new-password/readme.md)
-
-- [amplify-verify-contact](src/components/amplify-verify-contact/readme.md)
-
-- [amplify-totp-setup](src/components/amplify-totp-setup/readme.md)
-
-- [amplify-greetings](src/components/amplify-greetings/readme.md)
-
-## Customization
-
-Amplify UI Components use [slots](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot) to allow for component customization. Component customization and slot usage is exemplified below.
-
-### Amplify Authenticator
-
-**Slots**
-
-> You can override the [components listed above](#components) and pass them into these slots to preserve the authenticator state flow.
-
-| Name | Description |
-| ------------------------ | ---------------------------------------------------------------------------------------------------------------------- |
-| `"sign-in"` | Content placed inside of the sign in workflow for when a user wants to sign into their account |
-| `"confirm-sign-in"` | Content placed inside of the confirm sign in workflow for when a user needs to confirm the account they signed in with |
-| `"sign-up"` | Content placed inside of the sign up workflow for when a user wants to register a new account |
-| `"confirm-sign-up"` | Content placed inside of the confirm sign up workflow for when a user needs to confirm the account they signed up with |
-| `"forgot-password"` | Content placed inside of the forgot password workflow for when a user wants to reset their password |
-| `"require-new-password"` | Content placed inside of the require new password workflow for when a user is required to update their password |
-| `"verify-contact"` | Content placed inside of the verify-contact workflow for when a user must verify their contact information |
-| `"totp-setup"` | Content placed inside of the totp-setup workflow for when a user opts to use TOTP MFA |
-| `"greetings"` | Content placed inside of the greetings navigation for when a user is signed in |
-
-**Frameworks**
-
-- [React](#react-1)
-- [Angular](#angular-1)
-- [Vue](#vue-1)
-- [Web Components](#web-components-1)
-
-#### React
-
-```js
-import {
- AmplifyAuthenticator,
- AmplifySignIn,
- AmplifySignUp,
-} from '@aws-amplify/ui-react';
-
-const App = () => {
-
- My App
-
-
- My App
-
-
- My App
-
-
- My App
-
-
- My App
-+
-+
-
-
-
-
- {this.constructFormFieldOptions(this.formFields)}
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-auth-fields/component-field-mapping.tsx b/packages/amplify-ui-components/src/components/amplify-auth-fields/component-field-mapping.tsx
deleted file mode 100644
index 5b80830c28d..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-auth-fields/component-field-mapping.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import { h } from '@stencil/core';
-import {
- FormFieldType,
- PhoneFormFieldType,
-} from './amplify-auth-fields-interface';
-import { TextFieldTypes } from '../../common/types/ui-types';
-
-const componentFieldMapping = {
- username: (ff: FormFieldType) => (
-
-
-
-
-
-
-
-
-
-
-
-
- Loading...
;
- default:
- throw new Error(`Unhandled auth state: ${authState}`);
- }
- }
-
- // Returns a slot containing the Auth component corresponding to the given authState
- private getSlotWithAuthComponent(
- authState: AuthState
- ): JSXBase.IntrinsicElements {
- const authComponent = this.getAuthComponent(authState);
- const slotName = authSlotNames[authState];
- const slotIsEmpty = this.el.querySelector(`[slot="${slotName}"]`) === null; // true if no element has been inserted to the slot
-
- /**
- * Connect the inner auth component to DOM only if the slot hasn't been overwritten. This prevents
- * the overwritten component from calling its lifecycle methods.
- */
- return
- {this.getSlotWithAuthComponent(this.authState)}
-
- )}
-
-
-
-
-
-
-
- ChatBot Lex
-
- {message.content}
- ));
- if (
- this.chatState === ChatState.SendingText ||
- this.chatState === ChatState.SendingVoice
- ) {
- // if waiting for voice message, show animation on user side because app is waiting for transcript. Else put it on bot side.
- const client =
- this.chatState === ChatState.SendingText
- ? MessageFrom.Bot
- : MessageFrom.User;
-
- messageList.push(
-
-
- );
- }
- return messageList;
- };
-
- private listeningFooterJSX(): JSXBase.IntrinsicElements[] {
- const visualization = ;
- const cancelButton = (
-
-
-
-
-
-
-
-
-
-
- {I18n.get(this.botTitle)}
-
-
- {this.messageJSX(this.messages)}
-
-
- {this.errorToast()}
-
- {I18n.get(Translations.CONFIRM_SIGN_UP_LOST_CODE)}{' '}
- this.resendConfirmCode()}
- >
- {I18n.get(Translations.CONFIRM_SIGN_UP_RESEND_CODE)}
-
-
- ),
- handleInputChange: this.handleFormFieldInputChange('code'),
- },
- ];
- }
-
- private buildFormFields() {
- if (this.formFields.length === 0) {
- this.buildDefaultFormFields();
- } else {
- const newFields = [];
- this.formFields.forEach(field => {
- const newField = { ...field };
- if (newField.type === 'code') {
- newField['hint'] = isHintValid(newField) ? (
-
- {I18n.get(Translations.CONFIRM_SIGN_UP_LOST_CODE)}{' '}
- this.resendConfirmCode()}
- >
- {I18n.get(Translations.CONFIRM_SIGN_UP_RESEND_CODE)}
-
-
- ) : (
- newField['hint']
- );
- }
- newField['handleInputChange'] = event =>
- this.handleFormFieldInputWithCallback(event, field);
- newFields.push(newField);
- });
- this.newFormFields = newFields;
- }
- }
-
- private handleFormFieldInputChange(fieldType) {
- switch (fieldType) {
- case 'username':
- case 'email':
- return event => (this.userInput = event.target.value);
- case 'phone_number':
- return event => handlePhoneNumberChange(event, this.phoneNumber);
- case 'code':
- return event => (this.code = event.target.value);
- default:
- return;
- }
- }
-
- setFieldValue(field: PhoneFormFieldType | FormFieldType) {
- switch (field.type) {
- case 'username':
- case 'email':
- if (field.value === undefined) {
- this.userInput = '';
- } else {
- this.userInput = field.value;
- }
- break;
- case 'phone_number':
- if ((field as PhoneFormFieldType).dialCode) {
- this.phoneNumber.countryDialCodeValue = (field as PhoneFormFieldType).dialCode;
- }
- this.phoneNumber.phoneNumberValue = field.value;
- break;
- }
- }
-
- private handleFormFieldInputWithCallback(event, field) {
- const fnToCall = field['handleInputChange']
- ? field['handleInputChange']
- : (event, cb) => {
- cb(event);
- };
- const callback = this.handleFormFieldInputChange(field.type);
- fnToCall(event, callback.bind(this));
- }
-
- /**
- * Returns the username of the user to confirm. If a valid `user.username` has been passed as a prop, we return that.
- * Otherwise, we return the `userInput` on the form.
- */
- private getUsername(): string {
- if (this.user && this.user.username) return this.user.username;
- switch (this.usernameAlias) {
- case 'username':
- case 'email':
- return this.userInput;
- case 'phone_number':
- return composePhoneNumberInput(this.phoneNumber);
- }
- }
-
- private async resendConfirmCode() {
- if (event) {
- event.preventDefault();
- }
- if (!Auth || typeof Auth.resendSignUp !== 'function') {
- throw new Error(NO_AUTH_MODULE_FOUND);
- }
- try {
- const username = this.getUsername();
- if (!username) throw new Error(Translations.EMPTY_USERNAME);
- await Auth.resendSignUp(username.trim());
- } catch (error) {
- dispatchToastHubEvent(error);
- }
- }
-
- // TODO: Add validation
- // TODO: Prefix
- private async confirmSignUp(event: Event) {
- if (event) {
- event.preventDefault();
- }
- if (!Auth || typeof Auth.confirmSignUp !== 'function') {
- throw new Error(NO_AUTH_MODULE_FOUND);
- }
-
- this.loading = true;
-
- try {
- let username = this.getUsername();
- if (!username) throw new Error(Translations.EMPTY_USERNAME);
- username = username.trim();
-
- const confirmSignUpResult = await Auth.confirmSignUp(username, this.code);
-
- if (!confirmSignUpResult) {
- throw new Error(I18n.get(Translations.CONFIRM_SIGN_UP_FAILED));
- }
- if (
- this._signUpAttrs &&
- this._signUpAttrs.password &&
- this._signUpAttrs.password !== ''
- ) {
- // Auto sign in user if password is available from previous workflow
- await handleSignIn(
- username,
- this._signUpAttrs.password,
- this.handleAuthStateChange
- );
- } else {
- this.handleAuthStateChange(AuthState.SignIn);
- }
- } catch (error) {
- dispatchToastHubEvent(error);
- } finally {
- this.loading = false;
- }
- }
-
- render() {
- return (
-
- My App
-
-My App
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {googleClientId && (
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-federated-buttons/readme.md b/packages/amplify-ui-components/src/components/amplify-federated-buttons/readme.md
deleted file mode 100644
index bdcb85f092a..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-federated-buttons/readme.md
+++ /dev/null
@@ -1,51 +0,0 @@
-# amplify-federated-buttons
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| ----------------------- | ------------ | ------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------ |
-| `authState` | `auth-state` | The current authentication state. | `AuthState.ConfirmSignIn \| AuthState.ConfirmSignUp \| AuthState.CustomConfirmSignIn \| AuthState.ForgotPassword \| AuthState.Loading \| AuthState.ResetPassword \| AuthState.SettingMFA \| AuthState.SignIn \| AuthState.SignOut \| AuthState.SignUp \| AuthState.SignedIn \| AuthState.SignedOut \| AuthState.SigningUp \| AuthState.TOTPSetup \| AuthState.VerifyContact \| AuthState.VerifyingAttributes \| AuthState.confirmingSignInCustomFlow \| AuthState.confirmingSignUpCustomFlow` | `AuthState.SignIn` |
-| `federated` | -- | Federated credentials & configuration. | `FederatedConfig` | `{}` |
-| `handleAuthStateChange` | -- | Auth state change handler for this component e.g. SignIn -> 'Create Account' link -> SignUp | `(nextAuthState: AuthState, data?: object) => void` | `dispatchAuthStateChangeEvent` |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-federated-sign-in](../amplify-federated-sign-in)
- - [amplify-sign-in](../amplify-sign-in)
-
-### Depends on
-
-- [amplify-google-button](../amplify-google-button)
-- [amplify-facebook-button](../amplify-facebook-button)
-- [amplify-amazon-button](../amplify-amazon-button)
-- [amplify-oauth-button](../amplify-oauth-button)
-- [amplify-auth0-button](../amplify-auth0-button)
-
-### Graph
-```mermaid
-graph TD;
- amplify-federated-buttons --> amplify-google-button
- amplify-federated-buttons --> amplify-facebook-button
- amplify-federated-buttons --> amplify-amazon-button
- amplify-federated-buttons --> amplify-oauth-button
- amplify-federated-buttons --> amplify-auth0-button
- amplify-google-button --> amplify-sign-in-button
- amplify-sign-in-button --> amplify-icon
- amplify-facebook-button --> amplify-sign-in-button
- amplify-amazon-button --> amplify-sign-in-button
- amplify-oauth-button --> amplify-sign-in-button
- amplify-auth0-button --> amplify-sign-in-button
- amplify-federated-sign-in --> amplify-federated-buttons
- amplify-sign-in --> amplify-federated-buttons
- style amplify-federated-buttons fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-federated-sign-in/__snapshots__/amplify-federated-sign-in.spec.tsx.snap b/packages/amplify-ui-components/src/components/amplify-federated-sign-in/__snapshots__/amplify-federated-sign-in.spec.tsx.snap
deleted file mode 100644
index 1b6ec4ed827..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-federated-sign-in/__snapshots__/amplify-federated-sign-in.spec.tsx.snap
+++ /dev/null
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-federated-sign-in stories defaults 1`] = `
-
-
- )}
-
- {facebookAppId && (
-
-
- )}
-
- {amazonClientId && (
-
-
- )}
-
- {oauthConfig && (
-
-
- )}
-
- {auth0Config && (
-
-
- )}
-
-
-
-
- label
-
-
-
- description
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- label
-
-
-
- description
-
-
-
-
-
-
-
-
-
- label
-
-
-
- description
-
-
-
-
-
-
-
-
-
- label
-
-
-
- description
-
-
-
-
-
-
-
-
-
- label
-
-
-
- description
-
-
-
-
-
-
-
- {this.label && (
- {this.hint}
- )}
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-form-field/readme.md b/packages/amplify-ui-components/src/components/amplify-form-field/readme.md
deleted file mode 100644
index 3c2e43b3c9e..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-form-field/readme.md
+++ /dev/null
@@ -1,67 +0,0 @@
-# amplify-form-field
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| ------------------- | ------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | ----------- |
-| `description` | `description` | The text of the description. Goes between the label and the input. | `string` | `undefined` |
-| `disabled` | `disabled` | Will disable the input if set to true | `boolean` | `undefined` |
-| `fieldId` | `field-id` | The ID of the field. Should match with its corresponding input's ID. | `string` | `undefined` |
-| `handleInputChange` | -- | The callback, called when the input is modified by the user. | `(inputEvent: Event) => void` | `undefined` |
-| `hint` | `hint` | The text of a hint to the user as to how to fill out the input. Goes just below the input. | `FunctionalComponent<{}> \| string` | `undefined` |
-| `inputProps` | -- | Attributes places on the input element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes | `object` | `undefined` |
-| `label` | `label` | The text of the label. Goes above the input. Ex: 'First name' | `string` | `undefined` |
-| `name` | `name` | (Optional) String value for the name of the input. | `string` | `undefined` |
-| `placeholder` | `placeholder` | (Optional) The placeholder for the input element. Using hints is recommended, but placeholders can also be useful to convey information to users. | `string` | `''` |
-| `required` | `required` | The required flag in order to make an input required prior to submitting a form | `boolean` | `false` |
-| `type` | `type` | The input type. Can be any HTML input type. | `"date" \| "email" \| "number" \| "password" \| "search" \| "tel" \| "text" \| "time" \| "url"` | `'text'` |
-| `value` | `value` | The value of the content inside of the input field | `string` | `undefined` |
-
-
-## Slots
-
-| Slot | Description |
-| --------- | ------------------------------------------- |
-| `"input"` | Content for the input within the form field |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-auth-fields](../amplify-auth-fields)
- - [amplify-code-field](../amplify-code-field)
- - [amplify-email-field](../amplify-email-field)
- - [amplify-password-field](../amplify-password-field)
- - [amplify-phone-field](../amplify-phone-field)
- - [amplify-totp-setup](../amplify-totp-setup)
- - [amplify-username-field](../amplify-username-field)
-
-### Depends on
-
-- [amplify-label](../amplify-label)
-- [amplify-input](../amplify-input)
-- [amplify-hint](../amplify-hint)
-
-### Graph
-```mermaid
-graph TD;
- amplify-form-field --> amplify-label
- amplify-form-field --> amplify-input
- amplify-form-field --> amplify-hint
- amplify-auth-fields --> amplify-form-field
- amplify-code-field --> amplify-form-field
- amplify-email-field --> amplify-form-field
- amplify-password-field --> amplify-form-field
- amplify-phone-field --> amplify-form-field
- amplify-totp-setup --> amplify-form-field
- amplify-username-field --> amplify-form-field
- style amplify-form-field fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-form-section/__snapshots__/amplify-form-section.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-form-section/__snapshots__/amplify-form-section.spec.ts.snap
deleted file mode 100644
index 07f4a5f6058..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-form-section/__snapshots__/amplify-form-section.spec.ts.snap
+++ /dev/null
@@ -1,88 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-form-section spec: Render logic -> should render a form section with a default button of \`Submit\` 1`] = `
-
- {this.label}
-
- )}
- {this.description && (
-
- {this.description}
-
- )}
-
-
-
-
- {this.hint && (
-
-
-
-
-
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-hint/readme.md b/packages/amplify-ui-components/src/components/amplify-hint/readme.md
deleted file mode 100644
index 2e98af315af..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-hint/readme.md
+++ /dev/null
@@ -1,40 +0,0 @@
-# amplify-hint
-
-
-
-
-
-
-## Slots
-
-| Slot | Description |
-| ------------- | -------------------- |
-| `"(default)"` | Content for the hint |
-
-
-## CSS Custom Properties
-
-| Name | Description |
-| --------------- | ----------------------- |
-| `--color` | Color of the text |
-| `--font-family` | Font family of the text |
-| `--font-size` | Font size of the text |
-| `--font-weight` | Font weight of the text |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-form-field](../amplify-form-field)
-
-### Graph
-```mermaid
-graph TD;
- amplify-form-field --> amplify-hint
- style amplify-hint fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-icon-button/__snapshots__/amplify-icon-button.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-icon-button/__snapshots__/amplify-icon-button.spec.ts.snap
deleted file mode 100644
index 377e91ef6c2..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-icon-button/__snapshots__/amplify-icon-button.spec.ts.snap
+++ /dev/null
@@ -1,225 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-icon-button spec: Render logic -> renders amazon icon button correctly 1`] = `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-phone-field/readme.md b/packages/amplify-ui-components/src/components/amplify-phone-field/readme.md
deleted file mode 100644
index 4c4330887fa..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-phone-field/readme.md
+++ /dev/null
@@ -1,50 +0,0 @@
-# amplify-code-field
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| ------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------- | -------------------------------- |
-| `dialCode` | `dial-code` | Default dial code in the phone field | `number \| string` | `undefined` |
-| `disabled` | `disabled` | Will disable the input if set to true | `boolean` | `undefined` |
-| `fieldId` | `field-id` | Based on the type of field e.g. sign in, sign up, forgot password, etc. | `string` | `PHONE_SUFFIX` |
-| `handleInputChange` | -- | The callback, called when the input is modified by the user. | `(inputEvent: Event) => void` | `undefined` |
-| `hint` | `hint` | Used as the hint in case you forgot your confirmation code, etc. | `FunctionalComponent<{}> \| string` | `undefined` |
-| `inputProps` | -- | Attributes places on the input element: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes | `object` | `undefined` |
-| `label` | `label` | Used for the Phone label | `string` | `Translations.PHONE_LABEL` |
-| `placeholder` | `placeholder` | Used for the placeholder label | `string` | `Translations.PHONE_PLACEHOLDER` |
-| `required` | `required` | The required flag in order to make an input required prior to submitting a form | `boolean` | `false` |
-| `value` | `value` | The value of the content inside of the input field | `string` | `undefined` |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-auth-fields](../amplify-auth-fields)
-
-### Depends on
-
-- [amplify-form-field](../amplify-form-field)
-- [amplify-country-dial-code](../amplify-country-dial-code)
-- [amplify-input](../amplify-input)
-
-### Graph
-```mermaid
-graph TD;
- amplify-phone-field --> amplify-form-field
- amplify-phone-field --> amplify-country-dial-code
- amplify-phone-field --> amplify-input
- amplify-form-field --> amplify-label
- amplify-form-field --> amplify-input
- amplify-form-field --> amplify-hint
- amplify-country-dial-code --> amplify-select
- amplify-auth-fields --> amplify-phone-field
- style amplify-phone-field fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-photo-picker/__snapshots__/amplify-photo-picker.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-photo-picker/__snapshots__/amplify-photo-picker.spec.ts.snap
deleted file mode 100644
index 3d0a7ad56dc..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-photo-picker/__snapshots__/amplify-photo-picker.spec.ts.snap
+++ /dev/null
@@ -1,29 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-photo-picker spec: Render logic -> should render a picker by default 1`] = `
-
-
-
-
-
-
-
- Button
-
-
-
-
- Picker Title
-
-
- Ancillary text or content may occupy this space here
-
-
-
-
- Placeholder hint
-
-
-
-
-
-
- this.handleClick(this.file)}>
- {I18n.get(this.buttonText)}
-
-
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-photo-picker/readme.md b/packages/amplify-ui-components/src/components/amplify-photo-picker/readme.md
deleted file mode 100644
index 973a8e794d7..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-photo-picker/readme.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# amplify-photo-picker
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| ----------------- | ------------------ | ------------------------------------------------------ | ---------------------- | -------------------------------------------- |
-| `buttonText` | `button-text` | Picker button text as string | `string` | `Translations.PHOTO_PICKER_BUTTON_TEXT` |
-| `handleClick` | -- | Function that handles file pick onClick | `(file: File) => void` | `() => {}` |
-| `headerHint` | `header-hint` | Header Hint value in string | `string` | `Translations.PHOTO_PICKER_HINT` |
-| `headerTitle` | `header-title` | Title string value | `string` | `Translations.PHOTO_PICKER_TITLE` |
-| `placeholderHint` | `placeholder-hint` | Placeholder hint that goes under the placeholder image | `string` | `Translations.PHOTO_PICKER_PLACEHOLDER_HINT` |
-| `previewSrc` | `preview-src` | Source of the image to be previewed | `object \| string` | `undefined` |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-s3-image-picker](../amplify-s3-image-picker)
-
-### Depends on
-
-- [amplify-section](../amplify-section)
-- [amplify-picker](../amplify-picker)
-- [amplify-icon](../amplify-icon)
-- [amplify-button](../amplify-button)
-
-### Graph
-```mermaid
-graph TD;
- amplify-photo-picker --> amplify-section
- amplify-photo-picker --> amplify-picker
- amplify-photo-picker --> amplify-icon
- amplify-photo-picker --> amplify-button
- amplify-picker --> amplify-button
- amplify-button --> amplify-icon
- amplify-s3-image-picker --> amplify-photo-picker
- style amplify-photo-picker fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-picker/__snapshots__/amplify-picker.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-picker/__snapshots__/amplify-picker.spec.ts.snap
deleted file mode 100644
index cc65b8ed851..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-picker/__snapshots__/amplify-picker.spec.ts.snap
+++ /dev/null
@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-picker spec: Render logic -> should render a picker by default 1`] = `
-{I18n.get(this.headerTitle)}
- {I18n.get(this.headerHint)}
-
-
- {this.previewState ? (
- 
- ) : (
-
- {I18n.get(this.placeholderHint)}
-
-
-
-
- Pick a file
-
-
-
-
-
-
- {I18n.get(this.pickerText)}
-
- this.inputHandler(e)}
- />
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-picker/readme.md b/packages/amplify-ui-components/src/components/amplify-picker/readme.md
deleted file mode 100644
index 9b3c57e8181..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-picker/readme.md
+++ /dev/null
@@ -1,40 +0,0 @@
-# amplify-picker
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| -------------- | -------------- | --------------------------- | -------------------- | -------------------------- |
-| `acceptValue` | `accept-value` | File input accept value | `string` | `'*/*'` |
-| `inputHandler` | -- | File input onChange handler | `(e: Event) => void` | `undefined` |
-| `pickerText` | `picker-text` | Picker button text | `string` | `Translations.PICKER_TEXT` |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-photo-picker](../amplify-photo-picker)
- - [amplify-s3-album](../amplify-s3-album)
- - [amplify-s3-text-picker](../amplify-s3-text-picker)
-
-### Depends on
-
-- [amplify-button](../amplify-button)
-
-### Graph
-```mermaid
-graph TD;
- amplify-picker --> amplify-button
- amplify-button --> amplify-icon
- amplify-photo-picker --> amplify-picker
- amplify-s3-album --> amplify-picker
- amplify-s3-text-picker --> amplify-picker
- style amplify-picker fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-radio-button/__snapshots__/amplify-radio-button.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-radio-button/__snapshots__/amplify-radio-button.spec.ts.snap
deleted file mode 100644
index ae03079e2c1..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-radio-button/__snapshots__/amplify-radio-button.spec.ts.snap
+++ /dev/null
@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-radio-button spec: Render logic -> should render a radio button with no label and a type of radio for input by default 1`] = `
-
-
-
-
-
-
- this.handlePick(e)}
- acceptValue="image/*"
- />
- )}
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-s3-album/readme.md b/packages/amplify-ui-components/src/components/amplify-s3-album/readme.md
deleted file mode 100644
index 69b3304e27c..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-s3-album/readme.md
+++ /dev/null
@@ -1,52 +0,0 @@
-# amplify-s3-album
-
-
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| --------------- | -------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------- | -------------------------- |
-| `contentType` | `content-type` | The content type header used when uploading to S3 | `string` | `'binary/octet-stream'` |
-| `fileToKey` | -- | Callback used to generate custom key value | `(data: object) => string` | `undefined` |
-| `filter` | -- | Filter to be applied on album list | `(list: StorageObject[]) => StorageObject[]` | `undefined` |
-| `handleOnError` | -- | Function executed when error occurs for the s3-image | `(event: Event) => void` | `undefined` |
-| `handleOnLoad` | -- | Function executed when s3-image loads | `(event: Event) => void` | `undefined` |
-| `identityId` | `identity-id` | Cognito identity id of the another user's image list | `string` | `undefined` |
-| `level` | `level` | The access level of the files | `AccessLevel.Private \| AccessLevel.Protected \| AccessLevel.Public` | `AccessLevel.Public` |
-| `path` | `path` | String representing directory location of image files to be listed | `string` | `undefined` |
-| `picker` | `picker` | Boolean to enable or disable picker | `boolean` | `true` |
-| `pickerText` | `picker-text` | Picker button text | `string` | `Translations.PICKER_TEXT` |
-| `sort` | -- | Sort to be applied on album list | `(list: StorageObject[]) => StorageObject[]` | `undefined` |
-| `track` | `track` | Whether or not to use track the get/put of the listing of images | `boolean` | `undefined` |
-
-
-## CSS Custom Properties
-
-| Name | Description |
-| -------------------- | ---------------------------- |
-| `--overlay-bg-color` | Image overlay color on hover |
-
-
-## Dependencies
-
-### Depends on
-
-- [amplify-s3-image](../amplify-s3-image)
-- [amplify-picker](../amplify-picker)
-
-### Graph
-```mermaid
-graph TD;
- amplify-s3-album --> amplify-s3-image
- amplify-s3-album --> amplify-picker
- amplify-picker --> amplify-button
- amplify-button --> amplify-icon
- style amplify-s3-album fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-s3-image-picker/__snapshots__/amplify-s3-image-picker.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-s3-image-picker/__snapshots__/amplify-s3-image-picker.spec.ts.snap
deleted file mode 100644
index 213b4551b26..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-s3-image-picker/__snapshots__/amplify-s3-image-picker.spec.ts.snap
+++ /dev/null
@@ -1,10 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-s3-image spec: Render logic -> should render no photo picker without 'path' 1`] = `
-
-
-
- {this.picker && (
-
- {this.albumItems.map(item => {
- return (
-
-
-
- );
- })}
-
-
-
-
- - Fallback Content --
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-s3-text/readme.md b/packages/amplify-ui-components/src/components/amplify-s3-text/readme.md
deleted file mode 100644
index 1fcc6901f54..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-s3-text/readme.md
+++ /dev/null
@@ -1,47 +0,0 @@
-# amplify-s3-text
-
-
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| -------------- | --------------- | -------------------------------------------------------- | -------------------------------------------------------------------- | ------------------------------------ |
-| `body` | -- | Text body content to be uploaded | `object` | `undefined` |
-| `contentType` | `content-type` | The content type header used when uploading to S3 | `string` | `'text/*'` |
-| `fallbackText` | `fallback-text` | Fallback content | `string` | `Translations.TEXT_FALLBACK_CONTENT` |
-| `identityId` | `identity-id` | Cognito identity id of the another user's text file | `string` | `undefined` |
-| `level` | `level` | The access level of the text file | `AccessLevel.Private \| AccessLevel.Protected \| AccessLevel.Public` | `AccessLevel.Public` |
-| `path` | `path` | String representing directory location to text file | `string` | `undefined` |
-| `textKey` | `text-key` | The key of the text object in S3 | `string` | `undefined` |
-| `track` | `track` | Whether or not to use track the get/put of the text file | `boolean` | `undefined` |
-
-
-## CSS Custom Properties
-
-| Name | Description |
-| ------------------- | -------------------------------------- |
-| `--border-color` | Border color of the text container |
-| `--container-color` | Background color of the text container |
-| `--font-size` | Font size of the text |
-| `--text-color` | Font color of the text |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-s3-text-picker](../amplify-s3-text-picker)
-
-### Graph
-```mermaid
-graph TD;
- amplify-s3-text-picker --> amplify-s3-text
- style amplify-s3-text fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-section/amplify-section.scss b/packages/amplify-ui-components/src/components/amplify-section/amplify-section.scss
deleted file mode 100644
index 58d47fc22e6..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-section/amplify-section.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * @prop --font-family: Font family of the text within the container
- * @prop --background-color: Background color of the container
- */
-amplify-section {
- --font-family: var(--amplify-font-family);
- --background-color: var(--amplify-background-color);
-}
-
-.section {
- position: relative;
- margin-bottom: var(--margin-bottom, 20px);
- background-color: var(--background-color);
- padding: var(--padding, 35px 40px);
- text-align: left;
- display: inline-block;
- border-radius: var(--border-radius, 6px);
- box-shadow: var(--box-shadow, 1px 1px 4px 0 rgba(0, 0, 0, 0.15));
- box-sizing: border-box;
- font-family: var(--font-family);
-
- width: 100%;
- min-width: var(--min-width, 20rem);
-
- @include md {
- width: var(--width, 28.75rem);
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-section/amplify-section.tsx b/packages/amplify-ui-components/src/components/amplify-section/amplify-section.tsx
deleted file mode 100644
index 3e1b80ec13a..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-section/amplify-section.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Component, Element, Prop, h } from '@stencil/core';
-
-@Component({
- tag: 'amplify-section',
- styleUrl: 'amplify-section.scss',
-})
-export class AmplifySection {
- @Element() el: HTMLAmplifySectionElement;
- /** Equivalent to html section role */
- @Prop() role: string = 'application';
-
- componentWillLoad() {
- console.warn(
- 'Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.'
- );
- }
-
- render() {
- return (
-
- {this.src ? (
-
- {this.src}
- ) : (
- {I18n.get(this.fallbackText)}
- )}
-
-
-
-
-
- {this.contentBuilder()}
- {this.TOTPSetup ?
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-select-mfa-type/readme.md b/packages/amplify-ui-components/src/components/amplify-select-mfa-type/readme.md
deleted file mode 100644
index d4f8a13d894..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-select-mfa-type/readme.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# amplify-totp
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| -------------- | --------- | ---------------------------------------------------------------------- | ------------------------ | ----------------------------- |
-| `MFATypes` | -- | Types of MFA options | `MFATypesInterface` | `undefined` |
-| `authData` | -- | Current authenticated user in order to sign requests properly for TOTP | `CognitoUserInterface` | `undefined` |
-| `handleSubmit` | -- | Fires when Verify is clicked | `(event: Event) => void` | `event => this.verify(event)` |
-
-
-## Dependencies
-
-### Depends on
-
-- [amplify-form-section](../amplify-form-section)
-- [amplify-radio-button](../amplify-radio-button)
-- [amplify-toast](../amplify-toast)
-- [amplify-totp-setup](../amplify-totp-setup)
-
-### Graph
-```mermaid
-graph TD;
- amplify-select-mfa-type --> amplify-form-section
- amplify-select-mfa-type --> amplify-radio-button
- amplify-select-mfa-type --> amplify-toast
- amplify-select-mfa-type --> amplify-totp-setup
- amplify-form-section --> amplify-section
- amplify-form-section --> amplify-button
- amplify-form-section --> amplify-loading-spinner
- amplify-button --> amplify-icon
- amplify-loading-spinner --> amplify-icon
- amplify-radio-button --> amplify-label
- amplify-toast --> amplify-icon
- amplify-totp-setup --> amplify-form-section
- amplify-totp-setup --> amplify-form-field
- amplify-form-field --> amplify-label
- amplify-form-field --> amplify-input
- amplify-form-field --> amplify-hint
- style amplify-select-mfa-type fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-select/__snapshots__/amplify-select.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-select/__snapshots__/amplify-select.spec.ts.snap
deleted file mode 100644
index 7f1f22aa6fd..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-select/__snapshots__/amplify-select.spec.ts.snap
+++ /dev/null
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-select spec: Render logic -> should render an empty \`placeholder\` label and value of \`1\` by default 1`] = `
-
-
-
-
-
-
-
- {I18n.get(Translations.FORGOT_PASSWORD_TEXT)}{' '}
- this.handleAuthStateChange(AuthState.ForgotPassword)}
- data-test="sign-in-forgot-password-link"
- >
- {I18n.get(Translations.RESET_PASSWORD_TEXT)}
-
-
- ),
- required: true,
- handleInputChange: this.handleFormFieldInputChange('password'),
- inputProps: {
- 'data-test': 'sign-in-password-input',
- },
- });
- this.newFormFields = [...formFieldInputs];
- }
-
- buildFormFields() {
- if (this.formFields.length === 0) {
- this.buildDefaultFormFields();
- } else {
- const newFields = [];
- this.formFields.forEach(field => {
- const newField = { ...field };
- // TODO: handle hint better
- if (newField.type === 'password') {
- newField['hint'] = isHintValid(newField) ? (
-
- {I18n.get(Translations.FORGOT_PASSWORD_TEXT)}{' '}
-
- this.handleAuthStateChange(AuthState.ForgotPassword)
- }
- data-test="sign-in-forgot-password-link"
- >
- {I18n.get(Translations.RESET_PASSWORD_TEXT)}
-
-
- ) : (
- newField['hint']
- );
- }
- newField['handleInputChange'] = event =>
- this.handleFormFieldInputWithCallback(event, field);
- this.setFieldValue(newField, this.signInAttributes);
- newFields.push(newField);
- });
- this.newFormFields = newFields;
- }
- }
-
- setFieldValue(
- field: PhoneFormFieldType | FormFieldType,
- formAttributes: SignInAttributes
- ) {
- switch (field.type) {
- case 'username':
- case 'email':
- if (field.value === undefined) {
- formAttributes.userInput = '';
- } else {
- formAttributes.userInput = field.value;
- }
- break;
- case 'phone_number':
- if ((field as PhoneFormFieldType).dialCode) {
- this.phoneNumber.countryDialCodeValue = (field as PhoneFormFieldType).dialCode;
- }
- this.phoneNumber.phoneNumberValue = field.value;
- break;
- case 'password':
- if (field.value === undefined) {
- formAttributes.password = '';
- } else {
- formAttributes.password = field.value;
- }
- break;
- }
- }
-
- render() {
- return (
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-toast/readme.md b/packages/amplify-ui-components/src/components/amplify-toast/readme.md
deleted file mode 100644
index 7e445c563c3..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-toast/readme.md
+++ /dev/null
@@ -1,56 +0,0 @@
-# amplify-toast
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| ------------- | --------- | -------------------------------------------------------------- | ------------ | ----------- |
-| `handleClose` | -- | Used in order to add a dismissable `x` for the Toast component | `() => void` | `undefined` |
-| `message` | `message` | Message to be displayed inside the toast | `string` | `''` |
-
-
-## Slots
-
-| Slot | Description |
-| ------------- | ------------------------------------------------------------------------------------------------------------------------------------- |
-| `"(default)"` | Content placed inside the toast. If `message` prop is already set, then this content will be displayed to the right of the `message`. |
-
-
-## CSS Custom Properties
-
-| Name | Description |
-| -------------------- | ------------------------------------------ |
-| `--background-color` | Background color of the container |
-| `--close-icon-color` | Fill color of the close icon |
-| `--close-icon-hover` | Fill color of the close icon when hovering |
-| `--color` | Text color within the toast |
-| `--font-size` | Font size of the text within the toast |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-authenticator](../amplify-authenticator)
- - [amplify-chatbot](../amplify-chatbot)
- - [amplify-select-mfa-type](../amplify-select-mfa-type)
-
-### Depends on
-
-- [amplify-icon](../amplify-icon)
-
-### Graph
-```mermaid
-graph TD;
- amplify-toast --> amplify-icon
- amplify-authenticator --> amplify-toast
- amplify-chatbot --> amplify-toast
- amplify-select-mfa-type --> amplify-toast
- style amplify-toast fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-tooltip/__snapshots__/amplify-tooltip.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-tooltip/__snapshots__/amplify-tooltip.spec.ts.snap
deleted file mode 100644
index ce5222bf2f1..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-tooltip/__snapshots__/amplify-tooltip.spec.ts.snap
+++ /dev/null
@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-tooltip spec: Render logic -> should render a normal tooltip by default 1`] = `
-
-
-
-
-
-
- FOO
- FOO
-
-
- );
- }
-}
diff --git a/packages/amplify-ui-components/src/components/amplify-tooltip/readme.md b/packages/amplify-ui-components/src/components/amplify-tooltip/readme.md
deleted file mode 100644
index 277f5de78dd..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-tooltip/readme.md
+++ /dev/null
@@ -1,46 +0,0 @@
-# amplify-tooltip
-
-
-
-
-## Properties
-
-| Property | Attribute | Description | Type | Default |
-| ---------------- | ------------------ | -------------------------------------------------------------------------------------------------------- | --------- | ----------- |
-| `shouldAutoShow` | `should-auto-show` | (Optional) Whether or not the tooltip should be automatically shown, i.e. not disappear when not hovered | `boolean` | `false` |
-| `text` | `text` | (Required) The text in the tooltip | `string` | `undefined` |
-
-
-## Slots
-
-| Slot | Description |
-| ------------- | -------------------------------------------------------------- |
-| `"(default)"` | Text displayed below the tooltip. This will always be visible. |
-
-
-## CSS Custom Properties
-
-| Name | Description |
-| -------------------- | ------------------------------------------------- |
-| `--background-color` | Background color of the tooltip |
-| `--border-color` | Border color of the tooltip |
-| `--color` | Text color within the tooltip |
-| `--font-family` | Font family of the text placed within the tooltip |
-
-
-## Dependencies
-
-### Used by
-
- - [amplify-icon-button](../amplify-icon-button)
-
-### Graph
-```mermaid
-graph TD;
- amplify-icon-button --> amplify-tooltip
- style amplify-tooltip fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
diff --git a/packages/amplify-ui-components/src/components/amplify-totp-setup/__snapshots__/amplify-totp-setup.spec.ts.snap b/packages/amplify-ui-components/src/components/amplify-totp-setup/__snapshots__/amplify-totp-setup.spec.ts.snap
deleted file mode 100644
index 95bddffbb95..00000000000
--- a/packages/amplify-ui-components/src/components/amplify-totp-setup/__snapshots__/amplify-totp-setup.spec.ts.snap
+++ /dev/null
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`amplify-totp spec: Render logic -> should render a \`less than 2 mfa types available\` message by default 1`] = `
-
-
-
- {this.qrCodeImageSource && (
- 
- )}
- this.handleTotpInputChange(event)}
- />
-
-
-
-
- this.handleInputChange(event)}
- />
-
- );
- }
-
- private renderVerify() {
- const user = this.user;
-
- if (!user) {
- logger.debug('No user to verify');
- return null;
- }
-
- const { unverified } = user;
-
- if (!unverified) {
- logger.debug('Unverified variable does not exist on user');
- return null;
- }
- const { email, phone_number } = unverified;
-
- return (
-
- {email && (
- this.handleInputChange(event)}
- inputProps={{
- 'data-test': 'verify-contact-email-radio',
- }}
- />
- )}
-
- {phone_number && (
- this.handleInputChange(event)}
- inputProps={{
- 'data-test': 'verify-contact-phone-number-radio',
- }}
- />
- )}
-
- );
- }
-
- render() {
- return (
- My App
; - -describe('withAuthenticator', () => { - it('should not render App initially', () => { - const Wrapped = withAuthenticator(App); - - expect(renderToStaticMarkup({prop1}
;
- const mockProp = 'mockProp';
-
- const useStateSpy = jest.spyOn(React, 'useState');
- useStateSpy.mockReturnValue([true, () => {}]);
-
- const Wrapped = withAuthenticator(Dummy);
-
- expect(
- renderToStaticMarkup(${mockProp}
"`);
-
- useStateSpy.mockRestore();
- });
-});
diff --git a/packages/amplify-ui-react/jest.config.js b/packages/amplify-ui-react/jest.config.js
deleted file mode 100644
index f0b39f769db..00000000000
--- a/packages/amplify-ui-react/jest.config.js
+++ /dev/null
@@ -1,12 +0,0 @@
-module.exports = {
- globals: {
- 'ts-jest': {
- tsConfig: {
- esModuleInterop: true,
- jsx: 'react',
- },
- },
- },
- preset: 'ts-jest',
- testEnvironment: 'node',
-};
diff --git a/packages/amplify-ui-react/package.json b/packages/amplify-ui-react/package.json
deleted file mode 100755
index 98d5c9d94dd..00000000000
--- a/packages/amplify-ui-react/package.json
+++ /dev/null
@@ -1,42 +0,0 @@
-{
- "name": "@aws-amplify/ui-react",
- "private": "true",
- "sideEffects": false,
- "version": "1.2.61",
- "description": "React specific wrapper for @aws-amplify/ui-components",
- "publishConfig": {
- "access": "public"
- },
- "repository": {
- "type": "git",
- "url": "https://github.com/aws-amplify/amplify-js.git"
- },
- "scripts": {
- "test": "jest",
- "build-with-test": "npm test && npm run build",
- "build:cjs": "node ./build es5 && webpack && webpack --config ./webpack.config.dev.js",
- "build:esm": "node ./build es6",
- "build:cjs:watch": "node ./build es5 --watch",
- "build:esm:watch": "node ./build es6 --watch",
- "build:watch": "npm run build:esm:watch",
- "build": "npm run clean && npm run build:cjs && npm run build:esm",
- "clean": "rimraf lib-esm lib dist"
- },
- "main": "./lib/index.js",
- "module": "./lib-esm/index.js",
- "typings": "./lib-esm/index.d.ts",
- "devDependencies": {
- "@types/react": "^16.0.41",
- "@types/react-dom": "^16.0.11",
- "react": "^16.7.0",
- "react-dom": "^16.7.0",
- "typescript": "^3.3.4000"
- },
- "dependencies": {
- "@aws-amplify/ui-components": "1.9.41"
- },
- "peerDependencies": {
- "react": ">= 16.7.0",
- "react-dom": ">= 16.7.0"
- }
-}
diff --git a/packages/amplify-ui-react/src/index.ts b/packages/amplify-ui-react/src/index.ts
deleted file mode 100755
index 1232fd49b54..00000000000
--- a/packages/amplify-ui-react/src/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './components';
-
-export { withAuthenticator } from './withAuthenticator';
diff --git a/packages/amplify-ui-react/src/withAuthenticator.tsx b/packages/amplify-ui-react/src/withAuthenticator.tsx
deleted file mode 100644
index d36e6c81c5f..00000000000
--- a/packages/amplify-ui-react/src/withAuthenticator.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import React, {
- ComponentType,
- ComponentPropsWithRef,
- FunctionComponent,
-} from 'react';
-import { Auth, appendToCognitoUserAgent } from '@aws-amplify/auth';
-import { AmplifyContainer, AmplifyAuthenticator, AmplifyAuthContainer } from './';
-import { onAuthUIStateChange, AuthState } from '@aws-amplify/ui-components';
-import { Logger } from '@aws-amplify/core';
-
-const logger = new Logger('withAuthenticator');
-
-export function withAuthenticatorYou are signed in!
-
-
-
-
-
-
-
-
-
-`;
-
-@Component({
- selector: 'amplify-authenticator-core',
- template,
-})
-export class AuthenticatorComponentCore implements OnInit {
- authState: AuthState = {
- state: 'loading',
- user: null,
- };
- _signUpConfig: any = {};
- _usernameAttributes: string = 'username';
-
- constructor(public amplifyService: AmplifyService) {
- this.subscribe();
- }
-
- ngOnInit() {
- if (!this.amplifyService.auth()) {
- throw new Error('Auth module not registered on AmplifyService provider');
- } else {
- const loadStatus = this.amplifyService
- .auth()
- .currentAuthenticatedUser()
- .then(user => {
- if (this.authState.state === 'loading' && user) {
- this.amplifyService.setAuthState({ state: 'signedIn', user });
- }
- })
- .catch(e => {
- if (this.authState.state === 'loading') {
- this.amplifyService.setAuthState({ state: 'signIn', user: null });
- }
- });
- }
- }
-
- @Input()
- hide: string[] = [];
-
- @Input()
- set data(data: any) {
- if (data.signUpConfig) {
- this._signUpConfig = data.signUpConfig;
- }
- if (data.hide) {
- this.hide = data.hide;
- }
-
- this._usernameAttributes =
- data.usernameAttributes || this._usernameAttributes || 'username';
- }
-
- @Input()
- set signUpConfig(signUpConfig: any) {
- this._signUpConfig = signUpConfig;
- }
-
- @Input()
- set usernameAttributes(usernameAttributes: string) {
- this._usernameAttributes = usernameAttributes || 'username';
- }
-
- subscribe() {
- this.amplifyService.authStateChange$.subscribe(
- state => {
- this.authState = state;
- },
- () => {
- this.authState = {
- state: 'signIn',
- user: null,
- };
- }
- );
- }
-
- shouldHide(comp) {
- return this.hide.filter(item => item === comp).length > 0;
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/authenticator/authenticator.component.ionic.ts b/packages/aws-amplify-angular/src/components/authenticator/authenticator/authenticator.component.ionic.ts
deleted file mode 100644
index a797eff2c00..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/authenticator/authenticator.component.ionic.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- ViewEncapsulation,
- Injector,
- ElementRef,
-} from '@angular/core';
-
-import { AmplifyService, AuthState } from '../../../providers';
-import { AuthenticatorComponentCore } from './authenticator.component.core';
-
-const template = `
-
-
-
-`;
-
-@Component({
- selector: 'amplify-authenticator-ionic',
- template,
-})
-export class AuthenticatorIonicComponent extends AuthenticatorComponentCore {
- constructor(public amplifyService: AmplifyService) {
- super(amplifyService);
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/authenticator/authenticator.factory.ts b/packages/aws-amplify-angular/src/components/authenticator/authenticator/authenticator.factory.ts
deleted file mode 100644
index 17a7ee3a486..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/authenticator/authenticator.factory.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
-} from '@angular/core';
-
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { AuthClass } from './authenticator.class';
-import { AuthenticatorIonicComponent } from './authenticator.component.ionic';
-import { AuthenticatorComponentCore } from './authenticator.component.core';
-
-@Component({
- selector: 'amplify-authenticator',
- template: `
-
-
- `,
-})
-export class AuthenticatorComponent implements OnInit, OnDestroy {
- @Input() framework: string;
- @Input() hide: string[] = [];
- @Input() signUpConfig: any;
- @Input() usernameAttributes: string = 'username';
- @ViewChild(DynamicComponentDirective)
- componentHost: DynamicComponentDirective;
-
- constructor(private componentFactoryResolver: ComponentFactoryResolver) {}
-
- ngOnInit() {
- this.loadComponent();
- }
-
- ngOnDestroy() {}
-
- loadComponent() {
- const authComponent =
- this.framework && this.framework.toLowerCase() === 'ionic'
- ? new ComponentMount(AuthenticatorIonicComponent, {
- hide: this.hide,
- signUpConfig: this.signUpConfig,
- usernameAttributes: this.usernameAttributes,
- })
- : new ComponentMount(AuthenticatorComponentCore, {
- hide: this.hide,
- signUpConfig: this.signUpConfig,
- usernameAttributes: this.usernameAttributes,
- });
-
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
- authComponent.component
- );
-
- const viewContainerRef = this.componentHost.viewContainerRef;
- viewContainerRef.clear();
-
- const componentRef = viewContainerRef.createComponent(componentFactory);
- (
-
-`;
-
-@Component({
- selector: 'amplify-auth-confirm-sign-in-core',
- template,
-})
-export class ConfirmSignInComponentCore implements OnInit {
- _authState: AuthState;
- _show: boolean;
- code: string;
- errorMessage: string;
- protected logger: any;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.logger = this.amplifyService.logger('ConfiSignInComponent');
- }
-
- @Input()
- set data(data: any) {
- this.hide = data.hide ? data.hide : this.hide;
- this._authState = data.authState;
- this._show = data.authState.state === 'confirmSignIn';
- }
-
- @Input()
- set authState(authState: AuthState) {
- this._authState = authState;
- this._show = authState.state === 'confirmSignIn';
- }
-
- @Input() hide: string[] = [];
-
- ngOnInit() {
- if (!this.amplifyService.auth()) {
- throw new Error('Auth module not registered on AmplifyService provider');
- }
- }
-
- shouldHide(comp) {
- return this.hide.filter(item => item === comp).length > 0;
- }
-
- setCode(code: string) {
- this.code = code;
- }
-
- onConfirm() {
- const { user } = this._authState;
- const { challengeName } = user;
- const mfaType =
- challengeName === 'SOFTWARE_TOKEN_MFA' ? challengeName : null;
- this.amplifyService
- .auth()
- .confirmSignIn(user, this.code, mfaType)
- .then(() => {
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signedIn', user });
- })
- .catch(err => this._setError(err));
- }
-
- onSignIn() {
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signIn', user: null });
- }
-
- onAlertClose() {
- this._setError(null);
- }
-
- _setError(err) {
- if (!err) {
- this.errorMessage = null;
- return;
- }
-
- this.errorMessage = err.message || err;
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in-component.ionic.ts b/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in-component.ionic.ts
deleted file mode 100644
index a3ea9f0a013..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in-component.ionic.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Component, Input, Inject } from '@angular/core';
-import { AmplifyService } from '../../../providers/amplify.service';
-import { AuthState } from '../../../providers/auth.state';
-import { ConfirmSignInComponentCore } from './confirm-sign-in-component.core';
-import { auth } from '../../../assets/data-test-attributes';
-
-const template = `
-
-
-
-
- {{ this.amplifyService.i18n().get('Confirm Sign in') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ×
-
-
-
-`;
-
-@Component({
- selector: 'amplify-auth-confirm-sign-in-ionic',
- template,
-})
-export class ConfirmSignInComponentIonic extends ConfirmSignInComponentCore {
- _authState: AuthState;
- _show: boolean;
- code: string;
- errorMessage: string;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- super(amplifyService);
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in.class.ts b/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in.class.ts
deleted file mode 100644
index 0eed86cc77b..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in.class.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-export class ConfirmSignInClass {
- data: any;
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in.factory.ts b/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in.factory.ts
deleted file mode 100644
index 343a420372b..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-in-component/confirm-sign-in.factory.ts
+++ /dev/null
@@ -1,76 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
-} from '@angular/core';
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { ConfirmSignInClass } from './confirm-sign-in.class';
-import { ConfirmSignInComponentIonic } from './confirm-sign-in-component.ionic';
-import { ConfirmSignInComponentCore } from './confirm-sign-in-component.core';
-import { AuthState } from '../../../providers';
-
-@Component({
- selector: 'amplify-auth-confirm-sign-in',
- template: `
-
-
-
-
- {{ this.amplifyService.i18n().get('Code *') }}
-
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Confirm your sign in code') }}
-
-
-
-
- {{ this.amplifyService.i18n().get('Confirm Code') }}
-
-
-
-
-
-
-
- ×
-
-
-
- `,
-})
-export class ConfirmSignInComponent implements OnInit, OnDestroy {
- @Input() framework: String;
- @Input() authState: AuthState;
- @Input() hide: string[] = [];
- @ViewChild(DynamicComponentDirective)
- componentHost: DynamicComponentDirective;
-
- constructor(private componentFactoryResolver: ComponentFactoryResolver) {}
-
- ngOnInit() {
- this.loadComponent();
- }
-
- ngOnDestroy() {}
-
- loadComponent() {
- const authComponent =
- this.framework && this.framework.toLowerCase() === 'ionic'
- ? new ComponentMount(ConfirmSignInComponentIonic, {
- authState: this.authState,
- hide: this.hide,
- })
- : new ComponentMount(ConfirmSignInComponentCore, {
- authState: this.authState,
- hide: this.hide,
- });
-
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
- authComponent.component
- );
-
- const viewContainerRef = this.componentHost.viewContainerRef;
- viewContainerRef.clear();
-
- const componentRef = viewContainerRef.createComponent(componentFactory);
- (
-
-`;
-
-@Component({
- selector: 'amplify-auth-confirm-sign-up-core',
- template,
-})
-export class ConfirmSignUpComponentCore implements OnInit {
- _authState: AuthState;
- _show: boolean;
- _usernameAttributes: string = 'username';
- username: string;
- code: string;
- errorMessage: string;
- protected logger: any;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.logger = this.amplifyService.logger('ConfirmSignUpComponent');
- }
-
- @Input()
- set data(data: any) {
- this.hide = data.hide ? data.hide : this.hide;
- this._authState = data.authState;
- this._show = data.authState.state === 'confirmSignUp';
- this.username = data.authState.user
- ? data.authState.user.username || ''
- : '';
- }
-
- @Input() hide: string[] = [];
-
- @Input()
- set authState(authState: AuthState) {
- this._authState = authState;
- this._show = authState.state === 'confirmSignUp';
-
- this.username = authState.user ? authState.user.username || '' : '';
- }
-
- @Input()
- set usernameAttributes(usernameAttributes: string) {
- this._usernameAttributes = usernameAttributes;
- }
-
- ngOnInit() {
- if (!this.amplifyService.auth()) {
- throw new Error('Auth module not registered on AmplifyService provider');
- }
- }
- shouldHide(comp) {
- return this.hide.filter(item => item === comp).length > 0;
- }
-
- setUsername(username: string) {
- this.username = username;
- }
-
- setCode(code: string) {
- this.code = code;
- }
-
- onConfirm() {
- this.amplifyService
- .auth()
- .confirmSignUp(this.username, this.code)
- .then(() => this.logger.info('confirm success'))
- .catch(err => this._setError(err));
- }
-
- onResend() {
- this.amplifyService
- .auth()
- .resendSignUp(this.username)
- .then(() => this.logger.info('code resent'))
- .catch(err => this._setError(err));
- }
-
- onSignIn() {
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signIn', user: null });
- }
-
- onAlertClose() {
- this._setError(null);
- }
-
- _setError(err) {
- if (!err) {
- this.errorMessage = null;
- return;
- }
-
- this.errorMessage = err.message || err;
- }
-
- getUsernameLabel() {
- return (
- labelMap[this._usernameAttributes as string] || this._usernameAttributes
- );
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-up-component/confirm-sign-up.component.ionic.ts b/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-up-component/confirm-sign-up.component.ionic.ts
deleted file mode 100644
index 7f3f43935ef..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-up-component/confirm-sign-up.component.ionic.ts
+++ /dev/null
@@ -1,117 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import { Component, Input, Inject } from '@angular/core';
-import { AmplifyService } from '../../../providers/amplify.service';
-import { AuthState } from '../../../providers/auth.state';
-import { ConfirmSignUpComponentCore } from './confirm-sign-up.component.core';
-import { auth } from '../../../assets/data-test-attributes';
-
-const template = `
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Confirm Sign up') }}
-
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Lost your code?') }}
- {{ this.amplifyService.i18n().get('Resend Code') }}
-
-
-
-
-
-
-
-
-
-
-
-
- ×
-
-
-
-`;
-
-@Component({
- selector: 'amplify-auth-confirm-sign-up-ionic',
- template,
-})
-export class ConfirmSignUpComponentIonic extends ConfirmSignUpComponentCore {
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- super(amplifyService);
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-up-component/confirm-sign-up.factory.ts b/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-up-component/confirm-sign-up.factory.ts
deleted file mode 100644
index e3c78a382ef..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/confirm-sign-up-component/confirm-sign-up.factory.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
-} from '@angular/core';
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { ConfirmSignUpClass } from './confirm-sign-up.class';
-import { ConfirmSignUpComponentIonic } from './confirm-sign-up.component.ionic';
-import { ConfirmSignUpComponentCore } from './confirm-sign-up.component.core';
-import { AuthState } from '../../../providers';
-
-@Component({
- selector: 'amplify-auth-confirm-sign-up',
- template: `
-
-
-
-
- {{ this.amplifyService.i18n().get(getUsernameLabel()) }}
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Code *') }}
-
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Confirm your sign up code') }}
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Confirm Code') }}
-
-
-
-
- {{ this.amplifyService.i18n().get('Have an account?') }}
-
- {{ this.amplifyService.i18n().get('Sign In') }}
-
-
-
- {{ this.amplifyService.i18n().get('Lost your code?') }}
-
- {{ this.amplifyService.i18n().get('Resend') }}
-
-
-
-
-
-
-
-
- ×
-
-
-
- `,
-})
-export class ConfirmSignUpComponent implements OnInit, OnDestroy {
- @Input() framework: string;
- @Input() authState: AuthState;
- @Input() usernameAttributes: string = 'username';
- @Input() hide: string[] = [];
- @ViewChild(DynamicComponentDirective)
- componentHost: DynamicComponentDirective;
-
- constructor(private componentFactoryResolver: ComponentFactoryResolver) {}
-
- ngOnInit() {
- this.loadComponent();
- }
-
- ngOnDestroy() {}
-
- loadComponent() {
- const authComponent =
- this.framework && this.framework.toLowerCase() === 'ionic'
- ? new ComponentMount(ConfirmSignUpComponentIonic, {
- authState: this.authState,
- usernameAttributes: this.usernameAttributes,
- hide: this.hide,
- })
- : new ComponentMount(ConfirmSignUpComponentCore, {
- authState: this.authState,
- usernameAttributes: this.usernameAttributes,
- hide: this.hide,
- });
-
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
- authComponent.component
- );
-
- const viewContainerRef = this.componentHost.viewContainerRef;
- viewContainerRef.clear();
-
- const componentRef = viewContainerRef.createComponent(componentFactory);
- (
-
-`;
-
-@Component({
- selector: 'amplify-auth-forgot-password-core',
- template,
-})
-export class ForgotPasswordComponentCore implements OnInit {
- _authState: AuthState;
- _show: boolean;
- _usernameAttributes: string = 'username';
- username: string;
- code: string;
- password: string;
- errorMessage: string;
- code_sent = false;
- protected logger: any;
- local_phone_number: string;
- country_code: string = '1';
- email: string;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.logger = this.amplifyService.logger('ForgotPasswordComponent');
- }
-
- @Input()
- set data(data: any) {
- this._authState = data.authState;
- this._show = data.authState.state === 'forgotPassword';
- this._usernameAttributes = data.usernameAttributes;
- this.hide = data.hide ? data.hide : this.hide;
-
- this.username =
- data.authState.user && data.authState.user.username
- ? data.authState.user.username
- : '';
- }
-
- @Input() hide: string[] = [];
-
- shouldHide(comp) {
- return this.hide.filter(item => item === comp).length > 0;
- }
-
- @Input()
- set authState(authState: AuthState) {
- this._authState = authState;
- this._show = authState.state === 'forgotPassword';
-
- this.email =
- authState.user && authState.user.email ? authState.user.email : '';
- this.country_code =
- authState.user && authState.user.contry_code
- ? authState.user.country_code
- : '1';
- this.local_phone_number =
- authState.user && authState.user.local_phone_number
- ? authState.user.local_phone_number
- : '';
- this.username =
- authState.user && authState.user.username ? authState.user.username : '';
- }
-
- ngOnInit() {
- if (!this.amplifyService.auth()) {
- throw new Error('Auth module not registered on AmplifyService provider');
- }
- }
-
- @Input()
- set usernameAttributes(usernameAttributes: string) {
- this._usernameAttributes = usernameAttributes;
- }
-
- setCode(code: string) {
- this.code = code;
- }
-
- setPassword(password: string) {
- this.password = password;
- }
-
- getforgotPwUsername() {
- switch (this._usernameAttributes) {
- case UsernameAttributes.EMAIL:
- return this.email;
- case UsernameAttributes.PHONE_NUMBER:
- return composePhoneNumber(this.country_code, this.local_phone_number);
- default:
- return this.username;
- }
- }
-
- onSend() {
- let forgotPwUsername = this.getforgotPwUsername();
- if (!forgotPwUsername) {
- this.errorMessage = 'Username cannot be empty';
- return;
- }
- this.amplifyService
- .auth()
- .forgotPassword(forgotPwUsername)
- .then(() => {
- this.code_sent = true;
- })
- .catch(err => {
- this._setError(err);
- this.code_sent = false;
- });
- }
-
- onSubmit() {
- this.amplifyService
- .auth()
- .forgotPasswordSubmit(
- this.getforgotPwUsername(),
- this.code,
- this.password
- )
- .then(() => {
- const user = { username: this.username };
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signIn', user });
- })
- .catch(err => this._setError(err));
- }
-
- onSignIn() {
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signIn', user: null });
- }
-
- onAlertClose() {
- this._setError(null);
- }
-
- _setError(err) {
- if (!err) {
- this.errorMessage = null;
- return;
- }
-
- this.errorMessage = err.message || err;
- }
-
- getUsernameLabel() {
- return (
- labelMap[this._usernameAttributes as string] || this._usernameAttributes
- );
- }
-
- onUsernameFieldChanged(event: UsernameFieldOutput) {
- this.email = event.email || this.email;
- this.username = event.username || this.username;
- this.country_code = event.country_code || this.country_code;
- this.local_phone_number =
- event.local_phone_number || this.local_phone_number;
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/forgot-password-component/forgot-password.component.ionic.ts b/packages/aws-amplify-angular/src/components/authenticator/forgot-password-component/forgot-password.component.ionic.ts
deleted file mode 100644
index 5ffcae2887f..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/forgot-password-component/forgot-password.component.ionic.ts
+++ /dev/null
@@ -1,139 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import { Component, Input, Inject } from '@angular/core';
-import { AmplifyService } from '../../../providers/amplify.service';
-import { AuthState } from '../../../providers/auth.state';
-import { ForgotPasswordComponentCore } from './forgot-password.component.core';
-import { includes } from '../common';
-import { auth } from '../../../assets/data-test-attributes';
-
-const template = `
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Reset your password') }}
-
-
- {{ this.amplifyService.i18n().get('You will receive a verification code') }}
-
-
- {{ this.amplifyService.i18n().get('Enter the code you received and set a new password') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ×
-
-
-
-`;
-
-@Component({
- selector: 'amplify-auth-forgot-password-ionic',
- template,
-})
-export class ForgotPasswordComponentIonic extends ForgotPasswordComponentCore {
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- super(amplifyService);
- }
-
- onCodeChange(val) {
- this.country_code = val;
- }
-
- onNumberChange(val) {
- this.local_phone_number = val;
- }
-
- setUsername(username: string) {
- this.username = username;
- }
-
- setEmail(email: string) {
- this.email = email;
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/forgot-password-component/forgot-password.factory.ts b/packages/aws-amplify-angular/src/components/authenticator/forgot-password-component/forgot-password.factory.ts
deleted file mode 100644
index bd92171d8b9..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/forgot-password-component/forgot-password.factory.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
-} from '@angular/core';
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { ForgotPasswordClass } from './forgot-password.class';
-import { ForgotPasswordComponentIonic } from './forgot-password.component.ionic';
-import { ForgotPasswordComponentCore } from './forgot-password.component.core';
-import { AuthState } from '../../../providers';
-
-@Component({
- selector: 'amplify-auth-forgot-password',
- template: `
-
-
-
-
- {{ this.amplifyService.i18n().get('Code *') }}
-
-
-
-
- {{ this.amplifyService.i18n().get('Password *') }}
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Reset your password') }}
-
-
- {{ this.amplifyService.i18n().get('You will receive a verification code to reset your password') }}
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Submit') }}
- {{ this.amplifyService.i18n().get('Verify') }}
-
-
-
-
- {{ this.amplifyService.i18n().get('Have an account?') }}
-
- {{ this.amplifyService.i18n().get('Sign In') }}
-
-
-
- {{ this.amplifyService.i18n().get('Lost your code?') }}
-
- {{ this.amplifyService.i18n().get('Resend') }}
-
-
-
-
-
-
-
-
- ×
-
-
-
- `,
-})
-export class ForgotPasswordComponent implements OnInit, OnDestroy {
- @Input() framework: string;
- @Input() authState: AuthState;
- @Input() usernameAttributes: string = 'username';
- @Input() hide: string[] = [];
- @ViewChild(DynamicComponentDirective)
- componentHost: DynamicComponentDirective;
-
- constructor(private componentFactoryResolver: ComponentFactoryResolver) {}
-
- ngOnInit() {
- this.loadComponent();
- }
-
- ngOnDestroy() {}
-
- loadComponent() {
- const authComponent =
- this.framework && this.framework.toLowerCase() === 'ionic'
- ? new ComponentMount(ForgotPasswordComponentIonic, {
- authState: this.authState,
- hide: this.hide,
- usernameAttributes: this.usernameAttributes,
- })
- : new ComponentMount(ForgotPasswordComponentCore, {
- authState: this.authState,
- hide: this.hide,
- usernameAttributes: this.usernameAttributes,
- });
-
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
- authComponent.component
- );
-
- const viewContainerRef = this.componentHost.viewContainerRef;
- viewContainerRef.clear();
-
- const componentRef = viewContainerRef.createComponent(componentFactory);
- (
-
-`;
-
-@Component({
- selector: 'amplify-auth-greetings-core',
- template,
-})
-export class GreetingComponentCore implements OnInit {
- signedIn: boolean;
- greeting: string;
- _usernameAttributes: string = 'username';
- protected logger: any;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.logger = this.amplifyService.logger('GreetingComponent');
- this.subscribe();
- }
-
- @Input()
- authState: AuthState;
-
- @Input()
- set usernameAttributes(usernameAttributes: string) {
- this._usernameAttributes = usernameAttributes;
- }
-
- ngOnInit() {
- if (!this.amplifyService.auth()) {
- throw new Error('Auth module not registered on AmplifyService provider');
- }
- }
-
- subscribe() {
- this.amplifyService.authStateChange$.subscribe(state =>
- this.setAuthState(state)
- );
- }
-
- setAuthState(authState: AuthState) {
- this.authState = authState;
- this.signedIn = authState.state === 'signedIn';
-
- let username = '';
- if (authState.user) {
- if (this._usernameAttributes === UsernameAttributes.EMAIL) {
- username = authState.user.attributes
- ? authState.user.attributes.email
- : authState.user.username;
- } else if (this._usernameAttributes === UsernameAttributes.PHONE_NUMBER) {
- username = authState.user.attributes
- ? authState.user.attributes.phone_number
- : authState.user.username;
- } else {
- username = authState.user.username;
- }
- }
-
- this.greeting = this.signedIn
- ? this.amplifyService
- .i18n()
- .get('Hello, {{username}}')
- .replace('{{username}}', username)
- : '';
- }
-
- onSignOut() {
- this.amplifyService.auth().signOut();
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/greeting-component/greeting.component.ionic.ts b/packages/aws-amplify-angular/src/components/authenticator/greeting-component/greeting.component.ionic.ts
deleted file mode 100644
index 5484f340a18..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/greeting-component/greeting.component.ionic.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import { Component, Input, Inject } from '@angular/core';
-import { AmplifyService } from '../../../providers/amplify.service';
-import { AuthState } from '../../../providers/auth.state';
-import { GreetingComponentCore } from './greeting.component.core';
-import { auth } from '../../../assets/data-test-attributes';
-
-const template = `
-{{ greeting }}
-
- {{ this.amplifyService.i18n().get('Sign Out') }}
-
- {{ this.amplifyService.i18n().get('Sign Out') }}
-
-`;
-
-@Component({
- selector: 'amplify-auth-greetings-ionic',
- template,
-})
-export class GreetingComponentIonic extends GreetingComponentCore {
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- super(amplifyService);
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/greeting-component/greeting.factory.ts b/packages/aws-amplify-angular/src/components/authenticator/greeting-component/greeting.factory.ts
deleted file mode 100644
index 146cd32063f..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/greeting-component/greeting.factory.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
-} from '@angular/core';
-
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { GreetingClass } from './greeting.class';
-import { GreetingComponentIonic } from './greeting.component.ionic';
-import { GreetingComponentCore } from './greeting.component.core';
-import { AuthState } from '../../../providers';
-
-@Component({
- selector: 'amplify-auth-greetings',
- template: `
- {{ greeting }}
-
-
-
- `,
-})
-export class GreetingComponent implements OnInit, OnDestroy {
- @Input() framework: string;
- @Input() authState: AuthState;
- @Input() usernameAttributes: string = 'username';
- @ViewChild(DynamicComponentDirective)
- componentHost: DynamicComponentDirective;
-
- constructor(private componentFactoryResolver: ComponentFactoryResolver) {}
-
- ngOnInit() {
- this.loadComponent();
- }
-
- ngOnDestroy() {}
-
- loadComponent() {
- let authComponent =
- this.framework && this.framework.toLowerCase() === 'ionic'
- ? new ComponentMount(GreetingComponentIonic, {
- authState: this.authState,
- usernameAttributes: this.usernameAttributes,
- })
- : new ComponentMount(GreetingComponentCore, {
- authState: this.authState,
- usernameAttributes: this.usernameAttributes,
- });
-
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
- authComponent.component
- );
-
- const viewContainerRef = this.componentHost.viewContainerRef;
- viewContainerRef.clear();
-
- const componentRef = viewContainerRef.createComponent(componentFactory);
- (
-
-
-`;
-
-@Component({
- selector: 'amplify-auth-phone-field-core',
- template,
-})
-export class PhoneFieldComponentCore implements OnInit {
- _placeholder: string = '';
- _label: string = 'Phone Number';
- _required: boolean = true;
- _country_code: string = '1';
- _local_phone_number: string = '';
- _countries: country[];
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this._countries = countrylist;
- }
-
- @Input()
- set data(data: any) {
- this._placeholder = data.placeholder || this._placeholder;
- this._label = data.label || this._label;
- this._country_code = data.defaultCountryCode || this._country_code;
- this._required =
- data.required === undefined ? this._required : data.required;
- }
-
- @Input()
- set placeholder(placeholder: string) {
- this._placeholder = placeholder;
- }
-
- @Input()
- set label(label: string) {
- this._label = label;
- }
-
- @Input()
- set required(required: boolean) {
- this._required = required;
- }
-
- @Input()
- set defaultCountryCode(defaultCountryCode: string) {
- this._country_code = defaultCountryCode;
- }
-
- @Output()
- phoneFieldChanged: EventEmitter
-
-
-
-
-
-
-
-
-
-`;
-
-@Component({
- selector: 'amplify-auth-require-new-password-core',
- template,
-})
-export class RequireNewPasswordComponentCore implements OnInit {
- _authState: AuthState;
- _show: boolean;
- password: string;
- errorMessage: string;
- protected logger: any;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.logger = this.amplifyService.logger('RequireNewPasswordComponent');
- }
-
- @Input()
- set authState(authState: AuthState) {
- this._authState = authState;
- this._show = authState.state === 'requireNewPassword';
- }
-
- @Input() hide: string[] = [];
-
- @Input()
- set data(data: any) {
- this._authState = data.authState;
- this._show = data.authState.state === 'requireNewPassword';
- this.hide = data.hide ? data.hide : this.hide;
- }
-
- ngOnInit() {
- if (!this.amplifyService.auth()) {
- throw new Error('Auth module not registered on AmplifyService provider');
- }
- }
-
- shouldHide(comp) {
- return this.hide.filter(item => item === comp).length > 0;
- }
-
- setPassword(password: string) {
- this.password = password;
- }
-
- onSubmit() {
- const { user } = this._authState;
- const { requiredAttributes } = user.challengeParam;
- this.amplifyService
- .auth()
- .completeNewPassword(user, this.password, requiredAttributes)
- .then(() => {
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signIn', user });
- })
- .catch(err => this._setError(err));
- }
-
- onSignIn() {
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signIn', user: null });
- }
-
- onAlertClose() {
- this._setError(null);
- }
-
- _setError(err) {
- if (!err) {
- this.errorMessage = null;
- return;
- }
-
- this.errorMessage = err.message || err;
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/require-new-password-component/require-new-password.component.ionic.ts b/packages/aws-amplify-angular/src/components/authenticator/require-new-password-component/require-new-password.component.ionic.ts
deleted file mode 100644
index 57f2c5e9a7b..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/require-new-password-component/require-new-password.component.ionic.ts
+++ /dev/null
@@ -1,87 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import { Component, Input, Inject } from '@angular/core';
-import { AmplifyService } from '../../../providers/amplify.service';
-import { AuthState } from '../../../providers/auth.state';
-import { RequireNewPasswordComponentCore } from './require-new-password.component.core';
-import { auth } from '../../../assets/data-test-attributes';
-
-const template = `
-
-
-
-
-
- {{ this.amplifyService.i18n().get('You are required to update your password') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ×
-
-
-
-`;
-
-@Component({
- selector: 'amplify-auth-require-new-password-ionic',
- template,
-})
-export class RequireNewPasswordComponentIonic extends RequireNewPasswordComponentCore {
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- super(amplifyService);
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/require-new-password-component/require-new-password.factory.ts b/packages/aws-amplify-angular/src/components/authenticator/require-new-password-component/require-new-password.factory.ts
deleted file mode 100644
index fb1cec7f7bb..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/require-new-password-component/require-new-password.factory.ts
+++ /dev/null
@@ -1,77 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
-} from '@angular/core';
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { RequireNewPasswordClass } from './require-new-password.class';
-import { RequireNewPasswordComponentIonic } from './require-new-password.component.ionic';
-import { RequireNewPasswordComponentCore } from './require-new-password.component.core';
-import { AuthState } from '../../../providers';
-
-@Component({
- selector: 'amplify-auth-require-new-password',
- template: `
-
-
-
-
- {{ this.amplifyService.i18n().get('Password') }}
-
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Reset your password') }}
-
-
-
-
- {{ this.amplifyService.i18n().get('Back to Sign In') }}
-
-
- Submit
-
-
-
-
-
-
- ×
-
-
-
- `,
-})
-export class RequireNewPasswordComponent implements OnInit, OnDestroy {
- @Input() framework: string;
- @Input() authState: AuthState;
- @Input() hide: string[] = [];
- @ViewChild(DynamicComponentDirective)
- componentHost: DynamicComponentDirective;
-
- constructor(private componentFactoryResolver: ComponentFactoryResolver) {}
-
- ngOnInit() {
- this.loadComponent();
- }
-
- ngOnDestroy() {}
-
- loadComponent() {
- const requireNewPasswordComponent =
- this.framework && this.framework.toLowerCase() === 'ionic'
- ? new ComponentMount(RequireNewPasswordComponentIonic, {
- authState: this.authState,
- hide: this.hide,
- })
- : new ComponentMount(RequireNewPasswordComponentCore, {
- authState: this.authState,
- hide: this.hide,
- });
-
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
- requireNewPasswordComponent.component
- );
-
- const viewContainerRef = this.componentHost.viewContainerRef;
- viewContainerRef.clear();
-
- const componentRef = viewContainerRef.createComponent(componentFactory);
- (
-
-`;
-
-@Component({
- selector: 'amplify-auth-sign-in-core',
- template,
-})
-export class SignInComponentCore implements OnInit {
- _authState: AuthState;
- _show: boolean;
- _usernameAttributes: string = 'username';
- username: string;
- password: string;
- errorMessage: string;
- local_phone_number: string = '';
- country_code: string = '1';
- email: string = '';
-
- signInUsername = '';
- protected logger: any;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.logger = this.amplifyService.logger('SignInComponent');
- this.onUsernameFieldChanged = this.onUsernameFieldChanged.bind(this);
- }
-
- @Input()
- set data(data: any) {
- this.hide = data.hide ? data.hide : this.hide;
- this._usernameAttributes = data.usernameAttributes;
- this._authState = data.authState;
- this._show = includes(
- ['signIn', 'signedOut', 'signedUp'],
- data.authState.state
- );
- }
-
- @Input() hide: string[] = [];
-
- @Input()
- set authState(authState: AuthState) {
- this._authState = authState;
- this._show = includes(['signIn', 'signedOut', 'signedUp'], authState.state);
- this.username = authState.user ? authState.user.username || '' : '';
- this.email = authState.user ? authState.user.email || '' : '';
- this.country_code =
- authState.user && authState.user.country_code
- ? authState.user.country_code
- : this.country_code;
- this.local_phone_number = authState.user
- ? authState.user.local_phone_number || ''
- : '';
- }
-
- @Input()
- set usernameAttributes(usernameAttributes: string) {
- this._usernameAttributes = usernameAttributes;
- }
-
- ngOnInit() {
- if (!this.amplifyService.auth()) {
- throw new Error('Auth module not registered on AmplifyService provider');
- }
- }
-
- shouldHide(comp) {
- return this.hide.filter(item => item === comp).length > 0;
- }
-
- setUsername(username: string) {
- this.username = username;
- }
-
- setPassword(password: string) {
- this.password = password;
- }
-
- onSignIn() {
- this.amplifyService
- .auth()
- .signIn(this.getSignInUsername(), this.password)
- .then(user => {
- if (
- user['challengeName'] === 'SMS_MFA' ||
- user['challengeName'] === 'SOFTWARE_TOKEN_MFA'
- ) {
- this.amplifyService.setAuthState({ state: 'confirmSignIn', user });
- } else if (user['challengeName'] === 'NEW_PASSWORD_REQUIRED') {
- this.amplifyService.setAuthState({
- state: 'requireNewPassword',
- user,
- });
- } else if (
- user['challengeName'] === 'CUSTOM_CHALLENGE' &&
- user.challengeParam &&
- user.challengeParam.trigger === 'true'
- ) {
- this.amplifyService.setAuthState({
- state: 'customConfirmSignIn',
- user,
- });
- }
- })
- .catch(err => {
- this._setError(err);
- });
- }
-
- onAlertClose() {
- this._setError(null);
- }
-
- getUserObj() {
- const user =
- this.username || this.email || this.local_phone_number
- ? {
- username: this.username,
- email: this.email,
- local_phone_number: this.local_phone_number,
- courtry_code: this.country_code,
- }
- : null;
-
- return user;
- }
-
- onForgotPassword() {
- const user = this.getUserObj();
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'forgotPassword', user });
- }
-
- onSignUp() {
- const user = this.getUserObj();
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signUp', user });
- }
-
- _setError(err) {
- if (!err) {
- this.errorMessage = null;
- return;
- }
- this.errorMessage = err.message || err;
- this.logger.error(this.errorMessage);
- }
-
- onUsernameFieldChanged(event: UsernameFieldOutput) {
- this.email = event.email || this.email;
- this.username = event.username || this.username;
- this.country_code = event.country_code || this.country_code;
- this.local_phone_number =
- event.local_phone_number || this.local_phone_number;
- }
-
- getSignInUsername() {
- switch (this._usernameAttributes) {
- case UsernameAttributes.EMAIL:
- return this.email;
- case UsernameAttributes.PHONE_NUMBER:
- return composePhoneNumber(this.country_code, this.local_phone_number);
- default:
- return this.username;
- }
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/sign-in-component/sign-in.component.factory.ts b/packages/aws-amplify-angular/src/components/authenticator/sign-in-component/sign-in.component.factory.ts
deleted file mode 100644
index 724d64f77f9..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/sign-in-component/sign-in.component.factory.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
-} from '@angular/core';
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { SignInClass } from './sign-in.class';
-import { SignInComponentIonic } from './sign-in.component.ionic';
-import { SignInComponentCore } from './sign-in.component.core';
-import { AuthState } from '../../../providers';
-
-@Component({
- selector: 'amplify-auth-sign-in',
- template: `
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Sign in to your account') }}
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Forgot Password?') }}
- {{ this.amplifyService.i18n().get('Reset password') }}
-
-
-
-
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('No account?') }}
-
- {{ this.amplifyService.i18n().get('Create account') }}
-
-
-
-
-
-
-
- ×
-
-
-
- `,
-})
-export class SignInComponent implements OnInit, OnDestroy {
- @Input() framework: string;
- @Input() authState: AuthState;
- @Input() usernameAttributes: string = 'username';
- @Input() hide: string[] = [];
- @ViewChild(DynamicComponentDirective)
- componentHost: DynamicComponentDirective;
-
- constructor(private componentFactoryResolver: ComponentFactoryResolver) {}
-
- ngOnInit() {
- this.loadComponent();
- }
-
- ngOnDestroy() {}
-
- loadComponent() {
- let authComponent =
- this.framework && this.framework === 'ionic'
- ? new ComponentMount(SignInComponentIonic, {
- authState: this.authState,
- hide: this.hide,
- usernameAttributes: this.usernameAttributes,
- })
- : new ComponentMount(SignInComponentCore, {
- authState: this.authState,
- hide: this.hide,
- usernameAttributes: this.usernameAttributes,
- });
-
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
- authComponent.component
- );
-
- const viewContainerRef = this.componentHost.viewContainerRef;
- viewContainerRef.clear();
-
- const componentRef = viewContainerRef.createComponent(componentFactory);
- (
-
-`;
-
-@Component({
- selector: 'amplify-auth-sign-in-ionic',
- template,
-})
-export class SignInComponentIonic extends SignInComponentCore {
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- super(amplifyService);
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/index.ts b/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/index.ts
deleted file mode 100644
index df10b1541d7..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-export { SignUpComponent } from './sign-up.factory';
-export { SignUpClass } from './sign-up.class';
-export { SignUpComponentCore } from './sign-up.component.core';
-export { SignUpComponentIonic } from './sign-up.component.ionic';
diff --git a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.class.ts b/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.class.ts
deleted file mode 100644
index f99ccf87a73..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.class.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-export class SignUpClass {
- data: any;
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.component.core.ts b/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.component.core.ts
deleted file mode 100644
index 63f5f37c69f..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.component.core.ts
+++ /dev/null
@@ -1,423 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import { Component, Input, OnInit, Inject } from '@angular/core';
-import defaultSignUpFieldAssets, {
- signUpWithEmailFields,
- signUpWithPhoneNumberFields,
-} from '../../../assets/default-sign-up-fields';
-import { UsernameAttributes, PhoneFieldOutput } from '../types';
-import { AmplifyService } from '../../../providers/amplify.service';
-import { AuthState } from '../../../providers/auth.state';
-import { labelMap, composePhoneNumber } from '../common';
-import { auth } from '../../../assets/data-test-attributes';
-
-const template = `
-
-
-
-
- {{ this.amplifyService.i18n().get('Password *') }}
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Sign in to your account') }}
-
-
-
-
- {{ this.amplifyService.i18n().get('Sign In') }}
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('No account?') }}
-
- {{ this.amplifyService.i18n().get('Create account') }}
-
-
-
-
-
-
-
-
- ×
-
-
-
-`;
-
-export class SignUpField {
- label: string;
- key: string;
- required?: boolean;
- type?: string;
- displayOrder?: number;
- invalid?: boolean;
- custom?: boolean;
- signUpWith?: boolean;
-}
-
-@Component({
- selector: 'amplify-auth-sign-up-core',
- template,
-})
-export class SignUpComponentCore implements OnInit {
- _authState: AuthState;
- _show: boolean;
- _signUpConfig: any;
- _usernameAttributes: string = 'username';
- user: any = {};
- local_phone_number: string = '';
- country_code: string = '1';
- header: string = 'Create a new account';
- defaultSignUpFields: SignUpField[] = defaultSignUpFieldAssets;
- signUpFields: SignUpField[] = this.defaultSignUpFields;
- errorMessage: string;
- hiddenFields: any = [];
- passwordPolicy: string;
- defaultCountryCode: string;
- protected logger: any;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.logger = this.amplifyService.logger('SignUpComponent');
- }
-
- @Input()
- set data(data: any) {
- this._authState = data.authState;
- this._show = data.authState.state === 'signUp';
- this._usernameAttributes = data.usernameAttributes;
- if (data.signUpConfig) {
- this._signUpConfig = data.signUpConfig;
- if (this._signUpConfig.defaultCountryCode) {
- this.country_code = this._signUpConfig.defaultCountryCode;
- }
- if (this._signUpConfig.signUpFields) {
- this.signUpFields = this._signUpConfig.signUpFields;
- }
- if (this._signUpConfig.header) {
- this.header = this._signUpConfig.header;
- }
- if (this._signUpConfig.hiddenDefaults) {
- this.hiddenFields = this._signUpConfig.hiddenDefaults;
- }
-
- if (this._usernameAttributes === UsernameAttributes.EMAIL) {
- this.signUpFields = signUpWithEmailFields;
- this.defaultSignUpFields = signUpWithEmailFields;
- } else if (this._usernameAttributes === UsernameAttributes.PHONE_NUMBER) {
- this.signUpFields = signUpWithPhoneNumberFields;
- this.defaultSignUpFields = signUpWithPhoneNumberFields;
- }
-
- if (this._signUpConfig.passwordPolicy) {
- this.passwordPolicy = this._signUpConfig.passwordPolicy;
- }
- }
- }
-
- @Input() hide: string[] = [];
-
- @Input()
- set usernameAttributes(usernameAttributes: string) {
- this._usernameAttributes = usernameAttributes;
- if (this._usernameAttributes === UsernameAttributes.EMAIL) {
- this.signUpFields = signUpWithEmailFields;
- this.defaultSignUpFields = signUpWithEmailFields;
- } else if (this._usernameAttributes === UsernameAttributes.PHONE_NUMBER) {
- this.signUpFields = signUpWithPhoneNumberFields;
- this.defaultSignUpFields = signUpWithPhoneNumberFields;
- }
- }
-
- @Input()
- set authState(authState: AuthState) {
- this._authState = authState;
- this._show = authState.state === 'signUp';
- }
-
- @Input()
- set signUpConfig(signUpConfig: any) {
- if (signUpConfig) {
- this._signUpConfig = signUpConfig;
- if (this._signUpConfig.defaultCountryCode) {
- this.country_code = this._signUpConfig.defaultCountryCode;
- }
- if (this._signUpConfig.signUpFields) {
- this.signUpFields = this._signUpConfig.signUpFields;
- }
- if (this._signUpConfig.header) {
- this.header = this._signUpConfig.header;
- }
- if (this._signUpConfig.hiddenDefaults) {
- this.hiddenFields = this._signUpConfig.hiddenDefaults;
- }
- if (this._signUpConfig.passwordPolicy) {
- this.passwordPolicy = this._signUpConfig.passwordPolicy;
- }
- }
- }
-
- ngOnInit() {
- if (!this.amplifyService.auth()) {
- this.logger.warn('Auth module not registered on AmplifyService provider');
- }
- this.sortFields();
- }
-
- shouldHide(comp) {
- return this.hide.filter(item => item === comp).length > 0;
- }
-
- onSignUp() {
- // validate required inputs
- const validation = this.validate();
- if (validation && validation.length > 0) {
- return this._setError(
- `The following fields need to be filled out: ${validation.join(', ')}`
- );
- }
-
- // create user attribute property
- this.user.attributes = {};
-
- // format phone number if it is a signUpField
- const phoneNumberRequested = this.signUpFields.find(el => {
- return el.key === 'phone_number';
- });
- if (phoneNumberRequested) {
- this.user.phone_number = composePhoneNumber(
- this.country_code,
- this.local_phone_number
- );
- }
-
- // create user key and value arrays
- const userKeys = Object.keys(this.user);
- const userValues = userKeys.map(key => this.user[key]);
-
- // format data for Cognito user pool
- userKeys.forEach((key, index) => {
- if (key !== 'username' && key !== 'password' && key !== 'attributes') {
- // needsPrefix determines if a custom attribute is indicated
- // and prepends 'custom:' to the key before sending to Cognito if needed
- const newKey = `${this.needPrefix(key) ? 'custom:' : ''}${key}`;
- this.user.attributes[newKey] = userValues[index];
- }
- });
-
- let labelCheck = false;
- this.signUpFields.forEach(field => {
- if (field.label === this.getUsernameLabel()) {
- this.amplifyService.logger(
- `Changing the username to the value of ${field.label}`,
- 'DEBUG'
- );
- this.user.username =
- this.user.attributes[field.key] || this.user.username;
- labelCheck = true;
- }
- });
- if (!labelCheck && !this.user.username) {
- // if the customer customized the username field in the sign up form
- // He needs to either set the key of that field to 'username'
- // Or make the label of the field the same as the 'usernameAttributes'
- throw new Error(
- `Couldn't find the label: ${this.getUsernameLabel()}, in sign up fields according to usernameAttributes!`
- );
- }
-
- this.amplifyService
- .auth()
- .signUp(this.user)
- .then(user => {
- const username = this.user.username;
- this.user = {};
- this.onAlertClose();
- this.amplifyService.setAuthState({
- state: 'confirmSignUp',
- user: { username: username },
- });
- })
- .catch(err => this._setError(err));
- }
-
- onSignIn() {
- this.onAlertClose();
- this.amplifyService.setAuthState({ state: 'signIn', user: null });
- }
-
- needPrefix(key) {
- const field = this.signUpFields.find(e => e.key === key);
- if (key.indexOf('custom:') !== 0) {
- return field.custom;
- } else if (key.indexOf('custom:') === 0 && field.custom === false) {
- this.logger.warn(
- 'Custom prefix prepended to key but custom field flag is set to false'
- );
- }
- return null;
- }
-
- onConfirmSignUp() {
- this.onAlertClose();
- this.amplifyService.setAuthState({
- state: 'confirmSignUp',
- user: { username: this.user.username },
- });
- }
-
- sortFields() {
- if (this.hiddenFields.length > 0) {
- this.defaultSignUpFields = this.defaultSignUpFields.filter(d => {
- return !this.hiddenFields.includes(d.key);
- });
- }
-
- if (
- this._signUpConfig &&
- this._signUpConfig.signUpFields &&
- this._signUpConfig.signUpFields.length > 0
- ) {
- if (!this._signUpConfig.hideAllDefaults) {
- // see if fields passed to component should override defaults
- this.defaultSignUpFields.forEach((f, i) => {
- const matchKey = this.signUpFields.findIndex(d => {
- return d.key === f.key;
- });
- if (matchKey === -1) {
- this.signUpFields.push(f);
- }
- });
- }
-
- /*
- sort fields based on following rules:
- 1. Fields with displayOrder are sorted before those without displayOrder
- 2. Fields with conflicting displayOrder are sorted alphabetically by key
- 3. Fields without displayOrder are sorted alphabetically by key
- */
- this.signUpFields.sort((a, b) => {
- if (a.displayOrder && b.displayOrder) {
- if (a.displayOrder < b.displayOrder) {
- return -1;
- } else if (a.displayOrder > b.displayOrder) {
- return 1;
- } else {
- if (a.key < b.key) {
- return -1;
- } else {
- return 1;
- }
- }
- } else if (!a.displayOrder && b.displayOrder) {
- return 1;
- } else if (a.displayOrder && !b.displayOrder) {
- return -1;
- } else if (!a.displayOrder && !b.displayOrder) {
- if (a.key < b.key) {
- return -1;
- } else {
- return 1;
- }
- }
- });
- this.signUpFields = this.removeHiddenFields();
- }
- }
-
- onAlertClose() {
- this._setError(null);
- }
-
- removeHiddenFields() {
- return this.signUpFields.filter(f => {
- return !f.displayOrder || f.displayOrder !== -1;
- });
- }
-
- validate() {
- const invalids = [];
- this.signUpFields.map(el => {
- if (el.key !== 'phone_number') {
- if (el.required && !this.user[el.key]) {
- el.invalid = true;
- invalids.push(this.amplifyService.i18n().get(el.label));
- } else {
- el.invalid = false;
- }
- } else {
- if (el.required && (!this.country_code || !this.local_phone_number)) {
- el.invalid = true;
- invalids.push(this.amplifyService.i18n().get(el.label));
- } else {
- el.invalid = false;
- }
- }
- });
- return invalids;
- }
-
- _setError(err) {
- if (!err) {
- this.errorMessage = null;
- return;
- }
-
- this.errorMessage = err.message || err;
- }
-
- getUsernameLabel() {
- return (
- labelMap[this._usernameAttributes as string] || this._usernameAttributes
- );
- }
-
- onPhoneFieldChanged(event: PhoneFieldOutput) {
- this.country_code = event.country_code;
- this.local_phone_number = event.local_phone_number;
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.component.ionic.ts b/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.component.ionic.ts
deleted file mode 100644
index c9523e7c660..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.component.ionic.ts
+++ /dev/null
@@ -1,113 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import { Component, Input, Inject } from '@angular/core';
-import { AmplifyService } from '../../../providers/amplify.service';
-import { AuthState } from '../../../providers/auth.state';
-import { SignUpComponentCore } from './sign-up.component.core';
-import { countrylist, country } from '../../../assets/countries';
-import { auth } from '../../../assets/data-test-attributes';
-
-const template = `
-
-
-
-
- {{ this.amplifyService.i18n().get(this.header) }}
-
-
-
-
-
-
-
- {{passwordPolicy}}
-
-
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get('Have an account?') }}
-
- {{ this.amplifyService.i18n().get('Sign in') }}
-
-
-
-
-
-
-
-
-
-
- ×
-
-
-
-`;
-
-@Component({
- selector: 'amplify-auth-sign-up-ionic',
- template,
-})
-export class SignUpComponentIonic extends SignUpComponentCore {
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- super(amplifyService);
- }
-
- setProp(target) {
- return (this.user[target.name] = target.value);
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.factory.ts b/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.factory.ts
deleted file mode 100644
index 6e7b6b335aa..00000000000
--- a/packages/aws-amplify-angular/src/components/authenticator/sign-up-component/sign-up.factory.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
-} from '@angular/core';
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { SignUpClass } from './sign-up.class';
-import { SignUpComponentIonic } from './sign-up.component.ionic';
-import { SignUpComponentCore } from './sign-up.component.core';
-import { AuthState } from '../../../providers';
-
-@Component({
- selector: 'amplify-auth-sign-up',
- template: `
-
-
-
-
- {{ this.amplifyService.i18n().get(field.label) }}
- *
-
-
-
-
-
-
-
- {{ this.amplifyService.i18n().get(this.header) }}
-
-
-
- {{ this.amplifyService.i18n().get('Create Account') }}
-
-
-
-
- {{ this.amplifyService.i18n().get('Have an account?') }}
-
- {{ this.amplifyService.i18n().get('Sign In') }}
-
-
-
- {{ this.amplifyService.i18n().get('Have a code?') }}
-
- {{ this.amplifyService.i18n().get('Confirm') }}
-
-
-
-
-
-
-
- ×
-
-
-
- `,
-})
-export class SignUpComponent implements OnInit, OnDestroy {
- @Input() framework: string;
- @Input() authState: AuthState;
- @Input() signUpConfig: any;
- @Input() usernameAttributes: string = 'username';
- @Input() hide: string[] = [];
- @ViewChild(DynamicComponentDirective)
- componentHost: DynamicComponentDirective;
-
- constructor(private componentFactoryResolver: ComponentFactoryResolver) {}
-
- ngOnInit() {
- this.loadComponent();
- }
-
- ngOnDestroy() {}
-
- loadComponent() {
- const authComponent =
- this.framework && this.framework.toLowerCase() === 'ionic'
- ? new ComponentMount(SignUpComponentIonic, {
- authState: this.authState,
- signUpConfig: this.signUpConfig,
- usernameAttributes: this.usernameAttributes,
- hide: this.hide,
- })
- : new ComponentMount(SignUpComponentCore, {
- authState: this.authState,
- signUpConfig: this.signUpConfig,
- usernameAttributes: this.usernameAttributes,
- hide: this.hide,
- });
-
- const componentFactory = this.componentFactoryResolver.resolveComponentFactory(
- authComponent.component
- );
-
- const viewContainerRef = this.componentHost.viewContainerRef;
- viewContainerRef.clear();
-
- const componentRef = viewContainerRef.createComponent(componentFactory);
- (
-
-`;
-
-@Component({
- selector: 'amplify-auth-username-field-core',
- template,
-})
-export class UsernameFieldComponentCore implements OnInit {
- _usernameAttributes: string = UsernameAttributes.USERNAME;
- _placeholder: string = '';
- username: string;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.onPhoneFieldChanged = this.onPhoneFieldChanged.bind(this);
- }
-
- @Input()
- set data(data: any) {
- this._usernameAttributes = data.usernameAttributes;
- this._placeholder = data.placeholder;
- }
-
- @Input()
- set usernameAttributes(usernameAttributes: string) {
- this._usernameAttributes = usernameAttributes;
- }
-
- @Input()
- set placeholder(placeholder: string) {
- this._placeholder = placeholder;
- }
-
- @Output()
- usernameFieldChanged: EventEmitter
-
-
-
-
-
-
-
-
-
-
-
-`;
-
-@Component({
- selector: 'amplify-form',
- template: template,
-})
-export class FormComponent {
- @Input()
- set title(title: string) {
- this.title = title;
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/component.mount.ts b/packages/aws-amplify-angular/src/components/component.mount.ts
deleted file mode 100644
index 5c876b6c300..00000000000
--- a/packages/aws-amplify-angular/src/components/component.mount.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import { Type } from '@angular/core';
-
-export class ComponentMount {
- constructor(public component: Type
-
- {{ title }}
-
-
-
-
-
-`;
-declare var LexAudio: any;
-
-const STATES = {
- INITIAL: { MESSAGE: 'Type your message or click 🎤', ICON: '🎤' },
- LISTENING: { MESSAGE: 'Listening... click 🔴 again to cancel', ICON: '🔴' },
- SENDING: { MESSAGE: 'Please wait...', ICON: '🔊' },
- SPEAKING: { MESSAGE: 'Speaking...', ICON: '...' },
-};
-
-const defaultVoiceConfig = {
- silenceDetectionConfig: {
- time: 2000,
- amplitude: 0.2,
- },
-};
-
-@Component({
- selector: 'amplify-interactions-core',
- template,
-})
-export class ChatbotComponentCore implements OnInit {
- errorMessage: string;
- inputText: string = '';
- botName: string;
- chatTitle: string;
- clearComplete: boolean = false;
- messages: any = [];
- completions: any = {};
- currentVoiceState: string = STATES.INITIAL.MESSAGE;
- inputDisabled: boolean = false;
- micText: string = STATES.INITIAL.ICON;
- voiceConfig: any = defaultVoiceConfig;
- continueConversation: boolean = false;
- micButtonDisabled: boolean = false;
- audioInput: any;
- lexResponse: any;
- conversationModeOn: boolean = false;
- ref: ChangeDetectorRef;
- voiceEnabled: boolean = false;
- textEnabled: boolean = true;
- audioControl: any;
- protected logger;
-
- @Output()
- complete: EventEmitter
-
-
-
-
-
-
-
-
-
- {{message.me}}
-
- {{message.bot}}
-
-
-
-
-
-
-
-
-
-
-`;
-
-@Component({
- selector: 'amplify-interactions-ionic',
- template,
-})
-export class ChatbotComponentIonic extends ChatbotComponentCore {
- inputValue;
-
- constructor(
- ref: ChangeDetectorRef,
- @Inject(AmplifyService)
- public amplifyService: AmplifyService
- ) {
- super(ref, amplifyService);
- }
-}
diff --git a/packages/aws-amplify-angular/src/components/interactions/chatbot/chatbot.factory.ts b/packages/aws-amplify-angular/src/components/interactions/chatbot/chatbot.factory.ts
deleted file mode 100644
index 57bd9229de1..00000000000
--- a/packages/aws-amplify-angular/src/components/interactions/chatbot/chatbot.factory.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-// tslint:disable
-/*
- * Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
- * the License. A copy of the License is located at
- *
- * http://aws.amazon.com/apache2.0/
- *
- * or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
- * CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
- * and limitations under the License.
- */
-// tslint:enable
-
-import {
- Component,
- Input,
- OnInit,
- ViewChild,
- ComponentFactoryResolver,
- OnDestroy,
- Output,
- EventEmitter,
-} from '@angular/core';
-import { DynamicComponentDirective } from '../../../directives/dynamic.component.directive';
-import { ComponentMount } from '../../component.mount';
-import { ChatBotClass } from './chatbot.class';
-import { ChatbotComponentIonic } from './chatbot.component.ionic';
-import { ChatbotComponentCore } from './chatbot.component.core';
-
-@Component({
- selector: 'amplify-interactions',
- template: `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{message.me}}
-
-
-
-
-
-
- {{message.bot}}
-
-
-
-
-
-
-
-
-
-
-
- {{chatTitle}}
-
-
-
-
-
-
-
-
-
-
- {{micText}}
-
-
- Send
-
-
-
-
- `,
-})
-export class ChatBotComponent implements OnInit, OnDestroy {
- @Input() framework: string;
- @Input() bot: string;
- @Input() title: string;
- @Input() clearComplete: boolean;
- @Input() conversationModeOn: boolean;
- @Input() voiceConfig: any;
- @Input() voiceEnabled: boolean;
- @Input() textEnabled: boolean;
- @Output()
- complete: EventEmitter
-
-`;
-
-@Component({
- selector: 'amplify-photo-picker-core',
- template,
-})
-export class PhotoPickerComponentCore implements OnInit {
- photoUrl: string;
- hasPhoto: boolean = false;
- uploading: boolean = false;
- s3ImageFile: any = null;
- s3ImagePath: string = '';
- _storageOptions: any = {};
- errorMessage: string;
- protected logger: any;
-
- constructor(@Inject(AmplifyService) public amplifyService: AmplifyService) {
- this.logger = this.amplifyService.logger('PhotoPickerComponent');
- }
-
- @Input()
- set url(url: string) {
- this.photoUrl = url;
- this.hasPhoto = true;
- }
-
- @Input()
- set storageOptions(storageOptions: any) {
- this._storageOptions = Object.assign(this._storageOptions, storageOptions);
- }
-
- @Input()
- set path(path: string) {
- this.s3ImagePath = path;
- }
-
- @Input()
- set data(data: any) {
- this.photoUrl = data.url;
- this.s3ImagePath = data.path;
- this._storageOptions = Object.assign(
- this._storageOptions,
- data.storageOptions
- );
- this.hasPhoto = true;
- }
-
- @Output()
- picked: EventEmitter
-
-Select Photos
-
-
- 
-
-
-
-
-
-
-
-
-
-
- ×
-
-