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

package/dist/Utils/MaterialProviders.js

@@ -1,31 +1,46 @@
-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);
-};
 import { jsx as _jsx } from "react/jsx-runtime";
-import { StylesProvider, ThemeProvider, createGenerateClassName, createTheme, } from '@material-ui/core';
-import DateFnsUtils from '@date-io/date-fns';
-import { MuiPickersUtilsProvider } from '@material-ui/pickers';
-import { SEED } from '../constants/MaterialClassNameSeed';
-import { getLocale } from '../Form/Form';
-var muiTheme = createTheme({
-    typography: {
-        fontFamily: 'inherit',
-    },
-});
-var generateClassName = createGenerateClassName({
-    seed: SEED,
-    productionPrefix: 'efjss',
-});
-function MaterialProviders(_a) {
-    var children = _a.children;
-    return (_jsx(StylesProvider, __assign({ generateClassName: generateClassName }, { children: _jsx(ThemeProvider, __assign({ theme: muiTheme }, { children: _jsx(MuiPickersUtilsProvider, __assign({ utils: DateFnsUtils, locale: getLocale() }, { children: children })) })) })));
+import '../Utils/MuiClassnameSetup';
+import { esES as DatePickersEs } from '@mui/x-date-pickers/locales';
+import { createTheme, ThemeProvider } from '@mui/material';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFnsV3';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { getLocale } from './LocaleUtils';
+// stepBackgroundColor: string;
+function MaterialProviders({ children, formStyle }) {
+    return (_jsx(ThemeProvider, { theme: createTheme({
+            typography: {
+                fontFamily: 'inherit',
+                button: {
+                    textTransform: 'none',
+                },
+            },
+            palette: {
+                primary: {
+                    main: formStyle.primaryColor,
+                    contrastText: formStyle.primaryContrastColor,
+                },
+                secondary: {
+                    main: formStyle.secondaryColor,
+                    contrastText: formStyle.secondaryContrastColor,
+                },
+                outline: {
+                    main: formStyle.outlineColor,
+                },
+                helperText: {
+                    primary: formStyle.descriptionTextColor,
+                },
+                stepBackgroundColor: {
+                    default: formStyle.stepBackgroundColor,
+                },
+                error: {
+                    main: formStyle.errorColor,
+                },
+                text: {
+                    primary: formStyle.textColor,
+                    secondary: formStyle.descriptionTextColor,
+                },
+            },
+        }, DatePickersEs //Potencialmente cambiar esto dependiendo de la empresa?
+        ), children: _jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, adapterLocale: getLocale(), children: children }) }));
 }
 export default MaterialProviders;

package/dist/Utils/MuiClassnameSetup.js

@@ -0,0 +1,3 @@
+import { unstable_ClassNameGenerator as ClassNameGenerator } from '@mui/material/className';
+export const SEED = 'EF';
+ClassNameGenerator.configure((componentName) => `${SEED}-${componentName}`);

package/dist/Utils/PhoneFunctions.js

@@ -8,13 +8,13 @@ export function isValidPhoneNumber(phone) {
 export function isEmptyPhoneNumber(phone) {
     if (!phone.startsWith('+'))
         phone = '+' + phone;
-    var country = guessCountryByPartialPhoneNumber({
-        phone: phone,
-    }).country;
+    const { country } = guessCountryByPartialPhoneNumber({
+        phone,
+    });
     if (country &&
         !removeDialCode({
-            phone: phone,
-            dialCode: country === null || country === void 0 ? void 0 : country.dialCode,
+            phone,
+            dialCode: country?.dialCode,
         })) {
         return true;
     }

package/dist/Utils/TestUtils.js

@@ -1,65 +1,36 @@
-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 from 'react';
-import { render } from '@testing-library/react';
+import { render, renderHook } from '@testing-library/react';
 import { configureStore, nanoid } from '@reduxjs/toolkit';
 import { Provider } from 'react-redux';
 // As a basic setup, import your same slice reducers
 import { EurekaFormsReducer } from './store';
-import { renderHook } from '@testing-library/react-hooks';
-import { IdFormContext } from '../App/App';
 import { StoreContext } from '../hooks';
+import { IdFormContext } from '../Contexts/FormContext';
 // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-export function renderWithProviders(ui, _a) {
-    if (_a === void 0) { _a = {}; }
-    var 
-    // Automatically create a store instance if no store was passed in
-    _b = _a.store, 
-    // Automatically create a store instance if no store was passed in
-    store = _b === void 0 ? configureStore({
-        reducer: EurekaFormsReducer,
-    }) : _b, renderOptions = __rest(_a, ["store"]);
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    function Wrapper(_a) {
-        var children = _a.children;
-        return _jsx(Provider, __assign({ store: store }, { children: children }));
+export function renderWithProviders(ui, { 
+// Automatically create a store instance if no store was passed in
+store = configureStore({
+    reducer: EurekaFormsReducer,
+}), ...renderOptions } = {}) {
+    function Wrapper({ children }) {
+        return _jsx(Provider, { store: store, children: children });
     }
     // Return an object with the store and all of RTL's query functions
-    return __assign({ store: store }, render(ui, __assign({ wrapper: Wrapper }, renderOptions)));
+    return { store, ...render(ui, { wrapper: Wrapper, ...renderOptions }) };
 }
-// eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-export function renderHookWithProviders(callback, _a) {
-    if (_a === void 0) { _a = {}; }
-    var _b = _a.store, store = _b === void 0 ? configureStore({
-        reducer: EurekaFormsReducer,
-    }) : _b, renderHookOptions = __rest(_a, ["store"]);
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    function Wrapper(_a) {
-        var children = _a.children;
-        var idForm = React.useState(nanoid(6))[0];
-        return (_jsx(IdFormContext.Provider, __assign({ value: idForm }, { children: _jsx(Provider, __assign({ store: store, context: StoreContext }, { children: children })) })));
+export function renderHookWithProviders(callback, { store = configureStore({
+    reducer: EurekaFormsReducer,
+}), ...renderHookOptions } = {}) {
+    function Wrapper({ children }) {
+        const [idForm] = React.useState(nanoid(6));
+        return (_jsx(IdFormContext.Provider, { value: idForm, children: _jsx(Provider, { store: store, context: StoreContext, children: children }) }));
     }
     // Return an object with the store and all of RTL's query functions
-    return __assign({ store: store }, renderHook(callback, __assign({ wrapper: Wrapper }, renderHookOptions)));
+    return {
+        ...renderHook(callback, {
+            wrapper: Wrapper,
+            ...renderHookOptions,
+        }),
+    };
 }

package/dist/Utils/store.js

@@ -1,84 +1,29 @@
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { combineReducers, configureStore, createAsyncThunk, } from '@reduxjs/toolkit';
+import { combineReducers, configureStore, createAsyncThunk } from '@reduxjs/toolkit';
 import GlobalSlice from '../States/GlobalSlice';
 import SiteSlice from '../States/SiteSlice';
 import WidthStatsSlice from '../States/WidthStatsSlice';
-export var defaultRootState = {
+export const defaultRootState = {
     global: GlobalSlice.getInitialState(),
     site: SiteSlice.getInitialState(),
     widthStats: WidthStatsSlice.getInitialState(),
 };
-var FormReducer = combineReducers({
+const FormReducer = combineReducers({
     global: GlobalSlice.reducer,
     site: SiteSlice.reducer,
     widthStats: WidthStatsSlice.reducer,
 });
-export function EurekaFormsReducer(state, action) {
-    var _a, _b;
-    var _c;
-    if (state === void 0) { state = {}; }
-    var idForm = (_c = action.meta) === null || _c === void 0 ? void 0 : _c.idForm;
+export function EurekaFormsReducer(state = {}, action) {
+    const idForm = action.meta?.idForm;
     if (!idForm)
         return state;
     if (action.type === 'CLEAR') {
-        return __assign(__assign({}, state), (_a = {}, _a[idForm] = undefined, _a));
+        return { ...state, [idForm]: undefined };
     }
-    return __assign(__assign({}, state), (_b = {}, _b[idForm] = FormReducer(state[idForm], action), _b));
+    return { ...state, [idForm]: FormReducer(state[idForm], action) };
 }
-export var store = configureStore({
+export const store = configureStore({
     reducer: EurekaFormsReducer,
 });
-export var getAppState = createAsyncThunk('get/state', function (_a, thunkAPI) {
-    var idForm = _a.idForm;
-    return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_b) {
-            return [2 /*return*/, thunkAPI.getState()[idForm]];
-        });
-    });
+export const getAppState = createAsyncThunk('get/state', ({ idForm }, thunkAPI) => {
+    return thunkAPI.getState()[idForm];
 });

package/dist/Widget.js

@@ -1,59 +1,48 @@
-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 _a, _b, _c;
 import { jsx as _jsx } from "react/jsx-runtime";
 import ReactDOM from 'react-dom';
 import App from './App/App';
-var WIDGET_ID = (_b = (_a = document.currentScript) === null || _a === void 0 ? void 0 : _a.getAttribute('data-id')) !== null && _b !== void 0 ? _b : 'widget:eureka';
-var element = document.getElementById(WIDGET_ID);
-var props = {};
+const WIDGET_ID = document.currentScript?.getAttribute('data-id') ?? 'widget:eureka';
+const element = document.getElementById(WIDGET_ID);
+const props = {};
 if (element) {
-    var url = element.getAttribute('data-formurl');
+    const url = element.getAttribute('data-formurl');
     if (url) {
-        var splitUrl = url.split('/');
+        const splitUrl = url.split('/');
         if (splitUrl.length > 0) {
             props.apiKey = splitUrl[splitUrl.length - 1];
         }
-        var domain = (_c = /:\/\/([^/]+)/.exec(url)) === null || _c === void 0 ? void 0 : _c[1];
+        const domain = /:\/\/([^/]+)/.exec(url)?.[1];
         if (domain) {
-            var splitDomain = domain.split('.');
+            const splitDomain = domain.split('.');
             if (splitDomain.length > 0 && splitDomain[0] !== 'forms') {
                 props.idOrganization = splitDomain[0];
             }
         }
     }
-    var formDataString = element.getAttribute('data-formdata');
+    const formDataString = element.getAttribute('data-formdata');
     if (formDataString) {
         props.formData = JSON.parse(formDataString);
     }
-    var valuesString = element.getAttribute('data-values');
+    const valuesString = element.getAttribute('data-values');
     if (valuesString) {
         props.valuesData = JSON.parse(valuesString);
     }
-    var internal = element.getAttribute('data-internal');
+    const internal = element.getAttribute('data-internal');
     if (internal) {
         props.internal = true;
     }
-    var postview = element.getAttribute('data-postview');
+    const postview = element.getAttribute('data-postview');
     if (postview) {
         props.postview = true;
     }
-    var preview = element.getAttribute('data-preview');
+    const preview = element.getAttribute('data-preview');
     if (preview) {
         props.preview = true;
     }
-    var partial = element.getAttribute('data-partial');
+    const partial = element.getAttribute('data-partial');
     if (partial) {
         props.partial = true;
     }
 }
-ReactDOM.render(_jsx(App, __assign({ isWidget: true }, props)), document.getElementById(WIDGET_ID));
+// eslint-disable-next-line react/no-deprecated
+ReactDOM.render(_jsx(App, { isWidget: true, ...props }), document.getElementById(WIDGET_ID));

package/dist/constants/Files/FileExtensions.js

@@ -1,9 +1,9 @@
-export var getAcceptedExtensions = function () {
-    var extensionString = extensions.reduce(function (acc, current) { return acc + ',.' + current; });
+export const getAcceptedExtensions = () => {
+    let extensionString = extensions.reduce((acc, current) => acc + ',.' + current);
     extensionString = '.' + extensionString;
     return extensionString;
 };
-var extensions = [
+const extensions = [
     'aif',
     'cda',
     'mid',

package/dist/constants/Files/FileMaxSize.js

@@ -1,2 +1,2 @@
-var maxSize = 31457280;
+const maxSize = 31457280;
 export default maxSize;

package/dist/constants/InternalFormStyle.js

@@ -1,5 +1,5 @@
 import { FormStyleTypes } from './FormStepTypes';
-var InternalFormStyle = {
+const InternalFormStyle = {
     type: FormStyleTypes.MATERIAL,
     standAloneBackgroundColor: '#ffffff',
     backgroundColor: '#ffffff',

package/dist/hooks.js

@@ -1,25 +1,23 @@
 import { createDispatchHook, createSelectorHook } from 'react-redux';
-import { defaultRootState, } from './Utils/store';
+import { defaultRootState } from './Utils/store';
 import { useContext } from 'react';
-import { IdFormContext } from './App/App';
 import React from 'react';
-export var StoreContext = React.createContext({});
-var useSelector = createSelectorHook(StoreContext);
-var useDispatch = createDispatchHook(StoreContext);
+import { IdFormContext } from './Contexts/FormContext';
+export const StoreContext = React.createContext({});
+const useSelector = createSelectorHook(StoreContext);
+const useDispatch = createDispatchHook(StoreContext);
 // Use throughout your app instead of plain `useDispatch` and `useSelector`
-export var useAppDispatch = function () {
-    var idForm = useContext(IdFormContext);
-    var dispatch = useDispatch();
-    var appDispatch = function (action) {
-        action.meta = { idForm: idForm };
+export const useAppDispatch = () => {
+    const idForm = useContext(IdFormContext);
+    const dispatch = useDispatch();
+    const appDispatch = (action) => {
+        action.meta = { idForm };
         return dispatch(action);
     };
     return appDispatch;
 };
-export var useAppSelector = function (selector, options) {
-    var idForm = useContext(IdFormContext);
-    return useSelector(function (state) { var _a; return selector((_a = state[idForm]) !== null && _a !== void 0 ? _a : defaultRootState); }, options);
-};
-export var selectBreakPoint = function (state) {
-    return state.widthStats.currentBreakPoint;
+export const useAppSelector = (selector, options) => {
+    const idForm = useContext(IdFormContext);
+    return useSelector((state) => selector(state[idForm] ?? defaultRootState), options);
 };
+export const selectBreakPoint = (state) => state.widthStats.currentBreakPoint;

package/dist/index.css

@@ -0,0 +1,4 @@
+body {
+    margin: 0;
+    font-size: 16px;
+}

package/dist/main.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import './Init.ts';
+import ReactDOM from 'react-dom/client';
+import styles from './index.module.css';
+import App from './App/App';
+import './index.css';
+const urlParams = new URLSearchParams(window.location.search);
+const values = urlParams.get('data-values');
+let dataValues = undefined;
+if (values) {
+    try {
+        dataValues = JSON.parse(decodeURIComponent(values));
+    }
+    catch (error) {
+        console.error('Invalid data-values JSON', error);
+    }
+}
+ReactDOM.createRoot(document.getElementById('eureka-root')).render(_jsx("div", { className: styles.eurekaForm, children: _jsx(App, { isWidget: false, apiKey: window.location.pathname.replace('/', ''), valuesData: dataValues, scrollToTop: () => {
+            location.href = '#';
+            location.href = '#eureka-root';
+            location.href = '#';
+        } }) }));