@aws-amplify/ui-svelte 0.0.0-next-b4d0af6-20220107001542 → 0.0.0-next-23d2233-20251017111356

package/dist/stores/authenticator.svelte.d.ts

@@ -0,0 +1,18 @@
+import { type AuthMachineState, type AuthStatus } from '@aws-amplify/ui';
+import { type Writable } from 'svelte/store';
+import { type UseAuthenticator } from '../types';
+export declare const useAuth: () => {
+    state: Writable<AuthMachineState>;
+    send: (event: import("xstate").SCXML.Event<import("@aws-amplify/ui").AuthEvent> | import("xstate").SingleOrArray<import("xstate").Event<import("@aws-amplify/ui").AuthEvent>>, payload?: import("xstate").EventData) => import("xstate").State<import("@aws-amplify/ui").AuthContext, import("@aws-amplify/ui").AuthEvent, any, {
+        value: any;
+        context: import("@aws-amplify/ui").AuthContext;
+    }, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("@aws-amplify/ui").AuthEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+    service: import("xstate").Interpreter<import("@aws-amplify/ui").AuthContext, any, import("@aws-amplify/ui").AuthEvent, {
+        value: any;
+        context: import("@aws-amplify/ui").AuthContext;
+    }, import("xstate").ResolveTypegenMeta<import("xstate").TypegenDisabled, import("@aws-amplify/ui").AuthEvent, import("xstate").BaseActionObject, import("xstate").ServiceMap>>;
+    authStatus: Writable<AuthStatus>;
+};
+export declare const useAuthenticator: () => {
+    authenticator: UseAuthenticator;
+};

package/dist/stores/authenticator.svelte.js

@@ -0,0 +1,88 @@
+import { createAuthenticatorMachine, defaultAuthHubHandler, getActorContext, getServiceFacade, listenToAuthHub, } from '@aws-amplify/ui';
+import { onDestroy } from 'svelte';
+import { get, writable } from 'svelte/store';
+import { interpret } from 'xstate';
+import { getCurrentUser } from 'aws-amplify/auth';
+const shared = (fn) => {
+    let result;
+    let ran = false;
+    return ((...args) => {
+        if (!ran) {
+            ran = true;
+            result = fn(...args);
+        }
+        return result;
+    });
+};
+const useServiceRef = (logic) => {
+    const service = interpret(logic).start();
+    return service;
+};
+const useService = (logic) => {
+    const serviceRef = useServiceRef(logic);
+    const serviceState = writable(serviceRef.getSnapshot());
+    const subscription = serviceRef.subscribe((newState) => {
+        serviceState.set(newState);
+    });
+    onDestroy(() => subscription.unsubscribe());
+    return {
+        state: serviceState,
+        send: serviceRef.send,
+        service: serviceRef,
+    };
+};
+export const useAuth = shared(() => {
+    const machine = createAuthenticatorMachine();
+    const { send, service, state } = useService(machine);
+    const authStatus = writable('configuring');
+    getCurrentUser()
+        .then(() => {
+        authStatus.set('authenticated');
+    })
+        .catch(() => {
+        authStatus.set('unauthenticated');
+    });
+    onDestroy(listenToAuthHub(service, (data, service) => defaultAuthHubHandler(data, service, {
+        onSignIn: () => {
+            authStatus.set('authenticated');
+        },
+        onSignOut: () => {
+            authStatus.set('unauthenticated');
+        },
+    })));
+    return {
+        state,
+        send,
+        service,
+        authStatus,
+    };
+});
+export const useAuthenticator = shared(() => {
+    const { state, authStatus, send } = useAuth();
+    const getResult = () => {
+        const stateValue = get(state);
+        const authStatusValue = get(authStatus);
+        const facade = getServiceFacade({ send, state: stateValue });
+        return {
+            ...facade,
+            authStatus: authStatusValue,
+            QRFields: facade.route === 'setupTotp'
+                ? {
+                    ...getActorContext(stateValue)?.formFields?.setupTotp?.QR,
+                }
+                : null,
+        };
+    };
+    let result = $state(getResult());
+    state.subscribe(() => {
+        result = getResult();
+    });
+    authStatus.subscribe(() => {
+        result = getResult();
+    });
+    return {
+        get authenticator() {
+            return result;
+        },
+    };
+});

package/dist/styles/authenticator.css

@@ -0,0 +1,13 @@
+html {
+  font-family: var(--amplify-fonts-default-static);
+}
+
+@supports (font-variation-settings: normal) {
+  html {
+    font-family: var(--amplify-fonts-default-variable);
+  }
+}
+
+[data-amplify-spacer] {
+  flex: 1;
+}

package/dist/styles/index.js

@@ -0,0 +1,3 @@
+"use strict";
+// This file is intentionally empty
+// CSS imports are handled directly in Svelte components