@aws-amplify/ui-svelte 0.0.0-next-9a4f1cf-20220113211745 → 0.0.0-next-1e584a1-20251021081955

package/dist/components/Authenticator.svelte

@@ -1,50 +0,0 @@
-<script >import { onDestroy } from 'svelte';
-import { setupMachine, route, toSignIn } from './authStore';
-import AmplifyTabs from './primitives/AmplifyTabs.svelte';
-import AmplifyTabItem from './primitives/AmplifyTabItem.svelte';
-import ConfirmSignUp from './ConfirmSignUp.svelte';
-export let initialState = undefined;
-export let loginMechanisms = undefined;
-export let services = undefined;
-export let signUpAttributes = undefined;
-export let socialProviders = undefined;
-const _subscription = setupMachine(initialState, loginMechanisms, services, signUpAttributes, socialProviders);
-onDestroy(() => {
-    if (_subscription)
-        _subscription.unsubscribe();
-});
-</script>
-
-{#if $route !== 'authenticated'}
-  <div data-amplify-authenticator>
-    <div data-amplify-container>
-      <!--Slot header goes here-->
-      <div data-amplify-router>
-        {#if $route === 'signIn' || $route === 'signUp'}
-          <AmplifyTabs let:tabs>
-            {#each tabs as tab}
-              <AmplifyTabItem
-                active={tab.active}
-                id={tab.id}
-                labelledById={tab.labelledById}
-                tabIndex={tab.tabIndex}
-              >
-                <svelte:component this={tab.component} />
-              </AmplifyTabItem>
-            {/each}
-          </AmplifyTabs>
-        {/if}
-        {#if $route === 'resetPassword'}
-          <p>reset password</p>
-          <button on:click={toSignIn}>To Sign In</button>
-        {/if}
-        {#if $route === 'confirmSignUp'}
-          <ConfirmSignUp />
-        {/if}
-      </div>
-    </div>
-  </div>
-{/if}
-{#if $route === 'authenticated'}
-  <slot />
-{/if}

package/dist/components/Authenticator.svelte.d.ts

@@ -1,22 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        initialState?: any;
-        loginMechanisms?: any;
-        services?: any;
-        signUpAttributes?: any;
-        socialProviders?: any;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type AuthenticatorProps = typeof __propDef.props;
-export declare type AuthenticatorEvents = typeof __propDef.events;
-export declare type AuthenticatorSlots = typeof __propDef.slots;
-export default class Authenticator extends SvelteComponentTyped<AuthenticatorProps, AuthenticatorEvents, AuthenticatorSlots> {
-}
-export {};

package/dist/components/ConfirmSignUp.svelte

@@ -1,87 +0,0 @@
-<script >import { codeDeliveryDetails, updateForm, submitForm, resendCode, error, isPending, } from './authStore';
-import { translate } from '@aws-amplify/ui';
-import AmplifyFormField from './primitives/AmplifyFormField.svelte';
-import AmplifyButton from './primitives/AmplifyButton.svelte';
-import AmplifyError from './primitives/AmplifyError.svelte';
-// translated texts
-const resendCodeText = translate('Resend Code');
-const confirmText = translate('Confirm');
-let confirmSignUpHeading = '';
-let subtitleText = '';
-$: {
-    const { DeliveryMedium = {} } = $codeDeliveryDetails;
-    confirmSignUpHeading =
-        DeliveryMedium === 'EMAIL'
-            ? translate('We Emailed You')
-            : DeliveryMedium === 'SMS'
-                ? translate('We Texted You')
-                : translate('We Sent A Code');
-}
-$: {
-    const { DeliveryMedium, Destination } = $codeDeliveryDetails;
-    subtitleText =
-        DeliveryMedium === 'EMAIL'
-            ? `Your code is on the way. To log in, enter the code we emailed to ${Destination}. It may take a minute to arrive.`
-            : DeliveryMedium === 'SMS'
-                ? `Your code is on the way. To log in, enter the code we texted to ${Destination}. It may take a minute to arrive.`
-                : translate(`Your code is on the way. To log in, enter the code we sent you. It may take a minute to arrive.`);
-}
-function onInput(event) {
-    event.preventDefault();
-    const { name, value } = event.target;
-    updateForm({ name, value });
-}
-function onSubmit(event) {
-    event.preventDefault();
-    submitForm();
-}
-</script>
-
-<div data-amplify-container>
-  <form
-    data-amplify-form
-    on:submit|preventDefault={onSubmit}
-    on:input={onInput}
-  >
-    <fieldset
-      class="amplify-flex"
-      style="flex-direction: column"
-      data-amplify-fieldset
-      disabled={$isPending}
-    >
-      <h3 class="amplify-heading" style="font-size: 1.5rem">
-        {confirmSignUpHeading}
-      </h3>
-      <span style="margin-bottom: 1rem">
-        {subtitleText}
-      </span>
-      <AmplifyFormField
-        name="confirmation_code"
-        type="text"
-        autocomplete="one-time-code"
-      />
-
-      {#if $error}
-        <AmplifyError>
-          {$error}
-        </AmplifyError>
-      {/if}
-
-      <AmplifyButton
-        amplify-AmplifyButton
-        variation="primary"
-        fullWidth="true"
-        type="submit"
-      >
-        {confirmText}
-      </AmplifyButton>
-      <AmplifyButton
-        amplify-button
-        fontWeight="normal"
-        on:click={() => resendCode()}
-      >
-        {resendCodeText}
-      </AmplifyButton>
-    </fieldset>
-  </form>
-</div>

package/dist/components/ConfirmSignUp.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type ConfirmSignUpProps = typeof __propDef.props;
-export declare type ConfirmSignUpEvents = typeof __propDef.events;
-export declare type ConfirmSignUpSlots = typeof __propDef.slots;
-export default class ConfirmSignUp extends SvelteComponentTyped<ConfirmSignUpProps, ConfirmSignUpEvents, ConfirmSignUpSlots> {
-}
-export {};

package/dist/components/FederatedSignIn.svelte.d.ts

@@ -1,19 +0,0 @@
-/** @typedef {typeof __propDef.props}  FederatedSignInProps */
-/** @typedef {typeof __propDef.events}  FederatedSignInEvents */
-/** @typedef {typeof __propDef.slots}  FederatedSignInSlots */
-export default class FederatedSignIn extends SvelteComponentTyped<{}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type FederatedSignInProps = typeof __propDef.props;
-export type FederatedSignInEvents = typeof __propDef.events;
-export type FederatedSignInSlots = typeof __propDef.slots;
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/SignIn.svelte

@@ -1,69 +0,0 @@
-<script >import AmplifyFormField from './primitives/AmplifyFormField.svelte';
-import AmplifyError from './primitives/AmplifyError.svelte';
-import UserNameAlias from './UserNameAlias.svelte';
-import AmplifyButton from './primitives/AmplifyButton.svelte';
-import { translate } from '@aws-amplify/ui';
-import { updateForm, submitForm, isPending, error, toResetPassword, } from './authStore';
-const forgotPasswordText = translate('Forgot your password? ');
-const signInButtonText = translate('Sign in');
-const signingButtonText = translate('Signing in');
-function onInput(event) {
-    event.preventDefault();
-    const { name, value } = event.target;
-    updateForm({ name, value });
-}
-function onSubmit(event) {
-    event.preventDefault();
-    submitForm();
-}
-</script>
-
-<div data-amplify-container>
-  <form
-    data-amplify-form
-    on:submit|preventDefault={onSubmit}
-    on:input={onInput}
-  >
-    <fieldset
-      class="amplify-flex"
-      style="flex-direction: column"
-      data-amplify-fieldset
-      disabled={$isPending}
-    >
-      <UserNameAlias />
-      <AmplifyFormField
-        data-amplify-password
-        name="password"
-        type="password"
-        autocomplete="current-password"
-      />
-      <AmplifyButton
-        disabled={$isPending}
-        variation="primary"
-        fullWidth="true"
-        type="submit"
-      >
-        {$isPending ? signingButtonText : signInButtonText}
-      </AmplifyButton>
-
-      {#if $error}
-        <AmplifyError>
-          {$error}
-        </AmplifyError>
-      {/if}
-    </fieldset>
-  </form>
-
-  <div data-amplify-footer>
-    <AmplifyButton
-      amplify-button
-      fontWeight="normal"
-      data-size="small"
-      variation="link"
-      fullWidth="true"
-      on:click={toResetPassword}
-    >
-      {forgotPasswordText}
-    </AmplifyButton>
-  </div>
-</div>

package/dist/components/SignIn.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type SignInProps = typeof __propDef.props;
-export declare type SignInEvents = typeof __propDef.events;
-export declare type SignInSlots = typeof __propDef.slots;
-export default class SignIn extends SvelteComponentTyped<SignInProps, SignInEvents, SignInSlots> {
-}
-export {};

package/dist/components/SignUp.svelte

@@ -1,45 +0,0 @@
-<script >import { updateForm, submitForm, error, isPending, hasValidationErrors, } from './authStore';
-import AmplifyError from './primitives/AmplifyError.svelte';
-import AmplifyButton from './primitives/AmplifyButton.svelte';
-import AmplifySignUpFormFields from './AmplifySignUpFormFields.svelte';
-import { translate } from '@aws-amplify/ui';
-const createAccountText = translate('Create Account');
-function onInput(event) {
-    let { checked, name, type, value } = event.target;
-    if (type === 'checkbox' && !checked)
-        value = undefined;
-    updateForm({ name, value });
-}
-function onSubmit(event) {
-    submitForm();
-}
-</script>
-
-<form data-amplify-form on:submit|preventDefault={onSubmit} on:input={onInput}>
-  <div class="amplify-flex" style="flex-direction: column">
-    <div class="amplify-flex" style="flex-direction: column">
-      <fieldset
-        class="amplify-flex"
-        style="flex-direction: column"
-        disabled={$isPending}
-      >
-        <AmplifySignUpFormFields />
-      </fieldset>
-      {#if $error}
-        <AmplifyError>
-          {$error}
-        </AmplifyError>
-      {/if}
-    </div>
-
-    <AmplifyButton
-      disabled={$isPending || $hasValidationErrors}
-      amplify-button
-      variation="primary"
-      fullWidth="true"
-      type="submit"
-    >
-      {createAccountText}
-    </AmplifyButton>
-  </div>
-</form>

package/dist/components/SignUp.svelte.d.ts

@@ -1,14 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type SignUpProps = typeof __propDef.props;
-export declare type SignUpEvents = typeof __propDef.events;
-export declare type SignUpSlots = typeof __propDef.slots;
-export default class SignUp extends SvelteComponentTyped<SignUpProps, SignUpEvents, SignUpSlots> {
-}
-export {};

package/dist/components/UserNameAlias.svelte

@@ -1,29 +0,0 @@
-<script >import AmplifyFormField from './primitives/AmplifyFormField.svelte';
-import { onMount } from 'svelte';
-import { authState } from './authStore';
-import { getAliasInfoFromContext } from '@aws-amplify/ui';
-export let name = 'username';
-export let disabled = false;
-export let initialValue = '';
-export let required = true;
-let label;
-let type;
-let error;
-let placeholder;
-onMount(() => {
-    const { label, type } = getAliasInfoFromContext($authState.context);
-    placeholder = label;
-});
-</script>
-
-<AmplifyFormField
-  data-amplify-usernamealias
-  {name}
-  {label}
-  {type}
-  {placeholder}
-  {initialValue}
-  {disabled}
-  {required}
-  autocomplete="username"
-/>

package/dist/components/UserNameAlias.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        name?: string;
-        disabled?: boolean;
-        initialValue?: string;
-        required?: boolean;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export declare type UserNameAliasProps = typeof __propDef.props;
-export declare type UserNameAliasEvents = typeof __propDef.events;
-export declare type UserNameAliasSlots = typeof __propDef.slots;
-export default class UserNameAlias extends SvelteComponentTyped<UserNameAliasProps, UserNameAliasEvents, UserNameAliasSlots> {
-}
-export {};

package/dist/components/authStore.d.ts

@@ -1,20 +0,0 @@
-export declare const error: import("svelte/store").Writable<any>;
-export declare const route: import("svelte/store").Writable<any>;
-export declare const isPending: import("svelte/store").Writable<any>;
-export declare const hasValidationErrors: import("svelte/store").Writable<any>;
-export declare const user: import("svelte/store").Writable<any>;
-export declare const validationErrors: import("svelte/store").Writable<any>;
-export declare const codeDeliveryDetails: import("svelte/store").Writable<any>;
-/** @deprecated For internal use only */
-export declare const authState: import("svelte/store").Writable<any>;
-export declare function setupMachine(initialState: any, loginMechanisms: any, services: any, signUpAttributes: any, socialProviders: any): import("xstate").Subscription;
-export declare function updateForm(...args: any[]): void;
-export declare function updateBlur(...args: any[]): void;
-export declare function resendCode(...args: any[]): void;
-export declare function signOut(...args: any[]): void;
-export declare function submitForm(...args: any[]): void;
-export declare function toFederatedSignIn(...args: any[]): void;
-export declare function toResetPassword(...args: any[]): void;
-export declare function toSignIn(...args: any[]): void;
-export declare function toSignUp(...args: any[]): void;
-export declare function skipVerification(...args: any[]): void;

package/dist/components/authStore.js

@@ -1,101 +0,0 @@
-import { createAuthenticatorMachine, getSendEventAliases, translate, getServiceContextFacade, } from '@aws-amplify/ui';
-import { interpret } from 'xstate';
-import { writable, get } from 'svelte/store';
-let _facade = writable(null);
-export const error = writable(null);
-export const route = writable(null);
-export const isPending = writable(null);
-export const hasValidationErrors = writable(null);
-export const user = writable(null);
-export const validationErrors = writable(null);
-export const codeDeliveryDetails = writable(null);
-const _sendEventAliases = writable(null);
-const contextFacade = getServiceContextFacade;
-/** @deprecated For internal use only */
-export const authState = writable(null);
-export function setupMachine(initialState, loginMechanisms, services, signUpAttributes, socialProviders) {
-    const machine = createAuthenticatorMachine({
-        initialState,
-        loginMechanisms,
-        services,
-        signUpAttributes,
-        socialProviders,
-    });
-    const authService = interpret(machine, {
-        devTools: process.env.NODE_ENV === 'development',
-    }).start();
-    const subscription = authService.subscribe((state) => {
-        authState.update(() => state);
-        _facade.update(() => contextFacade(state));
-        setError();
-        setRoute();
-        setHasValidationErrors();
-        setCodeDeliveryDetails();
-        setIsPending();
-        setUser();
-        setValidationErrors();
-    });
-    _sendEventAliases.set(getSendEventAliases(authService.send));
-    const _authService = authService;
-    return subscription;
-}
-/**
- * Context facades
- */
-function setError() {
-    error.set(translate(get(_facade).error));
-}
-function setRoute() {
-    route.set(get(_facade).route);
-}
-function setHasValidationErrors() {
-    hasValidationErrors.set(get(_facade).hasValidationErrors);
-}
-function setIsPending() {
-    isPending.set(get(_facade).isPending);
-}
-function setUser() {
-    user.set(get(_facade).user);
-}
-function setValidationErrors() {
-    validationErrors.set(get(_facade).validationErrors);
-}
-function setCodeDeliveryDetails() {
-    codeDeliveryDetails.set(get(_facade).codeDeliveryDetails);
-}
-// /**
-//  * Service facades
-//  */
-export function updateForm(...args) {
-    return get(_sendEventAliases).updateForm(...args);
-}
-export function updateBlur(...args) {
-    return get(_sendEventAliases).updateBlur(...args);
-}
-export function resendCode(...args) {
-    return get(_sendEventAliases).resendCode(...args);
-}
-export function signOut(...args) {
-    return get(_sendEventAliases).signOut(...args);
-}
-export function submitForm(...args) {
-    return get(_sendEventAliases).submitForm(...args);
-}
-// /**
-//  * Transition facades
-//  */
-export function toFederatedSignIn(...args) {
-    return get(_sendEventAliases).toFederatedSignIn(...args);
-}
-export function toResetPassword(...args) {
-    return get(_sendEventAliases).toResetPassword(...args);
-}
-export function toSignIn(...args) {
-    return get(_sendEventAliases).toSignIn(...args);
-}
-export function toSignUp(...args) {
-    return get(_sendEventAliases).toSignUp(...args);
-}
-export function skipVerification(...args) {
-    return get(_sendEventAliases).skipVerification(...args);
-}

package/dist/components/primitives/AmplifyButton.svelte

@@ -1,23 +0,0 @@
-<script >import { createEventDispatcher } from 'svelte';
-export let type = 'button';
-export let fullWidth = false;
-export let size = 'medium';
-export let variation = 'default';
-export let fontWeight = 'normal';
-const dispatch = createEventDispatcher();
-</script>
-
-<button
-  {...$$restProps}
-  on:click={() => dispatch('click')}
-  class={`amplify-button ${$$props.class ?? ''}`}
-  {type}
-  style="font-weight: {fontWeight} "
-  data-fullwidth={fullWidth}
-  data-size={size}
-  data-fontWeight={fontWeight}
-  data-variation={variation}
-  data-amplify-button=""
->
-  <slot />
-</button>

package/dist/components/primitives/AmplifyButton.svelte.d.ts

@@ -1,25 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: any;
-        type?: 'submit' | 'button';
-        fullWidth?: boolean | string;
-        size?: 'small' | 'medium' | 'large';
-        variation?: 'primary' | 'default' | 'link';
-        fontWeight?: 'normal' | 'bold' | 'lighter';
-    };
-    events: {
-        click: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type AmplifyButtonProps = typeof __propDef.props;
-export declare type AmplifyButtonEvents = typeof __propDef.events;
-export declare type AmplifyButtonSlots = typeof __propDef.slots;
-export default class AmplifyButton extends SvelteComponentTyped<AmplifyButtonProps, AmplifyButtonEvents, AmplifyButtonSlots> {
-}
-export {};

package/dist/components/primitives/AmplifyError.svelte

@@ -1,46 +0,0 @@
-<script >import AmplifyButton from './AmplifyButton.svelte';
-let isVisible = true;
-function close() {
-    isVisible = false;
-}
-</script>
-
-{#if isVisible}
-	<div
-		class="amplify-flex amplify-alert"
-		data-variation="error"
-		style="align-items: center; justify-content: space-between"
-		role="alert"
-	>
-		<div class="amplify-flex" style="align-items: center">
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="amplify-icon"
-				viewBox="0 0 24 24"
-				fill="currentColor"
-			>
-				<path
-					d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
-				/>
-			</svg>
-			<div><slot /></div>
-		</div>
-		<AmplifyButton
-			class="amplify-field-group__control"
-			variation="link"
-			fullWidth={false}
-			on:click={close}
-		>
-			<svg
-				xmlns="http://www.w3.org/2000/svg"
-				class="amplify-icon"
-				viewBox="0 0 24 24"
-				fill="currentColor"
-			>
-				<path
-					d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
-				/>
-			</svg>
-		</AmplifyButton>
-	</div>
-{/if}

package/dist/components/primitives/AmplifyError.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {};
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export declare type AmplifyErrorProps = typeof __propDef.props;
-export declare type AmplifyErrorEvents = typeof __propDef.events;
-export declare type AmplifyErrorSlots = typeof __propDef.slots;
-export default class AmplifyError extends SvelteComponentTyped<AmplifyErrorProps, AmplifyErrorEvents, AmplifyErrorSlots> {
-}
-export {};