@functionalcms/svelte-components 5.24.6 → 5.24.8

package/dist/components/form/form.d.ts

@@ -128,4 +128,5 @@ export type ButtonConfig = {
     class?: string;
     action?: (event: Event) => Promise<void>;
 };
+export declare function convertResponseToFieldsFromFormData(fields: Array<Field>, formData: FormData): any;
 export declare function convertResponseToFields(fields: Array<Field>, request: Request): Promise<any>;

package/dist/components/form/form.js

@@ -124,8 +124,7 @@ export function createEditorField(id, label, type, value) {
         typeOfField: type,
     };
 }
-export async function convertResponseToFields(fields, request) {
-    const formData = await request.formData();
+export function convertResponseToFieldsFromFormData(fields, formData) {
     let result = {};
     for (const field of fields) {
         const value = formData.get(field.id);
@@ -133,3 +132,7 @@ export async function convertResponseToFields(fields, request) {
     }
     return result;
 }
+export async function convertResponseToFields(fields, request) {
+    const formData = await request.formData();
+    return convertResponseToFieldsFromFormData(fields, formData);
+}

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export { default as Well } from './components/presentation/Well.svelte';
 export { default as FlexBox } from './components/presentation/FlexBox.svelte';
 export { default as StyleBox } from './components/presentation/StyleBox.svelte';
 export { default as ImageCompare } from './components/presentation/ImageCompare.svelte';
-export { InputType, type Field, type InputField, type TextareaField, type CollectionField, type SelectField, type FilePickerField, type TimePickerField, type PhoneInputField, type DatePickerField, type DropzoneField, type HiddenField, type ButtonConfig, type MarkdownEditorField, type HtmlEditorField, SubmitResult, createInputField, createTextareaField, createFilePickerField, createCollectionField, createSelectField, createTimePickerField, createPhoneInputField, createHiddenField, createDatePickerField, createEditorField, convertResponseToFields, } from './components/form/form.js';
+export { InputType, type Field, type InputField, type TextareaField, type CollectionField, type SelectField, type FilePickerField, type TimePickerField, type PhoneInputField, type DatePickerField, type DropzoneField, type HiddenField, type ButtonConfig, type MarkdownEditorField, type HtmlEditorField, SubmitResult, createInputField, createTextareaField, createFilePickerField, createCollectionField, createSelectField, createTimePickerField, createPhoneInputField, createHiddenField, createDatePickerField, createEditorField, convertResponseToFields, convertResponseToFieldsFromFormData, } from './components/form/form.js';
 export { default as AntiBot } from './components/form/AntiBot.svelte';
 export { default as SmartForm } from './components/form/SmartForm.svelte';
 export { default as EasyTools } from './components/integrations/EasyTools.svelte';

package/dist/index.js

@@ -10,7 +10,7 @@ export { default as Well } from './components/presentation/Well.svelte';
 export { default as FlexBox } from './components/presentation/FlexBox.svelte';
 export { default as StyleBox } from './components/presentation/StyleBox.svelte';
 export { default as ImageCompare } from './components/presentation/ImageCompare.svelte';
-export { InputType, SubmitResult, createInputField, createTextareaField, createFilePickerField, createCollectionField, createSelectField, createTimePickerField, createPhoneInputField, createHiddenField, createDatePickerField, createEditorField, convertResponseToFields, } from './components/form/form.js';
+export { InputType, SubmitResult, createInputField, createTextareaField, createFilePickerField, createCollectionField, createSelectField, createTimePickerField, createPhoneInputField, createHiddenField, createDatePickerField, createEditorField, convertResponseToFields, convertResponseToFieldsFromFormData, } from './components/form/form.js';
 export { default as AntiBot } from './components/form/AntiBot.svelte';
 export { default as SmartForm } from './components/form/SmartForm.svelte';
 export { default as EasyTools } from './components/integrations/EasyTools.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "5.24.6",
+	"version": "5.24.8",
 	"license": "MIT",
 	"watch": {
 		"build": {

package/src/pages/auth/setup/[email]/+page.server.ts

@@ -1,6 +1,6 @@
 import { DOMAIN } from '$env/static/private';
 import { getUsersService } from '@functionalcms/svelte-components/index-server.js';
-import { convertResponseToFields } from '@functionalcms/svelte-components';
+import { convertResponseToFieldsFromFormData } from '@functionalcms/svelte-components';
 import { fields } from './fields';
 import * as m from "$lib/paraglide/messages.js";
 
@@ -11,11 +11,25 @@ export async function load({ params, locals, url }) {
   return { username, code: code, success: false };
 }
 
+function convertResponseToFieldsFromFormData(fields: Array<Field>, formData: FormData) {
+  let result: any = {};
+
+  for (const field of fields) {
+    const value = formData.get(field.id);
+    result[field.id] = value;
+  }
+
+  return result;
+}
+
 export const actions = {
   setup: async ({ request, locals, params, url }) => {
     const userService = getUsersService(locals);
 
-    const data = await convertResponseToFields(fields(""), request);
+    const formData = await request.formData();
+    const code = formData.get("code")
+
+    const data = convertResponseToFieldsFromFormData(fields(code), formData);
 
     if (data.password != data.confirm) {
       return {
@@ -26,6 +40,6 @@ export const actions = {
 
     const result = await userService.setup(DOMAIN, params.email, data.code, data.password);
 
-    return { success: true };
+    return { code: data.code,success: true };
   },
 };

package/src/pages/auth/setup/[email]/+page.svelte

@@ -13,27 +13,6 @@
     }
 
     let { data, form = {} } = $props();
-
-    let submitError = $state(false);
-
-    let isProcesing = $state(false);
-    let resultMessage = $state('');
-
-    async function resetPassword() {
-      isProcesing = true;
-      submitError = false;
-
-      const response = await fetch('?/setup', {
-        method: 'POST',
-        body: ''
-      });
-
-      const result = deserialize(await response.text());
-
-      resultMessage = result.type === 'success' ? m.auth_setup_success() : m.auth_setup_failure();
-
-      isProcesing = false;
-    }
   </script>
 
   <article class="w-full">
@@ -57,12 +36,8 @@
             }
           ]}
         />
-        {#if resultMessage != ''}
-          <p>{resultMessage}</p>
-        {/if}
-
-        {#if submitError}
-          <p class="text-red-600">{m.auth_setup_error()}</p>
+        {#if form?.success}
+          <p>{m.auth_setup_success()}</p>
         {/if}
       {/if}
     </main>