@wix/headless-forms 0.0.24 → 0.0.25

package/cjs/dist/react/Form.js

@@ -553,10 +553,10 @@ exports.Fields = react_1.default.forwardRef((props, ref) => {
     const handleFormValidate = (0, react_1.useCallback)((errors) => {
         setFormErrors(errors);
     }, []);
-    return ((0, jsx_runtime_1.jsx)(Form_js_1.Fields, { children: ({ form, formValues, submitForm, handleForm, addressTemplates }) => {
+    return ((0, jsx_runtime_1.jsx)(Form_js_1.Fields, { children: ({ form, formValues, submitForm, handleForm, addressTemplates, siteConfig, }) => {
             if (!form)
                 return null;
-            return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, jsx_runtime_1.jsx)(form_public_1.FormProvider, { currency: 'USD', locale: currentLanguage, regionalFormat: currentLocale, addressTemplates: addressTemplates, children: (0, jsx_runtime_1.jsx)(form_public_1.UniqueFieldSuffixContextProvider, { parentId: form._id ?? '', children: (0, jsx_runtime_1.jsx)(FieldsWithForm, { form: form, values: formValues, onChange: handleForm, errors: formErrors, onValidate: handleFormValidate, fields: props.fieldMap, submitForm: submitForm, rowGapClassname: props.rowGapClassname, columnGapClassname: props.columnGapClassname, formRef: formRef }) }) }) }));
+            return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: (0, jsx_runtime_1.jsx)(form_public_1.FormProvider, { currency: siteConfig?.currency ?? utils_1.DEFAULT_CURRENCY, locale: currentLanguage, regionalFormat: currentLocale, addressTemplates: addressTemplates, children: (0, jsx_runtime_1.jsx)(form_public_1.UniqueFieldSuffixContextProvider, { parentId: form._id ?? '', children: (0, jsx_runtime_1.jsx)(FieldsWithForm, { form: form, values: formValues, onChange: handleForm, errors: formErrors, onValidate: handleFormValidate, fields: props.fieldMap, submitForm: submitForm, rowGapClassname: props.rowGapClassname, columnGapClassname: props.columnGapClassname, formRef: formRef }) }) }) }));
         } }));
 });
 const FieldsWithForm = ({ form, submitForm, values, onChange, errors, onValidate, fields: fieldMap, rowGapClassname, columnGapClassname, formRef, }) => {

package/cjs/dist/react/core/Form.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { forms } from '@wix/forms';
+import { SiteConfig } from '../../services/utils';
 import { FormServiceConfig } from '../../services/form-service.js';
 import { FormValues } from '../types.js';
 /**
@@ -260,6 +261,7 @@ export interface FieldsRenderProps {
     submitForm: () => Promise<void>;
     handleForm: (formValues: FormValues) => Promise<void>;
     addressTemplates: any[];
+    siteConfig?: SiteConfig;
 }
 /**
  * Props for Fields headless component

package/cjs/dist/react/core/Form.js

@@ -268,16 +268,18 @@ function Submitted(props) {
  * ```
  */
 function Fields(props) {
-    const { formSignal, submitForm, handleForm, formValuesSignal, addressTemplatesSignal, } = (0, services_manager_react_1.useService)(form_service_js_1.FormServiceDefinition);
+    const { formSignal, submitForm, handleForm, formValuesSignal, addressTemplatesSignal, siteConfigSignal, } = (0, services_manager_react_1.useService)(form_service_js_1.FormServiceDefinition);
     const form = formSignal.get();
     const formValues = formValuesSignal.get();
     const addressTemplates = addressTemplatesSignal.get();
+    const siteConfig = siteConfigSignal.get();
     return props.children({
         form,
         formValues,
         submitForm,
         handleForm,
         addressTemplates,
+        siteConfig,
     });
 }
 /**

package/cjs/dist/services/form-service.d.ts

@@ -1,6 +1,7 @@
 import { forms } from '@wix/forms';
 import { type ReadOnlySignal } from '@wix/services-definitions/core-services/signals';
 import { FormValues } from '../react/types.js';
+import { type SiteConfig } from './utils';
 /**
  * Response type for form submission operations.
  * Represents the different states a form submission can be in.
@@ -28,6 +29,8 @@ export interface FormServiceAPI {
     formSignal: ReadOnlySignal<forms.Form | null>;
     /** Reactive signal containing the address templates */
     addressTemplatesSignal: ReadOnlySignal<any[]>;
+    /** Reactive signal containing the site configuration */
+    siteConfigSignal: ReadOnlySignal<SiteConfig | undefined>;
     /** Reactive signal indicating if a form is currently being loaded */
     isLoadingSignal: ReadOnlySignal<boolean>;
     /** Reactive signal containing any error message, or null if no error */
@@ -72,6 +75,7 @@ export type FormServiceConfig = {
     form: forms.Form;
     onSubmit?: OnSubmit;
     addressTemplates?: any[];
+    siteConfig?: SiteConfig;
 };
 /**
  * Implementation of the Form service that manages reactive form data and submissions.

package/cjs/dist/services/form-service.js

@@ -5,7 +5,7 @@ exports.loadFormServiceConfig = loadFormServiceConfig;
 const forms_1 = require("@wix/forms");
 const services_definitions_1 = require("@wix/services-definitions");
 const signals_1 = require("@wix/services-definitions/core-services/signals");
-const address_forms_js_1 = require("./utils/address-forms.js");
+const utils_1 = require("./utils");
 const auto_sdk_forms_forms_1 = require("@wix/auto_sdk_forms_forms");
 /**
  * Service definition for the Form service.
@@ -50,10 +50,15 @@ exports.FormService = services_definitions_1.implementService.withConfig()(expor
     const formSignal = signalsService.signal(hasSchema ? config.form : null);
     const hasAddressTemplates = 'addressTemplates' in config;
     const addressTemplatesSignal = signalsService.signal(hasAddressTemplates ? config.addressTemplates : null);
+    const hasSiteConfig = 'siteConfig' in config;
+    const siteConfigSignal = signalsService.signal(hasSiteConfig ? config.siteConfig : undefined);
     const formValuesSignal = signalsService.signal({});
     if (!hasSchema) {
         loadForm(config.formId, config.namespace, config.additionalMetadata);
     }
+    if (!hasSiteConfig) {
+        loadSiteConfig();
+    }
     async function loadForm(id, namespace, additionalMetadata) {
         let form;
         isLoadingSignal.set(true);
@@ -72,18 +77,18 @@ exports.FormService = services_definitions_1.implementService.withConfig()(expor
             isLoadingSignal.set(false);
             throw err;
         }
-        if (!hasAddressTemplates && (0, address_forms_js_1.hasMultilineAddressField)(form)) {
+        if (!hasAddressTemplates && (0, utils_1.hasMultilineAddressField)(form)) {
             loadAddressTemplates();
         }
         isLoadingSignal.set(false);
     }
     async function loadAddressTemplates() {
         const form = formSignal.get();
-        if (!form || !(0, address_forms_js_1.hasMultilineAddressField)(form)) {
+        if (!form || !(0, utils_1.hasMultilineAddressField)(form)) {
             return;
         }
         try {
-            const addressTemplates = await (0, address_forms_js_1.fetchAddressForms)();
+            const addressTemplates = await (0, utils_1.fetchAddressForms)();
             if (addressTemplates) {
                 addressTemplatesSignal.set(addressTemplates);
             }
@@ -97,6 +102,15 @@ exports.FormService = services_definitions_1.implementService.withConfig()(expor
             throw err;
         }
     }
+    async function loadSiteConfig() {
+        const siteConfig = await (0, utils_1.fetchSiteConfig)();
+        if (siteConfig) {
+            siteConfigSignal.set(siteConfig);
+        }
+        else {
+            errorSignal.set('Site config not found');
+        }
+    }
     async function defaultSubmitHandler(formId, formValues) {
         try {
             await forms_1.submissions.createSubmission({
@@ -147,6 +161,7 @@ exports.FormService = services_definitions_1.implementService.withConfig()(expor
         submitResponseSignal,
         formValuesSignal,
         addressTemplatesSignal,
+        siteConfigSignal,
         submitForm,
         handleForm,
     };
@@ -190,8 +205,9 @@ async function fetchForm({ id, namespace = 'wix.form_app.form', additionalMetada
 async function loadFormServiceConfig(formId, namespace, additionalMetadata) {
     const form = await fetchForm({ id: formId, namespace, additionalMetadata });
     let addressTemplates;
-    if ((0, address_forms_js_1.hasMultilineAddressField)(form)) {
-        addressTemplates = await (0, address_forms_js_1.fetchAddressForms)();
+    if ((0, utils_1.hasMultilineAddressField)(form)) {
+        addressTemplates = await (0, utils_1.fetchAddressForms)();
     }
-    return { form, addressTemplates };
+    const siteConfig = await (0, utils_1.fetchSiteConfig)();
+    return { form, addressTemplates, siteConfig };
 }

package/cjs/dist/services/utils/fetch-site-config.d.ts

@@ -0,0 +1,19 @@
+export declare const DEFAULT_LOCALE: {
+    country: string;
+    lang: string;
+};
+export declare const DEFAULT_CURRENCY: {
+    sign: string;
+    code: string;
+};
+export interface SiteConfig {
+    locale: {
+        country: string;
+        languageCode: string;
+    };
+    currency: {
+        sign: string;
+        code: string;
+    };
+}
+export declare function fetchSiteConfig(): Promise<SiteConfig>;

package/cjs/dist/services/utils/fetch-site-config.js

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_CURRENCY = exports.DEFAULT_LOCALE = void 0;
+exports.fetchSiteConfig = fetchSiteConfig;
+const locale_dataset_javascript_1 = __importDefault(require("@wix/locale-dataset-javascript"));
+const essentials_1 = require("@wix/essentials");
+exports.DEFAULT_LOCALE = { country: 'US', lang: 'en' };
+exports.DEFAULT_CURRENCY = { sign: '$', code: 'USD' };
+async function fetchSiteConfig() {
+    let siteProperties;
+    const url = `https://www.wixapis.com/forms/v4/standalone-forms/site-properties`;
+    try {
+        const response = await essentials_1.httpClient.fetchWithAuth(url);
+        if (response.ok) {
+            const data = await response.json();
+            siteProperties = data.siteProperties;
+        }
+    }
+    catch (error) {
+        console.error('Failed to fetch fetchSiteConfig:', error);
+    }
+    const country = siteProperties?.localeCountry ?? exports.DEFAULT_LOCALE.country;
+    const languageCode = siteProperties?.localeLanguageCode ?? exports.DEFAULT_LOCALE.lang;
+    const currency = locale_dataset_javascript_1.default.getCurrencyByKey(siteProperties?.paymentCurrency ?? exports.DEFAULT_CURRENCY.code);
+    return {
+        locale: {
+            country,
+            languageCode,
+        },
+        currency: {
+            sign: currency.symbol,
+            code: currency.key,
+        },
+    };
+}

package/cjs/dist/services/utils/index.d.ts

@@ -1,2 +1,3 @@
 export { getUploadUrl, uploadFile } from './file-upload-utils';
 export { hasMultilineAddressField, fetchAddressForms } from './address-forms';
+export { fetchSiteConfig, DEFAULT_CURRENCY, DEFAULT_LOCALE, type SiteConfig, } from './fetch-site-config';

package/cjs/dist/services/utils/index.js

@@ -1,9 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchAddressForms = exports.hasMultilineAddressField = exports.uploadFile = exports.getUploadUrl = void 0;
+exports.DEFAULT_LOCALE = exports.DEFAULT_CURRENCY = exports.fetchSiteConfig = exports.fetchAddressForms = exports.hasMultilineAddressField = exports.uploadFile = exports.getUploadUrl = void 0;
 var file_upload_utils_1 = require("./file-upload-utils");
 Object.defineProperty(exports, "getUploadUrl", { enumerable: true, get: function () { return file_upload_utils_1.getUploadUrl; } });
 Object.defineProperty(exports, "uploadFile", { enumerable: true, get: function () { return file_upload_utils_1.uploadFile; } });
 var address_forms_1 = require("./address-forms");
 Object.defineProperty(exports, "hasMultilineAddressField", { enumerable: true, get: function () { return address_forms_1.hasMultilineAddressField; } });
 Object.defineProperty(exports, "fetchAddressForms", { enumerable: true, get: function () { return address_forms_1.fetchAddressForms; } });
+var fetch_site_config_1 = require("./fetch-site-config");
+Object.defineProperty(exports, "fetchSiteConfig", { enumerable: true, get: function () { return fetch_site_config_1.fetchSiteConfig; } });
+Object.defineProperty(exports, "DEFAULT_CURRENCY", { enumerable: true, get: function () { return fetch_site_config_1.DEFAULT_CURRENCY; } });
+Object.defineProperty(exports, "DEFAULT_LOCALE", { enumerable: true, get: function () { return fetch_site_config_1.DEFAULT_LOCALE; } });

package/dist/react/Form.js

@@ -6,7 +6,7 @@ import { i18n } from '@wix/essentials';
 import { Root as CoreRoot, Loading as CoreLoading, LoadingError as CoreLoadingError, Error as CoreError, Submitted as CoreSubmitted, Fields as CoreFields, Field as CoreField, useFormRef, } from './core/Form.js';
 import { FieldContext, useFieldContext, } from './context/FieldContext.js';
 import { FieldLayoutProvider, useFieldLayout, } from './context/FieldLayoutContext.js';
-import { getUploadUrl, uploadFile } from '../services/utils';
+import { getUploadUrl, uploadFile, DEFAULT_CURRENCY } from '../services/utils';
 var TestIds;
 (function (TestIds) {
     TestIds["formRoot"] = "form-root";
@@ -517,10 +517,10 @@ export const Fields = React.forwardRef((props, ref) => {
     const handleFormValidate = useCallback((errors) => {
         setFormErrors(errors);
     }, []);
-    return (_jsx(CoreFields, { children: ({ form, formValues, submitForm, handleForm, addressTemplates }) => {
+    return (_jsx(CoreFields, { children: ({ form, formValues, submitForm, handleForm, addressTemplates, siteConfig, }) => {
             if (!form)
                 return null;
-            return (_jsx("div", { ref: ref, children: _jsx(FormProvider, { currency: 'USD', locale: currentLanguage, regionalFormat: currentLocale, addressTemplates: addressTemplates, children: _jsx(UniqueFieldSuffixContextProvider, { parentId: form._id ?? '', children: _jsx(FieldsWithForm, { form: form, values: formValues, onChange: handleForm, errors: formErrors, onValidate: handleFormValidate, fields: props.fieldMap, submitForm: submitForm, rowGapClassname: props.rowGapClassname, columnGapClassname: props.columnGapClassname, formRef: formRef }) }) }) }));
+            return (_jsx("div", { ref: ref, children: _jsx(FormProvider, { currency: siteConfig?.currency ?? DEFAULT_CURRENCY, locale: currentLanguage, regionalFormat: currentLocale, addressTemplates: addressTemplates, children: _jsx(UniqueFieldSuffixContextProvider, { parentId: form._id ?? '', children: _jsx(FieldsWithForm, { form: form, values: formValues, onChange: handleForm, errors: formErrors, onValidate: handleFormValidate, fields: props.fieldMap, submitForm: submitForm, rowGapClassname: props.rowGapClassname, columnGapClassname: props.columnGapClassname, formRef: formRef }) }) }) }));
         } }));
 });
 const FieldsWithForm = ({ form, submitForm, values, onChange, errors, onValidate, fields: fieldMap, rowGapClassname, columnGapClassname, formRef, }) => {

package/dist/react/core/Form.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { forms } from '@wix/forms';
+import { SiteConfig } from '../../services/utils';
 import { FormServiceConfig } from '../../services/form-service.js';
 import { FormValues } from '../types.js';
 /**
@@ -260,6 +261,7 @@ export interface FieldsRenderProps {
     submitForm: () => Promise<void>;
     handleForm: (formValues: FormValues) => Promise<void>;
     addressTemplates: any[];
+    siteConfig?: SiteConfig;
 }
 /**
  * Props for Fields headless component

package/dist/react/core/Form.js

@@ -255,16 +255,18 @@ export function Submitted(props) {
  * ```
  */
 export function Fields(props) {
-    const { formSignal, submitForm, handleForm, formValuesSignal, addressTemplatesSignal, } = useService(FormServiceDefinition);
+    const { formSignal, submitForm, handleForm, formValuesSignal, addressTemplatesSignal, siteConfigSignal, } = useService(FormServiceDefinition);
     const form = formSignal.get();
     const formValues = formValuesSignal.get();
     const addressTemplates = addressTemplatesSignal.get();
+    const siteConfig = siteConfigSignal.get();
     return props.children({
         form,
         formValues,
         submitForm,
         handleForm,
         addressTemplates,
+        siteConfig,
     });
 }
 /**

package/dist/services/form-service.d.ts

@@ -1,6 +1,7 @@
 import { forms } from '@wix/forms';
 import { type ReadOnlySignal } from '@wix/services-definitions/core-services/signals';
 import { FormValues } from '../react/types.js';
+import { type SiteConfig } from './utils';
 /**
  * Response type for form submission operations.
  * Represents the different states a form submission can be in.
@@ -28,6 +29,8 @@ export interface FormServiceAPI {
     formSignal: ReadOnlySignal<forms.Form | null>;
     /** Reactive signal containing the address templates */
     addressTemplatesSignal: ReadOnlySignal<any[]>;
+    /** Reactive signal containing the site configuration */
+    siteConfigSignal: ReadOnlySignal<SiteConfig | undefined>;
     /** Reactive signal indicating if a form is currently being loaded */
     isLoadingSignal: ReadOnlySignal<boolean>;
     /** Reactive signal containing any error message, or null if no error */
@@ -72,6 +75,7 @@ export type FormServiceConfig = {
     form: forms.Form;
     onSubmit?: OnSubmit;
     addressTemplates?: any[];
+    siteConfig?: SiteConfig;
 };
 /**
  * Implementation of the Form service that manages reactive form data and submissions.

package/dist/services/form-service.js

@@ -1,7 +1,7 @@
 import { forms, submissions } from '@wix/forms';
 import { defineService, implementService } from '@wix/services-definitions';
 import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
-import { fetchAddressForms, hasMultilineAddressField, } from './utils/address-forms.js';
+import { fetchAddressForms, hasMultilineAddressField, fetchSiteConfig, } from './utils';
 import { Fieldset } from '@wix/auto_sdk_forms_forms';
 /**
  * Service definition for the Form service.
@@ -46,10 +46,15 @@ export const FormService = implementService.withConfig()(FormServiceDefinition,
     const formSignal = signalsService.signal(hasSchema ? config.form : null);
     const hasAddressTemplates = 'addressTemplates' in config;
     const addressTemplatesSignal = signalsService.signal(hasAddressTemplates ? config.addressTemplates : null);
+    const hasSiteConfig = 'siteConfig' in config;
+    const siteConfigSignal = signalsService.signal(hasSiteConfig ? config.siteConfig : undefined);
     const formValuesSignal = signalsService.signal({});
     if (!hasSchema) {
         loadForm(config.formId, config.namespace, config.additionalMetadata);
     }
+    if (!hasSiteConfig) {
+        loadSiteConfig();
+    }
     async function loadForm(id, namespace, additionalMetadata) {
         let form;
         isLoadingSignal.set(true);
@@ -93,6 +98,15 @@ export const FormService = implementService.withConfig()(FormServiceDefinition,
             throw err;
         }
     }
+    async function loadSiteConfig() {
+        const siteConfig = await fetchSiteConfig();
+        if (siteConfig) {
+            siteConfigSignal.set(siteConfig);
+        }
+        else {
+            errorSignal.set('Site config not found');
+        }
+    }
     async function defaultSubmitHandler(formId, formValues) {
         try {
             await submissions.createSubmission({
@@ -143,6 +157,7 @@ export const FormService = implementService.withConfig()(FormServiceDefinition,
         submitResponseSignal,
         formValuesSignal,
         addressTemplatesSignal,
+        siteConfigSignal,
         submitForm,
         handleForm,
     };
@@ -189,5 +204,6 @@ export async function loadFormServiceConfig(formId, namespace, additionalMetadat
     if (hasMultilineAddressField(form)) {
         addressTemplates = await fetchAddressForms();
     }
-    return { form, addressTemplates };
+    const siteConfig = await fetchSiteConfig();
+    return { form, addressTemplates, siteConfig };
 }

package/dist/services/utils/fetch-site-config.d.ts

@@ -0,0 +1,19 @@
+export declare const DEFAULT_LOCALE: {
+    country: string;
+    lang: string;
+};
+export declare const DEFAULT_CURRENCY: {
+    sign: string;
+    code: string;
+};
+export interface SiteConfig {
+    locale: {
+        country: string;
+        languageCode: string;
+    };
+    currency: {
+        sign: string;
+        code: string;
+    };
+}
+export declare function fetchSiteConfig(): Promise<SiteConfig>;

package/dist/services/utils/fetch-site-config.js

@@ -0,0 +1,31 @@
+import localeDataset from '@wix/locale-dataset-javascript';
+import { httpClient } from '@wix/essentials';
+export const DEFAULT_LOCALE = { country: 'US', lang: 'en' };
+export const DEFAULT_CURRENCY = { sign: '$', code: 'USD' };
+export async function fetchSiteConfig() {
+    let siteProperties;
+    const url = `https://www.wixapis.com/forms/v4/standalone-forms/site-properties`;
+    try {
+        const response = await httpClient.fetchWithAuth(url);
+        if (response.ok) {
+            const data = await response.json();
+            siteProperties = data.siteProperties;
+        }
+    }
+    catch (error) {
+        console.error('Failed to fetch fetchSiteConfig:', error);
+    }
+    const country = siteProperties?.localeCountry ?? DEFAULT_LOCALE.country;
+    const languageCode = siteProperties?.localeLanguageCode ?? DEFAULT_LOCALE.lang;
+    const currency = localeDataset.getCurrencyByKey(siteProperties?.paymentCurrency ?? DEFAULT_CURRENCY.code);
+    return {
+        locale: {
+            country,
+            languageCode,
+        },
+        currency: {
+            sign: currency.symbol,
+            code: currency.key,
+        },
+    };
+}

package/dist/services/utils/index.d.ts

@@ -1,2 +1,3 @@
 export { getUploadUrl, uploadFile } from './file-upload-utils';
 export { hasMultilineAddressField, fetchAddressForms } from './address-forms';
+export { fetchSiteConfig, DEFAULT_CURRENCY, DEFAULT_LOCALE, type SiteConfig, } from './fetch-site-config';

package/dist/services/utils/index.js

@@ -1,2 +1,3 @@
 export { getUploadUrl, uploadFile } from './file-upload-utils';
 export { hasMultilineAddressField, fetchAddressForms } from './address-forms';
+export { fetchSiteConfig, DEFAULT_CURRENCY, DEFAULT_LOCALE, } from './fetch-site-config';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-forms",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -45,6 +45,7 @@
     "@wix/form-public": "^0.104.0",
     "@wix/forms": "^1.0.373",
     "@wix/headless-utils": "0.0.8",
+    "@wix/locale-dataset-javascript": "^2.3.0",
     "@wix/services-definitions": "^1.0.1",
     "@wix/services-manager-react": "^1.0.2",
     "react-aria-components": "^1.13.0"
@@ -59,5 +60,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "fead86d3ff98842c2da21cc072017c506652c5426a7a5450b9c9f5db"
+  "falconPackageHash": "63674d55284599c781e53c0c2c1b10129d1d759d3def8c059d30cd5e"
 }