adp-web-components 0.1.84 → 0.1.86

package/dist/cjs/functions-D5J5cdK2.js

@@ -0,0 +1,298 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+'use strict';
+
+var getLanguageFromUrl = require('./get-language-from-url-Ct6kvnEu.js');
+require('./types-DV_cOCRi.js');
+var getLocalLanguage = require('./get-local-language-CWfRQqOw.js');
+var loaderIcon = require('./loader-icon-j5dMQ4bN.js');
+
+function parseLooseJson(loose) {
+    try {
+        let s = loose.trim();
+        // 1) remove trailing commas before } or ]
+        s = s.replace(/,\s*([}\]])/g, '$1');
+        // 2) quote unquoted keys: { tag: 'div' } -> { "tag": 'div' }
+        s = s.replace(/([{,]\s*)([A-Za-z_]\w*)\s*:/g, '$1"$2":');
+        // 3) turn 'single-quoted' strings into "double-quoted"
+        s = s.replace(/'([^'\\]*(?:\\.[^'\\]*)*)'/g, (_, inner) => {
+            // escape any double-quotes already inside
+            return `"${inner.replace(/"/g, '\\"')}"`;
+        });
+        return JSON.parse(s);
+    }
+    catch (err) {
+        console.error('Failed to parse loose JSON content:', err.message);
+        return null;
+    }
+}
+
+const gistLoader = async (gistId) => {
+    try {
+        const res = await fetch(`https://api.github.com/gists/${gistId}`, {
+            headers: { Accept: 'application/vnd.github+json' },
+        });
+        if (!res.ok) {
+            throw new Error(`GitHub API error: ${res.status} ${res.statusText}`);
+        }
+        const gist = await res.json();
+        const jsonFile = Object.values(gist.files).find((file) => file === null || file === void 0 ? void 0 : file.filename.endsWith('.json'));
+        if (!jsonFile)
+            throw new Error('No JSON file found in this gist');
+        const resStructure = parseLooseJson(jsonFile === null || jsonFile === void 0 ? void 0 : jsonFile.content);
+        return resStructure;
+    }
+    catch (err) {
+        console.error('Error fetching gist JSON:', err.message);
+    }
+    return undefined;
+};
+
+async function fetchJson(url) {
+    const response = await fetch(url);
+    if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    const data = await response.json();
+    return data;
+}
+
+const formLanguageChange = async (formContext, newLanguage) => {
+    var _a, _b, _c, _d, _e;
+    const sharedLocales = await getLocalLanguage.getSharedFormLocal(newLanguage);
+    const LS = (_b = (_a = formContext.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.localization;
+    const structureLocalization = typeof LS === 'object' ? ((_d = (_c = LS === null || LS === void 0 ? void 0 : LS[newLanguage]) !== null && _c !== void 0 ? _c : LS === null || LS === void 0 ? void 0 : LS.en) !== null && _d !== void 0 ? _d : {}) : {};
+    formContext.locale = Object.assign(Object.assign({}, structureLocalization), { sharedFormLocales: Object.assign(Object.assign({}, sharedLocales), structureLocalization === null || structureLocalization === void 0 ? void 0 : structureLocalization.sharedFormLocales) });
+    formContext.localeLanguage = newLanguage;
+    (_e = formContext.form) === null || _e === void 0 ? void 0 : _e.rerender({ rerenderAll: true });
+};
+const formErrorHandler = async (formContext, error) => {
+    var _a, _b, _c;
+    const message = error.message || ((_c = (_b = (_a = formContext.locale) === null || _a === void 0 ? void 0 : _a.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c.wildCard) || '';
+    if (formContext === null || formContext === void 0 ? void 0 : formContext.errorCallback)
+        formContext.errorCallback(error, message);
+    else
+        formContext.errorMessage = message;
+};
+const formLoadingHandler = async (formContext, isLoading) => {
+    formContext.isLoading = isLoading;
+    if (formContext.loadingChanges)
+        formContext.loadingChanges(isLoading);
+};
+const formSuccessHandler = async (formContext, data) => {
+    if (formContext.successCallback)
+        formContext.successCallback(data, formContext.locale['Form submitted successfully.'] || '');
+    else
+        formContext.form.openDialog();
+    if (!formContext.disableScrollToTop) {
+        const formDom = formContext.el.shadowRoot || formContext.el;
+        let targetElement = formDom instanceof ShadowRoot ? formDom.firstElementChild : formDom;
+        const yOffset = -100;
+        const y = targetElement.getBoundingClientRect().top + window.pageYOffset + yOffset;
+        window.scrollTo({ top: Math.max(y, 0), behavior: 'smooth' });
+    }
+};
+const formDidLoadHandler = async (formContext, validator) => {
+    var _a, _b;
+    if (!formContext.structure) {
+        if (formContext.gistId) {
+            const [newGistStructure] = await Promise.all([gistLoader(formContext.gistId), formContext.changeLanguage(formContext.language)]);
+            formContext.structure = newGistStructure;
+        }
+        else if (formContext.structureUrl) {
+            const [newGistStructure] = await Promise.all([fetchJson(formContext.structureUrl), formContext.changeLanguage(formContext.language)]);
+            formContext.structure = newGistStructure;
+        }
+    }
+    formContext.localeLanguage = formContext.language;
+    await formContext.changeLanguage(formContext.language);
+    if (!formContext.isMobileForm) {
+        try {
+            const key = (_b = (_a = formContext.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.recaptchaKey;
+            if (key) {
+                const script = document.createElement('script');
+                script.src = `https://www.google.com/recaptcha/api.js?render=${key}&hl=${formContext.language}`;
+                script.async = true;
+                script.defer = true;
+                document.head.appendChild(script);
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+    }
+    formContext.form = new getLanguageFromUrl.FormHook(formContext, validator);
+};
+const formGetFormHandler = async (formContext) => {
+    if (formContext.form)
+        return formContext.form;
+};
+const handleFormSubmit = async (formContext) => {
+    if (formContext.form)
+        return formContext.form.submit();
+};
+const formStructureRenderedHandler = async (formContext, isRendered) => {
+    var _a;
+    if (isRendered)
+        (_a = formContext.formReadyCallback) === null || _a === void 0 ? void 0 : _a.call(formContext);
+};
+const marketingQueryParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'gclid', 'fbclid'];
+const getMarketingValues = (structure) => {
+    var _a;
+    if ((_a = structure === null || structure === void 0 ? void 0 : structure.data) === null || _a === void 0 ? void 0 : _a.disableUTMLog)
+        return {};
+    const params = new URLSearchParams(window.location.search);
+    if (typeof params.get('disable_utm_log') === 'string' && params.get('disable_utm_log') === 'true')
+        return {};
+    const marketingValues = {};
+    marketingQueryParams.forEach(param => {
+        if (!!params.get(param))
+            marketingValues[param] = params.get(param);
+    });
+    return marketingValues;
+};
+const onFormSubmit = async ({ context, formValues, middleware, afterSuccess }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
+    try {
+        context.setIsLoading(true);
+        Object.keys(formValues).forEach(key => {
+            if (context[`${key}-format`]) {
+                formValues[key] = context[`${key}-format`];
+            }
+        });
+        const hasAdditionalData = !!((_b = (_a = context.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.truncatedFields) && !!((_e = Object.keys((_d = (_c = context.structure) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.truncatedFields)) === null || _e === void 0 ? void 0 : _e.length);
+        let additionalData = {};
+        const marketingValues = getMarketingValues(context === null || context === void 0 ? void 0 : context.structure);
+        let payload = Object.assign({}, formValues);
+        if ((_g = (_f = context.structure) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.extraPayload)
+            payload = Object.assign(Object.assign({}, payload), (_j = (_h = context.structure) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.extraPayload);
+        if (hasAdditionalData)
+            payload.additionalData = Object.assign({}, additionalData);
+        if (!!(context === null || context === void 0 ? void 0 : context.extraPayload))
+            payload = Object.assign(Object.assign({}, payload), context === null || context === void 0 ? void 0 : context.extraPayload);
+        if (hasAdditionalData) {
+            Object.entries((_l = (_k = context.structure) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.truncatedFields).forEach(([oldKey, truncateValue]) => {
+                if (Array.isArray(truncateValue)) {
+                    let constructNewValue = '';
+                    truncateValue.forEach(key => {
+                        constructNewValue += payload[key.toString()] || key.toString();
+                    });
+                    payload = Object.assign(Object.assign({}, payload), { [oldKey]: constructNewValue });
+                }
+                else if (typeof truncateValue === 'string' && truncateValue) {
+                    if (oldKey.startsWith('parse date: ')) {
+                        let tempKey = oldKey.replaceAll('parse date: ', '');
+                        payload[tempKey] = loaderIcon.dateFnsExports.parse(payload[tempKey], truncateValue, new Date());
+                    }
+                    else if (oldKey.startsWith('format date: ')) {
+                        let tempKey = oldKey.replaceAll('format date: ', '');
+                        payload[tempKey] = loaderIcon.dateFnsExports.formatISO(payload[tempKey]);
+                    }
+                    else {
+                        additionalData[truncateValue] = payload[oldKey];
+                        delete payload[oldKey];
+                    }
+                }
+            });
+        }
+        let header = {
+            'Content-Type': 'application/json',
+            'Brand': (_o = (_m = context.structure) === null || _m === void 0 ? void 0 : _m.data) === null || _o === void 0 ? void 0 : _o.brandId,
+            'Accept-Language': context.localeLanguage || 'en',
+        };
+        if (!!(context === null || context === void 0 ? void 0 : context.extraHeader))
+            header = Object.assign(Object.assign({}, header), context === null || context === void 0 ? void 0 : context.extraHeader);
+        if (!!((_q = (_p = context.structure) === null || _p === void 0 ? void 0 : _p.data) === null || _q === void 0 ? void 0 : _q.extraHeader))
+            header = Object.assign(Object.assign({}, header), (_s = (_r = context.structure) === null || _r === void 0 ? void 0 : _r.data) === null || _s === void 0 ? void 0 : _s.extraHeader);
+        let requestEndpoint = '';
+        if (context.isMobileForm) {
+            const token = await context.getMobileToken();
+            if (token.toLowerCase().startsWith('bearer')) {
+                header['Authorization'] = token;
+                requestEndpoint = (_u = (_t = context.structure) === null || _t === void 0 ? void 0 : _t.data) === null || _u === void 0 ? void 0 : _u.requestAppUrl;
+            }
+            else {
+                header['verification-token'] = token;
+                requestEndpoint = (_w = (_v = context.structure) === null || _v === void 0 ? void 0 : _v.data) === null || _w === void 0 ? void 0 : _w.requestAppCheckUrl;
+            }
+        }
+        else {
+            requestEndpoint = (_y = (_x = context.structure) === null || _x === void 0 ? void 0 : _x.data) === null || _y === void 0 ? void 0 : _y.requestUrl;
+            if ((_0 = (_z = context.structure) === null || _z === void 0 ? void 0 : _z.data) === null || _0 === void 0 ? void 0 : _0.recaptchaKey) {
+                const token = await grecaptcha.execute((_2 = (_1 = context.structure) === null || _1 === void 0 ? void 0 : _1.data) === null || _2 === void 0 ? void 0 : _2.recaptchaKey, { action: 'submit' });
+                header['Recaptcha-Token'] = token;
+            }
+        }
+        if (context.isDev)
+            requestEndpoint = requestEndpoint.replaceAll('production=true', 'production=false');
+        if (!requestEndpoint) {
+            throw new Error('Request endpoint is not configured');
+        }
+        const method = ((_4 = (_3 = context.structure) === null || _3 === void 0 ? void 0 : _3.data) === null || _4 === void 0 ? void 0 : _4.requestMethod) || 'POST';
+        if (['get', 'head'].includes(method.toLowerCase()))
+            header = Object.assign(Object.assign({}, header), marketingValues);
+        else
+            payload = Object.assign(Object.assign({}, payload), marketingValues);
+        if (middleware) {
+            const middlewareRes = middleware(payload, header, requestEndpoint);
+            payload = Object.assign({}, middlewareRes.payload);
+            header = Object.assign({}, middlewareRes.header);
+            requestEndpoint = middlewareRes.url;
+        }
+        Object.values(context.form.pendingRequests).forEach(async (req) => {
+            try {
+                await req();
+            }
+            catch (error) {
+                console.error(error);
+            }
+        });
+        const response = await fetch(requestEndpoint, Object.assign({ headers: header, method: ((_6 = (_5 = context.structure) === null || _5 === void 0 ? void 0 : _5.data) === null || _6 === void 0 ? void 0 : _6.requestMethod) || 'POST' }, (((_9 = (_8 = (_7 = context.structure) === null || _7 === void 0 ? void 0 : _7.data) === null || _8 === void 0 ? void 0 : _8.requestMethod) === null || _9 === void 0 ? void 0 : _9.toLowerCase()) === 'get' ? {} : { body: JSON.stringify(payload) })));
+        if (response.ok) {
+            const result = await (response === null || response === void 0 ? void 0 : response.json());
+            if (afterSuccess)
+                await afterSuccess(payload, header);
+            context.setSuccessCallback(result);
+            setTimeout(() => {
+                context.form.reset();
+                context.form.rerender({ rerenderForm: true, rerenderAll: true });
+            }, 100);
+        }
+        else {
+            const contentType = response.headers.get('content-type');
+            const errorText = (contentType === null || contentType === void 0 ? void 0 : contentType.includes('application/json')) ? (_11 = (_10 = (await response.json())) === null || _10 === void 0 ? void 0 : _10.message) === null || _11 === void 0 ? void 0 : _11.body : await response.text();
+            throw new Error(errorText);
+        }
+    }
+    catch (error) {
+        console.error(error);
+        context.setErrorCallback(error);
+    }
+    finally {
+        context.setIsLoading(false);
+    }
+};
+const functionHooks = {
+    formLanguageChange,
+    formErrorHandler,
+    handleFormSubmit,
+    formLoadingHandler,
+    formSuccessHandler,
+    formDidLoadHandler,
+    formGetFormHandler,
+    onFormSubmit,
+    formStructureRenderedHandler,
+};
+
+exports.formDidLoadHandler = formDidLoadHandler;
+exports.formErrorHandler = formErrorHandler;
+exports.formGetFormHandler = formGetFormHandler;
+exports.formLanguageChange = formLanguageChange;
+exports.formLoadingHandler = formLoadingHandler;
+exports.formStructureRenderedHandler = formStructureRenderedHandler;
+exports.formSuccessHandler = formSuccessHandler;
+exports.functionHooks = functionHooks;
+exports.getMarketingValues = getMarketingValues;
+exports.handleFormSubmit = handleFormSubmit;

package/dist/cjs/general-form.cjs.entry.js

@@ -5,24 +5,23 @@
 'use strict';
 
 var index = require('./index-CmK48vN3.js');
-var phoneValidator = require('./phone-validator-Bi9emAzR.js');
+var functions = require('./functions-D5J5cdK2.js');
 var cn = require('./cn-BHnqYtun.js');
-var validation$1 = require('./validation-BAHdEc4w.js');
+var validation$1 = require('./validation-jJwLyk27.js');
 var types = require('./types-DV_cOCRi.js');
-var getLanguageFromUrl = require('./get-language-from-url-DoohcPbK.js');
+var getLanguageFromUrl = require('./get-language-from-url-Ct6kvnEu.js');
 var loaderIcon = require('./loader-icon-j5dMQ4bN.js');
-var stateObject$1 = require('./state-object-CX8v4Go5.js');
-require('./get-local-language-zK9ue0lN.js');
+var mappers = require('./mappers-C82gH1dw.js');
+require('./get-local-language-CWfRQqOw.js');
 require('./validate-vin-CJDIXpJO.js');
 require('./calendar-days-icon-C2lFWgOC.js');
 require('./decode-time-offset-CY6JVxX3.js');
 require('./get-nested-value-lW6t7V4I.js');
 
-const styleCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}";
+const styleCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.cursor-pointer{cursor:pointer}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}";
 
-let stateObject = stateObject$1.getDefaultStateObject();
-const validation = validation$1.getFormValidations(stateObject);
-const elementMapper = stateObject$1.getFormMappers(stateObject);
+const validation = validation$1.getFormValidations();
+const elementMapper = mappers.getFormMappers();
 const GeneralForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -33,44 +32,44 @@ const GeneralForm = class {
         this.isMobileForm = false;
     }
     async changeLanguage(newLanguage) {
-        await phoneValidator.functionHooks.formLanguageChange(this, newLanguage);
+        await functions.functionHooks.formLanguageChange(this, newLanguage);
     }
     setIsLoading(isLoading) {
-        phoneValidator.functionHooks.formLoadingHandler(this, isLoading);
+        functions.functionHooks.formLoadingHandler(this, isLoading);
     }
     setErrorCallback(error) {
-        phoneValidator.functionHooks.formErrorHandler(this, error);
+        functions.functionHooks.formErrorHandler(this, error);
     }
     setSuccessCallback(data) {
-        phoneValidator.functionHooks.formSuccessHandler(this, data);
+        functions.functionHooks.formSuccessHandler(this, data);
     }
     async componentWillLoad() {
         if (!this.language)
             this.language = getLanguageFromUrl.getLanguageFromUrl();
     }
     async formSubmit(formValues) {
-        await phoneValidator.functionHooks.onFormSubmit({ context: this, formValues });
+        await functions.functionHooks.onFormSubmit({ context: this, formValues });
     }
     // #endregion
     // #region Component Logic
     async componentDidLoad() {
-        await phoneValidator.functionHooks.formDidLoadHandler(this, validation);
+        await functions.functionHooks.formDidLoadHandler(this, validation);
     }
     async getForm() {
-        return await phoneValidator.functionHooks.formGetFormHandler(this);
+        return await functions.functionHooks.formGetFormHandler(this);
     }
     async submit() {
-        await phoneValidator.functionHooks.handleFormSubmit(this);
+        await functions.functionHooks.handleFormSubmit(this);
     }
     async structureChanged(isRendered) {
-        await phoneValidator.functionHooks.formStructureRenderedHandler(this, isRendered);
+        await functions.functionHooks.formStructureRenderedHandler(this, isRendered);
     }
     // #endregion
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '1e6aef1e6bb55be2dc0333430d8280cfa6f17de6' }, index.h("div", { key: 'a881d5f53961d8a6c49f52f288b8ea55bdc1eb7b', part: cn.cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, index.h("div", { key: '7e683068288ebcb70ef304b3e0978a607caae4fa', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: '4e941e931e8bfb05fc346cc874a6ad0478e60455', part: "form-loader-container", class: cn.cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (index.h(index.Host, { key: '5239ff4c1dd281969d2e2bed0910e1576d67eaac', translate: "no" }, index.h("div", { key: 'd0c6ad105d838fe8070461a98d4fb05257bc04bb', part: cn.cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, index.h("div", { key: '3777a05be973b7c3231bafbf906fee3b99f79977', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: 'dfd8d422406f692cdab47970ecdb293aeb49c3b5', part: "form-loader-container", class: cn.cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, index.h(loaderIcon.LoaderIcon, { key: '306a28b5efd4dddcc13c637abb9397752dae8627', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: 'f34d8a71871e0713062ff14949bca03a1a3c64dc', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: 'f4e24e85f53db1179cb3d36bcf0ec8d29d0749a7', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, index.h("slot", { key: '7afc7ffbf50213f2f45898b2a2cae94de8e363f7' }))))))));
+            }) }, index.h(loaderIcon.LoaderIcon, { key: '5515b40a35b4b30b0be94c778f6839b366202029', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: '22f07ad7e3acadb4a5bd0e4b246f54a4b887757b', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: '7e9ce2ad07b39ac56839351f552a2fc02371ec95', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, index.h("slot", { key: '4bf12d1b145995225c1dfc4ee1812f0b5cdaddd2' }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/general-inquiry-form.cjs.entry.js

@@ -5,23 +5,22 @@
 'use strict';
 
 var index = require('./index-CmK48vN3.js');
-var phoneValidator = require('./phone-validator-Bi9emAzR.js');
+var functions = require('./functions-D5J5cdK2.js');
 var cn = require('./cn-BHnqYtun.js');
-var validation$1 = require('./validation-BAHdEc4w.js');
+var validation$1 = require('./validation-jJwLyk27.js');
 var types = require('./types-DV_cOCRi.js');
-var getLanguageFromUrl = require('./get-language-from-url-DoohcPbK.js');
+var getLanguageFromUrl = require('./get-language-from-url-Ct6kvnEu.js');
 var loaderIcon = require('./loader-icon-j5dMQ4bN.js');
-var stateObject$1 = require('./state-object-CX8v4Go5.js');
-require('./get-local-language-zK9ue0lN.js');
+var mappers = require('./mappers-C82gH1dw.js');
+require('./get-local-language-CWfRQqOw.js');
 require('./validate-vin-CJDIXpJO.js');
 require('./calendar-days-icon-C2lFWgOC.js');
 require('./decode-time-offset-CY6JVxX3.js');
 require('./get-nested-value-lW6t7V4I.js');
 
-const styleCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}";
+const styleCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host{all:initial!important;display:block;font-family:inherit!important}@keyframes form-loading-spin{to{transform:rotate(1turn)}}.form-loader-container .img{animation:form-loading-spin 2s linear infinite;height:32px;width:32px}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}#vehicle-wrapper{display:flex;flex-direction:column}@media (min-width:640px){#vehicle-wrapper{align-items:center;display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.h-full{height:100%}.min-h-\\[150px\\]{min-height:150px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.overflow-hidden{overflow:hidden}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!transition-none{transition-property:none!important}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\\!duration-0{transition-duration:0s!important}.\\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.cursor-pointer{cursor:pointer}.fixed{position:fixed}.bottom-4{bottom:1rem}.left-1\\/2{left:50%}.z-10{z-index:10}.z-\\[9999\\]{z-index:9999}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\\[32px\\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\\[100dvh\\]{height:100dvh}.h-\\[60px\\]{height:60px}.min-h-full{min-height:100%}.w-\\[100dvw\\]{width:100dvw}.w-\\[100px\\]{width:100px}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\\/30{background-color:rgba(0,0,0,.3)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\\[16px\\]{padding:16px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\\:bg-white\\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\\:relative{position:relative}.md\\:h-auto{height:auto}.md\\:w-\\[600px\\]{width:600px}.md\\:\\!translate-x-0{--tw-translate-x:0px!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.md\\:overflow-hidden{overflow:hidden}.md\\:rounded-lg{border-radius:.5rem}.md\\:border-none{border-style:none}.md\\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\\:py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.md\\:text-\\[24px\\]{font-size:24px}.md\\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\\:\\!opacity-100{opacity:1!important}.md\\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\\:duration-300{transition-duration:.3s}.md\\:hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}";
 
-let stateObject = stateObject$1.getDefaultStateObject();
-const validation = validation$1.getFormValidations(stateObject, {
+const validation = validation$1.getFormValidations({
     generalTicketType: types.create$6()
         .meta(validation$1.y.meta('generalTicketType'))
         .when(validation$1.y.condition('generalTicketType'), {
@@ -30,7 +29,7 @@ const validation = validation$1.getFormValidations(stateObject, {
         then: schema => schema.required(validation$1.y.require('generalTicketType')),
     }),
 });
-const elementMapper = stateObject$1.getFormMappers(stateObject, {
+const elementMapper = mappers.getFormMappers({
     generalTicketType: ({ language, props }) => {
         const fetcher = async ({}) => {
             const options = Array.isArray(props === null || props === void 0 ? void 0 : props.options) ? props === null || props === void 0 ? void 0 : props.options : [];
@@ -49,44 +48,44 @@ const GeneralInquiryForm = class {
         this.isMobileForm = false;
     }
     async changeLanguage(newLanguage) {
-        await phoneValidator.functionHooks.formLanguageChange(this, newLanguage);
+        await functions.functionHooks.formLanguageChange(this, newLanguage);
     }
     setIsLoading(isLoading) {
-        phoneValidator.functionHooks.formLoadingHandler(this, isLoading);
+        functions.functionHooks.formLoadingHandler(this, isLoading);
     }
     setErrorCallback(error) {
-        phoneValidator.functionHooks.formErrorHandler(this, error);
+        functions.functionHooks.formErrorHandler(this, error);
     }
     setSuccessCallback(data) {
-        phoneValidator.functionHooks.formSuccessHandler(this, data);
+        functions.functionHooks.formSuccessHandler(this, data);
     }
     async componentWillLoad() {
         if (!this.language)
             this.language = getLanguageFromUrl.getLanguageFromUrl();
     }
     async formSubmit(formValues) {
-        await phoneValidator.functionHooks.onFormSubmit({ context: this, formValues });
+        await functions.functionHooks.onFormSubmit({ context: this, formValues });
     }
     // #endregion
     // #region Component Logic
     async componentDidLoad() {
-        await phoneValidator.functionHooks.formDidLoadHandler(this, validation);
+        await functions.functionHooks.formDidLoadHandler(this, validation);
     }
     async getForm() {
-        return await phoneValidator.functionHooks.formGetFormHandler(this);
+        return await functions.functionHooks.formGetFormHandler(this);
     }
     async submit() {
-        await phoneValidator.functionHooks.handleFormSubmit(this);
+        await functions.functionHooks.handleFormSubmit(this);
     }
     async structureChanged(isRendered) {
-        await phoneValidator.functionHooks.formStructureRenderedHandler(this, isRendered);
+        await functions.functionHooks.formStructureRenderedHandler(this, isRendered);
     }
     // #endregion
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '0ae275850e601ec7565f5016447e6b77526fd23e' }, index.h("div", { key: 'a763e31191dc50c82b99184f78d20ddf6f70e180', part: cn.cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, index.h("div", { key: '537b562a5dfcf4800a491658ef66f04074f85b20', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: '29e1667afaaa466c989b36381c163f97406a92ba', part: "form-loader-container", class: cn.cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (index.h(index.Host, { key: '3778fda81da661d719aad269180e6269b408f7e5', translate: "no" }, index.h("div", { key: '965f878ee5d0314cf5e6c87861ed87eab24a4c17', part: cn.cn('shift-form', (_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme, this.theme) }, index.h("div", { key: '1def9bb2b1964e6b1303ef7a3471bd8b82352179', part: "form-container", class: "relative min-h-[150px]" }, index.h("div", { key: '4373f8d8866267b8277cb05265e074c5916cd2ee', part: "form-loader-container", class: cn.cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, index.h(loaderIcon.LoaderIcon, { key: '3bd3b1e5431a3aa0155174050dfe7e87f3063ff8', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: '3887f16e01f90bab18e601a5cba1ade5d2330bda', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: '36d440ff29360439d68e233ebdcedc88e19aa11a', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, index.h("slot", { key: 'a57728418a87f8e5de76d42c7fe8727782a91480' }))))))));
+            }) }, index.h(loaderIcon.LoaderIcon, { key: '17930f22899a535db1cbc0ce8cf590f1c662f80c', part: "form-loader-icon", class: "img" })), index.h("flexible-container", { key: 'c089c41f7c63fc242862e7e82e5a42bf1c794658', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (index.h("form-structure", { key: 'd759c318d33f650305142f371328e87693e6b26c', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: elementMapper, successMessage: this.locale['Form submitted successfully.'] || 'Form submitted successfully.' }, index.h("slot", { key: '98a5c921a9a16d00f5b953af51997d8bb4ee613f' }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{get-language-from-url-DoohcPbK.js → get-language-from-url-Ct6kvnEu.js}

@@ -109,6 +109,12 @@ class FormHook {
             const formObject = Object.fromEntries(formData.entries());
             const elements = form.querySelectorAll('[name]');
             elements.forEach(el => {
+                var _a;
+                const elementContext = (_a = this.subscribers.find(sub => sub.name === el.name)) === null || _a === void 0 ? void 0 : _a.context;
+                if (elementContext && (elementContext === null || elementContext === void 0 ? void 0 : elementContext.getValue)) {
+                    formObject[el.name] = elementContext.getValue();
+                    return;
+                }
                 if (el.disabled) {
                     formObject[el.name] = el.value;
                     return;
@@ -179,7 +185,7 @@ class FormHook {
             this.rerender({ rerenderAll: true });
         };
         this.submitForm = async () => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            var _a, _b, _c, _d, _e, _f;
             try {
                 this.isSubmitted = true;
                 this.context.isLoading = true;
@@ -196,10 +202,7 @@ class FormHook {
                 const values = await this.schemaObject.omit(excludedFields).validate(formObject, { abortEarly: false, context: this.requiredContext });
                 if ((_b = (_a = this.context) === null || _a === void 0 ? void 0 : _a.structure) === null || _b === void 0 ? void 0 : _b.steps) {
                     this.stepFormValues = Object.assign(Object.assign({}, this === null || this === void 0 ? void 0 : this.stepFormValues), values);
-                    console.log((_e = (_d = (_c = this.context) === null || _c === void 0 ? void 0 : _c.structure) === null || _d === void 0 ? void 0 : _d.steps) === null || _e === void 0 ? void 0 : _e.length);
-                    console.log((_f = this.formStructure) === null || _f === void 0 ? void 0 : _f.currentStep);
-                    console.log(((_j = (_h = (_g = this.context) === null || _g === void 0 ? void 0 : _g.structure) === null || _h === void 0 ? void 0 : _h.steps) === null || _j === void 0 ? void 0 : _j.length) === ((_k = this.formStructure) === null || _k === void 0 ? void 0 : _k.currentStep));
-                    if (((_o = (_m = (_l = this.context) === null || _l === void 0 ? void 0 : _l.structure) === null || _m === void 0 ? void 0 : _m.steps) === null || _o === void 0 ? void 0 : _o.length) === ((_p = this.formStructure) === null || _p === void 0 ? void 0 : _p.currentStep))
+                    if (((_e = (_d = (_c = this.context) === null || _c === void 0 ? void 0 : _c.structure) === null || _d === void 0 ? void 0 : _d.steps) === null || _e === void 0 ? void 0 : _e.length) === ((_f = this.formStructure) === null || _f === void 0 ? void 0 : _f.currentStep))
                         await this.context.formSubmit(this.stepFormValues);
                     else
                         this.updateStep(1);

package/dist/cjs/{get-local-language-zK9ue0lN.js → get-local-language-CWfRQqOw.js}

@@ -7,7 +7,7 @@
 require('./index-CmK48vN3.js');
 var types = require('./types-DV_cOCRi.js');
 
-const version = "0.1.84";
+const version = "0.1.86";
 
 // This file is auto-generated. Do not edit it manually.
 // Use command: yarn create:locale-mapper

package/dist/cjs/{get-mock-files-DRVrAMed.js → get-mock-files-DG4Nk29D.js}

@@ -5,7 +5,7 @@
 'use strict';
 
 require('./index-CmK48vN3.js');
-var getLocalLanguage = require('./get-local-language-zK9ue0lN.js');
+var getLocalLanguage = require('./get-local-language-CWfRQqOw.js');
 
 const MockFiles = {
     'part-lookup': 'generated/standard-dealer/part-lookup.json',