@arquimedes.co/eureka-forms 0.1.2 → 0.2.5

package/dist/App.js

@@ -1,261 +1,262 @@
-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 (_) 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 };
-    }
-};
-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;
-};
-var _a;
-import { jsx as _jsx } from "react/jsx-runtime";
-import axios from 'axios';
-import { useEffect, useRef, useState } from 'react';
-import Loader from './shared/Loader/Loader';
-import styles from './App.module.css';
-import FormComponent from './FormComponents/Form/Form';
-import StepTypes from './constants/FormStepTypes';
-function App(_a) {
-    var _this = this;
-    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "isWidget", "internal", "valuesData"]);
-    var _b = useState(undefined), form = _b[0], setForm = _b[1];
-    var _c = useState({}), originalValues = _c[0], setOriginalValues = _c[1];
-    var _d = useState(undefined), organizationInfo = _d[0], setOrganizationInfo = _d[1];
-    function fetchOrgData(domain) {
-        return __awaiter(this, void 0, void 0, function () {
-            var url, response, currentOrg, favicon;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        url = 'https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/organization';
-                        if (domain) {
-                            url += "?domain=" + domain;
-                        }
-                        return [4 /*yield*/, axios.get(url)];
-                    case 1:
-                        response = _a.sent();
-                        if (response === null || response === void 0 ? void 0 : response.data) {
-                            currentOrg = response.data;
-                            favicon = document.getElementById('favicon');
-                            favicon.href = currentOrg.partialLogoUrl;
-                            return [2 /*return*/, currentOrg];
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
-    }
-    function fetchPreview(formData) {
-        return __awaiter(this, void 0, void 0, function () {
-            var response;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, axios.get('https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/organization')];
-                    case 1:
-                        response = _a.sent();
-                        if (response.data) {
-                            console.log('ORGANIZATON', response);
-                            setOrganizationInfo(response.data);
-                            setForm(migrateFormData(formData));
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
-    }
-    useEffect(function () {
-        if (formData !== undefined) {
-            if (preview && formData.isStandAlone) {
-                fetchPreview(formData);
-            }
-            else {
-                setForm(migrateFormData(__assign({}, formData)));
-                setOrganizationInfo(null);
-            }
-            if (valuesData !== undefined) {
-                setOriginalValues(valuesData);
-            }
-        }
-        else if (!isWidget && apiKey) {
-            //Is iframe
-            loadInfo(apiKey, domain);
-        }
-        else if (isWidget && apiKey && domain) {
-            //Is iframe
-            loadInfo(apiKey, domain);
-        }
-        else {
-            //Error in embed
-            setForm(null);
-            setOrganizationInfo(null);
-        }
-    }, []);
-    var containerRef = useRef();
-    var loadInfo = function (apiKey, domain) { return __awaiter(_this, void 0, void 0, function () {
-        var url, _a, response, orgInfo, error_1;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    _b.trys.push([0, 2, , 3]);
-                    url = "https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/form/" + apiKey;
-                    if (domain) {
-                        url += "?domain=" + domain;
-                    }
-                    return [4 /*yield*/, Promise.all([
-                            axios.get(url),
-                            fetchOrgData(domain),
-                        ])];
-                case 1:
-                    _a = _b.sent(), response = _a[0], orgInfo = _a[1];
-                    if (response) {
-                        setForm(migrateFormData(response.data));
-                        if (valuesData !== undefined) {
-                            setOriginalValues(valuesData);
-                        }
-                    }
-                    if (orgInfo) {
-                        console.log(orgInfo);
-                        setOrganizationInfo(orgInfo);
-                    }
-                    else {
-                        setOrganizationInfo(null);
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _b.sent();
-                    setForm(null);
-                    setOrganizationInfo(null);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    if (form === undefined || organizationInfo === undefined) {
-        if (isWidget) {
-            return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50 }, void 0) }), void 0) }), void 0));
-        }
-        return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50 }, void 0) }), void 0));
-    }
-    else if (form === null) {
-        if (organizationInfo === null) {
-            if (isWidget) {
-                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }), void 0) }), void 0));
-            }
-            return _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }), void 0);
-        }
-        else {
-            if (isWidget) {
-                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "404" }), void 0) }), void 0));
-            }
-            return _jsx("div", __assign({ className: styles.curtain }, { children: "404" }), void 0);
-        }
-    }
-    else {
-        return (_jsx("div", __assign({ ref: containerRef, className: styles.container }, { children: _jsx(FormComponent, __assign({}, others, { form: form, reload: function () {
-                    var tempForm = __assign({}, form);
-                    setForm(undefined);
-                    setTimeout(function () {
-                        setForm(tempForm);
-                    }, 100);
-                }, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo }), void 0) }), void 0));
-    }
-}
-export default App;
-//THIS IS TEMP
-export var SIZES;
-(function (SIZES) {
-    SIZES["SMALL"] = "SMALL";
-    SIZES["MEDIUM"] = "MEDIUM";
-    SIZES["LARGE"] = "LARGE";
-})(SIZES || (SIZES = {}));
-export var SizesToNum = (_a = {},
-    _a[SIZES.LARGE] = 4,
-    _a[SIZES.MEDIUM] = 2,
-    _a[SIZES.SMALL] = 1,
-    _a);
-var migrateFormData = function (form) {
-    var steps = __assign({}, form.steps);
-    for (var _i = 0, _a = Object.keys(form.steps); _i < _a.length; _i++) {
-        var idStep = _a[_i];
-        var step = __assign({}, form.steps[idStep]);
-        if (step.size && isNaN(step.size)) {
-            step.size = getStaticWidth(step);
-        }
-        steps[idStep] = step;
-    }
-    var newForm = __assign(__assign({}, form), { steps: steps });
-    if (form.spacingSize === undefined) {
-        newForm.spacingSize = 20;
-        newForm.blockNum = 4;
-        newForm.blockSize = 210;
-    }
-    return newForm;
-};
-function getStaticWidth(step) {
-    if (step.type === StepTypes.SELECTOR ||
-        step.type === StepTypes.TEXTINPUT ||
-        step.type === StepTypes.CLASSIFIER_SELECTOR) {
-        switch (step.size) {
-            case SIZES.LARGE:
-                return 4;
-            case SIZES.MEDIUM:
-                return 2;
-            case SIZES.SMALL:
-                return 1;
-            default:
-                return 1;
-        }
-    }
-    else {
-        return 4;
-    }
-}
+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 (_) 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 };
+    }
+};
+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;
+};
+var _a;
+import { jsx as _jsx } from "react/jsx-runtime";
+import axios from 'axios';
+import { useEffect, useRef, useState } from 'react';
+import Loader from './shared/Loader/Loader';
+import styles from './App.module.css';
+import FormComponent from './FormComponents/Form/Form';
+import StepTypes from './constants/FormStepTypes';
+function App(_a) {
+    var _this = this;
+    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, customSteps = _a.customSteps, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "isWidget", "internal", "valuesData", "customSteps"]);
+    var _b = useState(undefined), form = _b[0], setForm = _b[1];
+    var _c = useState({}), originalValues = _c[0], setOriginalValues = _c[1];
+    var _d = useState(undefined), organizationInfo = _d[0], setOrganizationInfo = _d[1];
+    //
+    function fetchOrgData(domain) {
+        return __awaiter(this, void 0, void 0, function () {
+            var url, response, currentOrg, favicon;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        url = 'https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/organization';
+                        if (domain) {
+                            url += "?domain=" + domain;
+                        }
+                        return [4 /*yield*/, axios.get(url)];
+                    case 1:
+                        response = _a.sent();
+                        if (response === null || response === void 0 ? void 0 : response.data) {
+                            currentOrg = response.data;
+                            favicon = document.getElementById('favicon');
+                            favicon.href = currentOrg.partialLogoUrl;
+                            return [2 /*return*/, currentOrg];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function fetchPreview(formData) {
+        return __awaiter(this, void 0, void 0, function () {
+            var response;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, axios.get('https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/organization')];
+                    case 1:
+                        response = _a.sent();
+                        if (response.data) {
+                            console.log('ORGANIZATON', response);
+                            setOrganizationInfo(response.data);
+                            setForm(migrateFormData(formData));
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    }
+    useEffect(function () {
+        if (formData !== undefined) {
+            if (preview && formData.isStandAlone) {
+                fetchPreview(formData);
+            }
+            else {
+                setForm(migrateFormData(__assign({}, formData)));
+                setOrganizationInfo(null);
+            }
+            if (valuesData !== undefined) {
+                setOriginalValues(valuesData);
+            }
+        }
+        else if (!isWidget && apiKey) {
+            //Is iframe
+            loadInfo(apiKey, domain);
+        }
+        else if (isWidget && apiKey && domain) {
+            //Is iframe
+            loadInfo(apiKey, domain);
+        }
+        else {
+            //Error in embed
+            setForm(null);
+            setOrganizationInfo(null);
+        }
+    }, []);
+    var containerRef = useRef();
+    var loadInfo = function (apiKey, domain) { return __awaiter(_this, void 0, void 0, function () {
+        var url, _a, response, orgInfo, error_1;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 2, , 3]);
+                    url = "https://dbsedeq00i.execute-api.us-east-1.amazonaws.com/Prod/form/" + apiKey;
+                    if (domain) {
+                        url += "?domain=" + domain;
+                    }
+                    return [4 /*yield*/, Promise.all([
+                            axios.get(url),
+                            fetchOrgData(domain),
+                        ])];
+                case 1:
+                    _a = _b.sent(), response = _a[0], orgInfo = _a[1];
+                    if (response) {
+                        setForm(migrateFormData(response.data));
+                        if (valuesData !== undefined) {
+                            setOriginalValues(valuesData);
+                        }
+                    }
+                    if (orgInfo) {
+                        console.log(orgInfo);
+                        setOrganizationInfo(orgInfo);
+                    }
+                    else {
+                        setOrganizationInfo(null);
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _b.sent();
+                    setForm(null);
+                    setOrganizationInfo(null);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    if (form === undefined || organizationInfo === undefined) {
+        if (isWidget) {
+            return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50 }, void 0) }), void 0) }), void 0));
+        }
+        return (_jsx("div", __assign({ className: styles.curtain }, { children: _jsx(Loader, { size: 50 }, void 0) }), void 0));
+    }
+    else if (form === null) {
+        if (organizationInfo === null) {
+            if (isWidget) {
+                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }), void 0) }), void 0));
+            }
+            return _jsx("div", __assign({ className: styles.curtain }, { children: "Error" }), void 0);
+        }
+        else {
+            if (isWidget) {
+                return (_jsx("div", __assign({ className: styles.widgetContainer }, { children: _jsx("div", __assign({ className: styles.curtain }, { children: "404" }), void 0) }), void 0));
+            }
+            return _jsx("div", __assign({ className: styles.curtain }, { children: "404" }), void 0);
+        }
+    }
+    else {
+        return (_jsx("div", __assign({ ref: containerRef, className: styles.container }, { children: _jsx(FormComponent, __assign({}, others, { form: form, reload: function () {
+                    var tempForm = __assign({}, form);
+                    setForm(undefined);
+                    setTimeout(function () {
+                        setForm(tempForm);
+                    }, 100);
+                }, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo, customSteps: customSteps !== null && customSteps !== void 0 ? customSteps : {} }), void 0) }), void 0));
+    }
+}
+export default App;
+//THIS IS TEMP
+export var SIZES;
+(function (SIZES) {
+    SIZES["SMALL"] = "SMALL";
+    SIZES["MEDIUM"] = "MEDIUM";
+    SIZES["LARGE"] = "LARGE";
+})(SIZES || (SIZES = {}));
+export var SizesToNum = (_a = {},
+    _a[SIZES.LARGE] = 4,
+    _a[SIZES.MEDIUM] = 2,
+    _a[SIZES.SMALL] = 1,
+    _a);
+var migrateFormData = function (form) {
+    var steps = __assign({}, form.steps);
+    for (var _i = 0, _a = Object.keys(form.steps); _i < _a.length; _i++) {
+        var idStep = _a[_i];
+        var step = __assign({}, form.steps[idStep]);
+        if (step.size && isNaN(step.size)) {
+            step.size = getStaticWidth(step);
+        }
+        steps[idStep] = step;
+    }
+    var newForm = __assign(__assign({}, form), { steps: steps });
+    if (form.spacingSize === undefined) {
+        newForm.spacingSize = 20;
+        newForm.blockNum = 4;
+        newForm.blockSize = 210;
+    }
+    return newForm;
+};
+function getStaticWidth(step) {
+    if (step.type === StepTypes.SELECTOR ||
+        step.type === StepTypes.TEXTINPUT ||
+        step.type === StepTypes.CLASSIFIER_SELECTOR) {
+        switch (step.size) {
+            case SIZES.LARGE:
+                return 4;
+            case SIZES.MEDIUM:
+                return 2;
+            case SIZES.SMALL:
+                return 1;
+            default:
+                return 1;
+        }
+    }
+    else {
+        return 4;
+    }
+}

package/dist/App.module.css

@@ -0,0 +1,21 @@
+.curtain {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: white;
+}
+
+.container {
+    width: 100%;
+    position: relative;
+}
+
+.widgetContainer {
+    position: relative;
+    max-width: 100%;
+    height: 100%;
+}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { FormComponentProps } from '../Form';
-declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, widthStats, originalValues, }: FormComponentProps): JSX.Element;
-export default ColumnForm;
+/// <reference types="react" />
+import { FormComponentProps } from '../Form';
+declare function ColumnForm({ form, apiKey, reload, domain, postview, internal, formStyle, widthStats, customSteps, originalValues, }: FormComponentProps): JSX.Element;
+export default ColumnForm;