@arquimedes.co/eureka-forms 0.2.8 → 0.2.11-test

package/dist/App.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Form } from './@Types/Form';
-interface AppProps {
+export interface AppProps {
     /** If the app is currently a widget */
     isWidget?: boolean;
     /** The apikey of the Form */
@@ -18,7 +18,11 @@ interface AppProps {
     /** The data to fill the form with */
     valuesData?: Record<string, unknown>;
     /** Custom steps to display */
-    customSteps?: Record<string, JSX.Element>;
+    customSteps?: Record<string, CustomStep>;
+}
+export interface CustomStep {
+    component: JSX.Element;
+    updateValue: (idStep: string, values: Record<string, any>, form: Form) => void;
 }
 declare function App({ apiKey, domain, preview, formData, postview, isWidget, internal, valuesData, customSteps, ...others }: AppProps): JSX.Element;
 export default App;

package/dist/App.js

@@ -120,6 +120,7 @@ function App(_a) {
     }
     useEffect(function () {
         if (formData !== undefined) {
+            console.log('!');
             if (preview && formData.isStandAlone) {
                 fetchPreview(formData);
             }
@@ -175,6 +176,7 @@ function App(_a) {
                     return [3 /*break*/, 3];
                 case 2:
                     error_1 = _b.sent();
+                    console.error(error_1);
                     setForm(null);
                     setOrganizationInfo(null);
                     return [3 /*break*/, 3];

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -99,9 +99,9 @@ function ColumnForm(_a) {
                     setLoading(true);
                     for (_i = 0, _a = Object.keys(values); _i < _a.length; _i++) {
                         idStep = _a[_i];
-                        updateValue(idStep, values, form);
+                        updateValue(idStep, values, form, customSteps);
                     }
-                    url = "https://xkmqdd6tr6.execute-api.us-east-1.amazonaws.com/Prod/ticket?apiKey=" + (internal ? form.apiKey : apiKey) + "&domain=" + domain;
+                    url = "https://" + domain + ".forms." + process.env.REACT_APP_DOMAIN + "/api/ticket?apiKey=" + (internal ? form.apiKey : apiKey) + "&domain=" + domain;
                     console.log(values);
                     payload = {
                         formValues: { steps: values },
@@ -157,7 +157,7 @@ function calcNextSection(form, idSection, sections) {
         }
     }
 }
-var updateValue = function (idStep, values, form) {
+var updateValue = function (idStep, values, form, customSteps) {
     var step = form.steps[idStep];
     switch (step === null || step === void 0 ? void 0 : step.type) {
         case Types.TEXTAREA: {
@@ -178,6 +178,10 @@ var updateValue = function (idStep, values, form) {
             break;
         }
         default:
+            var custom = customSteps[idStep];
+            if (custom !== undefined) {
+                custom.updateValue(idStep, values, form);
+            }
             break;
     }
 };

package/dist/FormComponents/Form/Form.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Organization } from '../../@Types/@Types';
 import { Form, FormStyle } from '../../@Types/Form';
+import { CustomStep } from '../../App';
 export interface WidthStats {
     currentBreakPoint: number;
     isMobile: boolean;
@@ -8,7 +9,7 @@ export interface WidthStats {
 export interface FormComponentProps {
     form: Form;
     originalValues: Record<string, unknown>;
-    customSteps: Record<string, JSX.Element>;
+    customSteps: Record<string, CustomStep>;
     widthStats: WidthStats;
     internal: boolean;
     reload: Function;

package/dist/FormComponents/Form/Form.js

@@ -46,7 +46,7 @@ function FormComponent(_a) {
         if (currentWidth !== undefined) {
             var currentBreakPoint = blockNum;
             while (currentWidth <
-                (blockSize + spacingSize) * currentBreakPoint + 40) {
+                (blockSize + spacingSize) * currentBreakPoint) {
                 currentBreakPoint--;
             }
             setWidthStats({

package/dist/FormComponents/Section/Section.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { Control, FieldValues, UseFormGetValues } from 'react-hook-form';
 import { Form, FormStyle, Section } from '../../@Types/Form';
+import { CustomStep } from '../../App';
 import { WidthStats } from '../Form/Form';
 export interface RecursiveData {
     form: Form;
@@ -13,7 +14,7 @@ export interface RecursiveData {
     clearErrors: Function;
     getValues: UseFormGetValues<FieldValues>;
     originalValues: Record<string, any>;
-    customSteps: Record<string, JSX.Element>;
+    customSteps: Record<string, CustomStep>;
 }
 export interface SectionComponentProps extends RecursiveData {
     section: Section;

package/dist/FormComponents/Step/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js

@@ -21,7 +21,7 @@ function DatePickerStep(_a) {
                 ? '100%'
                 : calcStepWidth(step.size, form),
             minHeight: step.description || step.required ? '55px' : '43px',
-        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: new Date(), rules: {
+        } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: null, rules: {
                 required: step.required
                     ? 'Este campo es obligatorio'
                     : undefined,

package/dist/FormComponents/Step/Step.js

@@ -63,7 +63,7 @@ function StepComponent(_a) {
             var customStep = props.customSteps[step.type];
             console.log(customStep);
             if (customStep) {
-                return React.cloneElement(customStep, __assign({ step: step }, props));
+                return React.cloneElement(customStep.component, __assign({ step: step }, props));
             }
             else {
                 return _jsx("div", {}, void 0);

package/dist/index.lib.d.ts

@@ -1,3 +1,6 @@
-import App from './App';
-export { App };
-export default App;
+import EurekaForm, { AppProps as EurekaFormProps } from './App';
+import { StepProps } from './FormComponents/Step/Step';
+import * as StepFunctions from './FormComponents/Step/StepFunctions';
+export type { StepProps, EurekaFormProps };
+export { EurekaForm, StepFunctions };
+export default EurekaForm;

package/dist/index.lib.js

@@ -1,3 +1,4 @@
-import App from './App';
-export { App };
-export default App;
+import EurekaForm from './App';
+import * as StepFunctions from './FormComponents/Step/StepFunctions';
+export { EurekaForm, StepFunctions };
+export default EurekaForm;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "0.2.8",
+    "version": "0.2.11-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
@@ -57,6 +57,7 @@
         "@types/react-router-dom": "^5.1.7",
         "@typescript-eslint/eslint-plugin": "^4.24.0",
         "@typescript-eslint/parser": "^4.24.0",
+        "dotenv-webpack": "^7.0.3",
         "eslint": "^7.27.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-prettier": "^3.4.0",