fix: module import/export

frontend/elements/src/contexts/AppProvider.tsx

@@ -196,9 +196,7 @@ const AppProvider = ({
 
   useMemo(
     () =>
-      hanko.onBeforeStateChange((detail) => {
-        const { state } = detail;
-
+      hanko.onBeforeStateChange(({ state }) => {
         if (!isOwnFlow(state)) {
           return;
         }
@@ -210,9 +208,7 @@ const AppProvider = ({
 
   useEffect(
     () =>
-      hanko.onAfterStateChange(async (detail) => {
-        const { state } = detail;
-
+      hanko.onAfterStateChange(async ({ state }) => {
         if (!isOwnFlow(state)) {
           return;
         }

frontend/elements/src/contexts/FlowState.tsx

@@ -1,5 +1,4 @@
-import { State } from "@teamhanko/hanko-frontend-sdk/dist/lib/flow-api/State";
-import { StateName } from "@teamhanko/hanko-frontend-sdk/dist/lib/flow-api/types/state-handling";
+import { State, StateName } from "@teamhanko/hanko-frontend-sdk";
 import { useEffect, useState } from "preact/compat";
 
 export const useFlowState = <T extends StateName>(

frontend/elements/src/contexts/UseFlowEffects.ts

@@ -11,25 +11,25 @@ export const useFlowEffects = (
 
   useEffect(
     () =>
-      hanko.onBeforeStateChange((detail) => {
-        if (!flowAction || !isOwnFlow(detail.state)) {
+      hanko.onBeforeStateChange(({ state }) => {
+        if (!flowAction || !isOwnFlow(state)) {
           return;
         }
 
         setUIState((prev) => ({ ...prev, isDisabled: true, error: undefined }));
-        setIsLoading(detail.state.invokedActionID == flowAction.id);
+        setIsLoading(state.invokedActionID == flowAction.id);
       }),
     [flowAction, hanko, isOwnFlow, setIsLoading, setUIState],
   );
 
   useEffect(
     () =>
-      hanko.onAfterStateChange((detail) => {
-        if (!flowAction || !isOwnFlow(detail.state)) {
+      hanko.onAfterStateChange(({ state }) => {
+        if (!flowAction || !isOwnFlow(state)) {
           return;
         }
 
-        setIsSuccess(detail.state.previousActionID == flowAction.id);
+        setIsSuccess(state.previousActionID == flowAction.id);
         setIsLoading(false);
       }),
     [hanko, setIsSuccess, setIsLoading, flowAction, isOwnFlow],

frontend/frontend-sdk/src/index.ts

@@ -152,17 +152,10 @@ import { CookieSameSite } from "./lib/Cookie";
 export type { CookieSameSite };
 
 // Flow
-export * from "./lib/flow-api/State";
-
-// import { Options, State, Action } from "./lib/flow-api/State";
-// export type { Options };
-// export { State, Action };
-
 export * from "./lib/flow-api/State";
 export * from "./lib/flow-api/types/flow";
 export * from "./lib/flow-api/types/error";
 export * from "./lib/flow-api/types/payload";
+export * from "./lib/flow-api/types/state";
+export * from "lib/flow-api/types/input";
 
-import { LoginMethod, MFAMethod, LastLogin } from "./lib/flow-api/types/payload";
-export type { LoginMethod, MFAMethod, LastLogin };
-// export * from "lib/flow-api/types/input";