@arquimedes.co/eureka-forms 2.0.99-test → 3.0.0-refactor

package/dist/App/App.js

@@ -1,27 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useRef } from 'react';
+import React, { useRef } from 'react';
 import Loader from '../Shared/Loader/Loader';
 import styles from './App.module.css';
 import './App.css';
@@ -32,48 +10,45 @@ import { useSetupApp } from './AppHooks';
 import { StoreContext, useAppSelector } from '../hooks';
 import CustomContext from '../Contexts/CustomContext';
 import { nanoid } from '@reduxjs/toolkit';
-export var IdFormContext = createContext('');
-function AppComponent(_a) {
-    var formData = _a.formData, valuesData = _a.valuesData, props = __rest(_a, ["formData", "valuesData"]);
-    var idForm = React.useState(nanoid(6))[0];
-    return (_jsx(IdFormContext.Provider, __assign({ value: idForm }, { children: _jsx(Provider, __assign({ store: store, context: StoreContext }, { children: _jsx(App, __assign({ formData: formData, valuesData: valuesData }, props)) })) })));
+import { IdFormContext } from '../Contexts/FormContext';
+function AppComponent({ formData, valuesData, ...props }) {
+    const [idForm] = React.useState(nanoid(6));
+    return (_jsx(IdFormContext.Provider, { value: idForm, children: _jsx(Provider, { store: store, context: StoreContext, children: _jsx(App, { formData: formData, valuesData: valuesData, ...props }) }) }));
 }
 export default AppComponent;
-function App(_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var _h = _a.isWidget, isWidget = _h === void 0 ? true : _h, props = __rest(_a, ["isWidget"]);
-    var containerRef = useRef(null);
-    var loaded = useAppSelector(function (state) { return state.global.loaded; });
-    var _j = useSetupApp(isWidget, props), form = _j.form, organization = _j.organization, branding = _j.branding, reload = _j.reload;
-    var loading = form === undefined || organization === undefined || !loaded;
+function App({ isWidget = true, ...props }) {
+    const containerRef = useRef(null);
+    const loaded = useAppSelector((state) => state.global.loaded);
+    const { form, organization, branding, reload } = useSetupApp(isWidget, props);
+    const loading = form === undefined || organization === undefined || !loaded;
     if (loading) {
         if (isWidget) {
-            return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_c = (_b = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _b === void 0 ? void 0 : _b.primaryColor) !== null && _c !== void 0 ? _c : '#b8b8b8' }) })) })));
+            return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: _jsx(Loader, { size: 50, color: branding?.colors?.primaryColor ?? '#b8b8b8' }) }) }));
         }
-        return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50, color: (_e = (_d = branding === null || branding === void 0 ? void 0 : branding.colors) === null || _d === void 0 ? void 0 : _d.primaryColor) !== null && _e !== void 0 ? _e : '#b8b8b8' }) })));
+        return (_jsx("div", { className: styles.curtain, children: _jsx(Loader, { size: 50, color: branding?.colors?.primaryColor ?? '#b8b8b8' }) }));
     }
     else if (form === null) {
         if (organization === null) {
             if (isWidget) {
-                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "Error" })) })));
+                return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: "Error" }) }));
             }
-            return _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }));
+            return _jsx("div", { className: styles.curtain, children: "Error" });
         }
         else {
             if (isWidget) {
-                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "404" })) })));
+                return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: "404" }) }));
             }
-            return _jsx("div", __assign({ className: styles.curtain }, { children: "404" }));
+            return _jsx("div", { className: styles.curtain, children: "404" });
         }
     }
     else {
-        var customSteps = (_f = props.customSteps) !== null && _f !== void 0 ? _f : {};
-        return (_jsx(CustomContext.Provider, __assign({ value: {
-                customSteps: customSteps,
+        const customSteps = props.customSteps ?? {};
+        return (_jsx(CustomContext.Provider, { value: {
+                customSteps,
                 sendLabel: props.sendLabel,
                 fetchDownloadUrl: props.fetchDownloadUrl,
-                customStepProps: (_g = props.customStepProps) !== null && _g !== void 0 ? _g : {},
+                customStepProps: props.customStepProps ?? {},
                 customClientInfoStep: props.customClientInfoStep,
-            } }, { children: _jsx("div", __assign({ className: styles.container }, { children: _jsx(FormComponent, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, setSubmit: props.setSubmit, customSubmit: props.customSubmit, scrollToTop: props.scrollToTop, customSubmitBtns: props.customSubmitBtns, customConfirmation: props.customConfirmation }) })) })));
+            }, children: _jsx("div", { className: styles.container, children: _jsx(FormComponent, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, setSubmit: props.setSubmit, customSubmit: props.customSubmit, scrollToTop: props.scrollToTop, customSubmitBtns: props.customSubmitBtns, customConfirmation: props.customConfirmation }) }) }));
     }
 }