@soyfri/template 1.0.1 → 1.0.4

package/dist/partials/modals/create-app-stepper/steps/Step1.js

@@ -1,84 +1,69 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { KTIcon } from '../../../../helpers';
+const Step1 = ({ data, updateData, hasError }) => {
+    return (React.createElement("div", { className: 'current', "data-kt-stepper-element": 'content' },
+        React.createElement("div", { className: 'w-100' },
+            React.createElement("div", { className: 'fv-row mb-10' },
+                React.createElement("label", { className: 'd-flex align-items-center fs-5 fw-semibold mb-2' },
+                    React.createElement("span", { className: 'required' }, "App Name"),
+                    React.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Specify your unique app name' })),
+                React.createElement("input", { type: 'text', className: 'form-control form-control-lg form-control-solid', name: 'appname', placeholder: '', value: data.appBasic.appName, onChange: (e) => updateData({
+                        appBasic: {
+                            appName: e.target.value,
+                            appType: data.appBasic.appType,
+                        },
+                    }) }),
+                !data.appBasic.appName && hasError && (React.createElement("div", { className: 'fv-plugins-message-container' },
+                    React.createElement("div", { "data-field": 'appname', "data-validator": 'notEmpty', className: 'fv-help-block' }, "App name is required")))),
+            React.createElement("div", { className: 'fv-row' },
+                React.createElement("label", { className: 'd-flex align-items-center fs-5 fw-semibold mb-4' },
+                    React.createElement("span", { className: 'required' }, "Category"),
+                    React.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Select your app category' })),
+                React.createElement("div", null,
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between mb-6 cursor-pointer' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-primary' },
+                                    React.createElement(KTIcon, { iconName: 'compass', className: 'fs-1 text-primary' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "Quick Online Courses"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Creating a clear text structure is just one SEO"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appType', value: 'Quick Online Courses', checked: data.appBasic.appType === 'Quick Online Courses', onChange: () => updateData({
+                                    appBasic: {
+                                        appName: data.appBasic.appName,
+                                        appType: 'Quick Online Courses',
+                                    },
+                                }) }))),
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between mb-6 cursor-pointer' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-danger' },
+                                    React.createElement(KTIcon, { iconName: 'category', className: 'fs-1 text-danger' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "Face to Face Discussions"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Creating a clear text structure is just one aspect"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appType', value: 'Face to Face Discussions', checked: data.appBasic.appType === 'Face to Face Discussions', onChange: () => updateData({
+                                    appBasic: {
+                                        appName: data.appBasic.appName,
+                                        appType: 'Face to Face Discussions',
+                                    },
+                                }) }))),
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between mb-6 cursor-pointer' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-success' },
+                                    React.createElement(KTIcon, { iconName: 'timer', className: 'fs-1 text-success' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "Full Intro Training"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Creating a clear text structure copywriting"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appType', value: 'Full Intro Training', checked: data.appBasic.appType === 'Full Intro Training', onChange: () => updateData({
+                                    appBasic: {
+                                        appName: data.appBasic.appName,
+                                        appType: 'Full Intro Training',
+                                    },
+                                }) }))))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Step1 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../../helpers");
-var Step1 = function (_a) {
-    var data = _a.data, updateData = _a.updateData, hasError = _a.hasError;
-    return (react_1.default.createElement("div", { className: 'current', "data-kt-stepper-element": 'content' },
-        react_1.default.createElement("div", { className: 'w-100' },
-            react_1.default.createElement("div", { className: 'fv-row mb-10' },
-                react_1.default.createElement("label", { className: 'd-flex align-items-center fs-5 fw-semibold mb-2' },
-                    react_1.default.createElement("span", { className: 'required' }, "App Name"),
-                    react_1.default.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Specify your unique app name' })),
-                react_1.default.createElement("input", { type: 'text', className: 'form-control form-control-lg form-control-solid', name: 'appname', placeholder: '', value: data.appBasic.appName, onChange: function (e) {
-                        return updateData({
-                            appBasic: {
-                                appName: e.target.value,
-                                appType: data.appBasic.appType,
-                            },
-                        });
-                    } }),
-                !data.appBasic.appName && hasError && (react_1.default.createElement("div", { className: 'fv-plugins-message-container' },
-                    react_1.default.createElement("div", { "data-field": 'appname', "data-validator": 'notEmpty', className: 'fv-help-block' }, "App name is required")))),
-            react_1.default.createElement("div", { className: 'fv-row' },
-                react_1.default.createElement("label", { className: 'd-flex align-items-center fs-5 fw-semibold mb-4' },
-                    react_1.default.createElement("span", { className: 'required' }, "Category"),
-                    react_1.default.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Select your app category' })),
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between mb-6 cursor-pointer' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-primary' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'compass', className: 'fs-1 text-primary' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "Quick Online Courses"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Creating a clear text structure is just one SEO"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appType', value: 'Quick Online Courses', checked: data.appBasic.appType === 'Quick Online Courses', onChange: function () {
-                                    return updateData({
-                                        appBasic: {
-                                            appName: data.appBasic.appName,
-                                            appType: 'Quick Online Courses',
-                                        },
-                                    });
-                                } }))),
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between mb-6 cursor-pointer' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-danger' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'category', className: 'fs-1 text-danger' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "Face to Face Discussions"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Creating a clear text structure is just one aspect"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appType', value: 'Face to Face Discussions', checked: data.appBasic.appType === 'Face to Face Discussions', onChange: function () {
-                                    return updateData({
-                                        appBasic: {
-                                            appName: data.appBasic.appName,
-                                            appType: 'Face to Face Discussions',
-                                        },
-                                    });
-                                } }))),
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between mb-6 cursor-pointer' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-success' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'timer', className: 'fs-1 text-success' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "Full Intro Training"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Creating a clear text structure copywriting"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appType', value: 'Full Intro Training', checked: data.appBasic.appType === 'Full Intro Training', onChange: function () {
-                                    return updateData({
-                                        appBasic: {
-                                            appName: data.appBasic.appName,
-                                            appType: 'Full Intro Training',
-                                        },
-                                    });
-                                } }))))))));
-};
-exports.Step1 = Step1;
+export { Step1 };

package/dist/partials/modals/create-app-stepper/steps/Step2.js

@@ -1,57 +1,50 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+const Step2 = ({ data, updateData }) => {
+    return (React.createElement("div", { className: 'pb-5', "data-kt-stepper-element": 'content' },
+        React.createElement("div", { className: 'w-100' },
+            React.createElement("div", { className: 'fv-row' },
+                React.createElement("label", { className: 'd-flex align-items-center fs-5 fw-semibold mb-4' },
+                    React.createElement("span", { className: 'required' }, "Select Framework"),
+                    React.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Specify your apps framework' })),
+                React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                    React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                        React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                            React.createElement("span", { className: 'symbol-label bg-light-warning' },
+                                React.createElement("i", { className: 'fab fa-html5 text-warning fs-2x' }))),
+                        React.createElement("span", { className: 'd-flex flex-column' },
+                            React.createElement("span", { className: 'fw-bolder fs-6' }, "HTML5"),
+                            React.createElement("span", { className: 'fs-7 text-muted' }, "Base Web Projec"))),
+                    React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                        React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appFramework', value: 'HTML5', checked: data.appFramework === 'HTML5', onChange: () => updateData({ appFramework: 'HTML5' }) }))),
+                React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                    React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                        React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                            React.createElement("span", { className: 'symbol-label bg-light-success' },
+                                React.createElement("i", { className: 'fab fa-react text-success fs-2x' }))),
+                        React.createElement("span", { className: 'd-flex flex-column' },
+                            React.createElement("span", { className: 'fw-bolder fs-6' }, "ReactJS"),
+                            React.createElement("span", { className: 'fs-7 text-muted' }, "Robust and flexible app framework"))),
+                    React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                        React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appFramework', value: 'ReactJS', checked: data.appFramework === 'ReactJS', onChange: () => updateData({ appFramework: 'ReactJS' }) }))),
+                React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                    React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                        React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                            React.createElement("span", { className: 'symbol-label bg-light-danger' },
+                                React.createElement("i", { className: 'fab fa-angular text-danger fs-2x' }))),
+                        React.createElement("span", { className: 'd-flex flex-column' },
+                            React.createElement("span", { className: 'fw-bolder fs-6' }, "Angular"),
+                            React.createElement("span", { className: 'fs-7 text-muted' }, "Powerful data mangement"))),
+                    React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                        React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appFramework', value: 'Angular', checked: data.appFramework === 'Angular', onChange: () => updateData({ appFramework: 'Angular' }) }))),
+                React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                    React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                        React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                            React.createElement("span", { className: 'symbol-label bg-light-primary' },
+                                React.createElement("i", { className: 'fab fa-vuejs text-primary fs-2x' }))),
+                        React.createElement("span", { className: 'd-flex flex-column' },
+                            React.createElement("span", { className: 'fw-bolder fs-6' }, "Vue"),
+                            React.createElement("span", { className: 'fs-7 text-muted' }, "Lightweight and responsive framework"))),
+                    React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                        React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appFramework', value: 'Vue', checked: data.appFramework === 'Vue', onChange: () => updateData({ appFramework: 'Vue' }) })))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Step2 = void 0;
-var react_1 = __importDefault(require("react"));
-var Step2 = function (_a) {
-    var data = _a.data, updateData = _a.updateData;
-    return (react_1.default.createElement("div", { className: 'pb-5', "data-kt-stepper-element": 'content' },
-        react_1.default.createElement("div", { className: 'w-100' },
-            react_1.default.createElement("div", { className: 'fv-row' },
-                react_1.default.createElement("label", { className: 'd-flex align-items-center fs-5 fw-semibold mb-4' },
-                    react_1.default.createElement("span", { className: 'required' }, "Select Framework"),
-                    react_1.default.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Specify your apps framework' })),
-                react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                    react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                        react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                            react_1.default.createElement("span", { className: 'symbol-label bg-light-warning' },
-                                react_1.default.createElement("i", { className: 'fab fa-html5 text-warning fs-2x' }))),
-                        react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                            react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "HTML5"),
-                            react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Base Web Projec"))),
-                    react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                        react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appFramework', value: 'HTML5', checked: data.appFramework === 'HTML5', onChange: function () { return updateData({ appFramework: 'HTML5' }); } }))),
-                react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                    react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                        react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                            react_1.default.createElement("span", { className: 'symbol-label bg-light-success' },
-                                react_1.default.createElement("i", { className: 'fab fa-react text-success fs-2x' }))),
-                        react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                            react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "ReactJS"),
-                            react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Robust and flexible app framework"))),
-                    react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                        react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appFramework', value: 'ReactJS', checked: data.appFramework === 'ReactJS', onChange: function () { return updateData({ appFramework: 'ReactJS' }); } }))),
-                react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                    react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                        react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                            react_1.default.createElement("span", { className: 'symbol-label bg-light-danger' },
-                                react_1.default.createElement("i", { className: 'fab fa-angular text-danger fs-2x' }))),
-                        react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                            react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "Angular"),
-                            react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Powerful data mangement"))),
-                    react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                        react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appFramework', value: 'Angular', checked: data.appFramework === 'Angular', onChange: function () { return updateData({ appFramework: 'Angular' }); } }))),
-                react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                    react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                        react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                            react_1.default.createElement("span", { className: 'symbol-label bg-light-primary' },
-                                react_1.default.createElement("i", { className: 'fab fa-vuejs text-primary fs-2x' }))),
-                        react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                            react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "Vue"),
-                            react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Lightweight and responsive framework"))),
-                    react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                        react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appFramework', value: 'Vue', checked: data.appFramework === 'Vue', onChange: function () { return updateData({ appFramework: 'Vue' }); } })))))));
-};
-exports.Step2 = Step2;
+export { Step2 };

package/dist/partials/modals/create-app-stepper/steps/Step3.js

@@ -1,81 +1,66 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+const Step3 = ({ data, updateData, hasError }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'pb-5', "data-kt-stepper-element": 'content' },
+            React.createElement("div", { className: 'w-100' },
+                React.createElement("div", { className: 'fv-row mb-10' },
+                    React.createElement("label", { className: 'required fs-5 fw-semibold mb-2' }, "Database Name"),
+                    React.createElement("input", { type: 'text', className: 'form-control form-control-lg form-control-solid', name: 'dbname', value: data.appDatabase.databaseName, onChange: (e) => updateData({
+                            appDatabase: {
+                                databaseName: e.target.value,
+                                databaseSolution: data.appDatabase.databaseSolution,
+                            },
+                        }) }),
+                    !data.appDatabase.databaseName && hasError && (React.createElement("div", { className: 'fv-plugins-message-container' },
+                        React.createElement("div", { "data-field": 'appname', "data-validator": 'notEmpty', className: 'fv-help-block' }, "Database name is required")))),
+                React.createElement("div", { className: 'fv-row' },
+                    React.createElement("label", { className: 'd-flex align-items-center fs-5 fw-semibold mb-4' },
+                        React.createElement("span", { className: 'required' }, "Select Database Engine"),
+                        React.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Select your app database engine' })),
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-success' },
+                                    React.createElement("i", { className: 'fas fa-database text-success fs-2x' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "MySQL"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Basic MySQL database"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'databaseSolution', value: 'MySQL', checked: data.appDatabase.databaseSolution === 'MySQL', onChange: () => updateData({
+                                    appDatabase: {
+                                        databaseName: data.appDatabase.databaseName,
+                                        databaseSolution: 'MySQL',
+                                    },
+                                }) }))),
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-danger' },
+                                    React.createElement("i", { className: 'fab fa-google text-danger fs-2x' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "Firebase"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Google based app data management"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'databaseSolution', value: 'Firebase', checked: data.appDatabase.databaseSolution === 'Firebase', onChange: () => updateData({
+                                    appDatabase: {
+                                        databaseName: data.appDatabase.databaseName,
+                                        databaseSolution: 'Firebase',
+                                    },
+                                }) }))),
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-warning' },
+                                    React.createElement("i", { className: 'fab fa-amazon text-warning fs-2x' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "DynamoDB"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Amazon Fast NoSQL Database"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'databaseSolution', value: 'DynamoDB', checked: data.appDatabase.databaseSolution === 'DynamoDB', onChange: () => updateData({
+                                    appDatabase: {
+                                        databaseName: data.appDatabase.databaseName,
+                                        databaseSolution: 'DynamoDB',
+                                    },
+                                }) }))))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Step3 = void 0;
-var react_1 = __importDefault(require("react"));
-var Step3 = function (_a) {
-    var data = _a.data, updateData = _a.updateData, hasError = _a.hasError;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: 'pb-5', "data-kt-stepper-element": 'content' },
-            react_1.default.createElement("div", { className: 'w-100' },
-                react_1.default.createElement("div", { className: 'fv-row mb-10' },
-                    react_1.default.createElement("label", { className: 'required fs-5 fw-semibold mb-2' }, "Database Name"),
-                    react_1.default.createElement("input", { type: 'text', className: 'form-control form-control-lg form-control-solid', name: 'dbname', value: data.appDatabase.databaseName, onChange: function (e) {
-                            return updateData({
-                                appDatabase: {
-                                    databaseName: e.target.value,
-                                    databaseSolution: data.appDatabase.databaseSolution,
-                                },
-                            });
-                        } }),
-                    !data.appDatabase.databaseName && hasError && (react_1.default.createElement("div", { className: 'fv-plugins-message-container' },
-                        react_1.default.createElement("div", { "data-field": 'appname', "data-validator": 'notEmpty', className: 'fv-help-block' }, "Database name is required")))),
-                react_1.default.createElement("div", { className: 'fv-row' },
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center fs-5 fw-semibold mb-4' },
-                        react_1.default.createElement("span", { className: 'required' }, "Select Database Engine"),
-                        react_1.default.createElement("i", { className: 'fas fa-exclamation-circle ms-2 fs-7', "data-bs-toggle": 'tooltip', title: 'Select your app database engine' })),
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-success' },
-                                    react_1.default.createElement("i", { className: 'fas fa-database text-success fs-2x' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "MySQL"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Basic MySQL database"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'databaseSolution', value: 'MySQL', checked: data.appDatabase.databaseSolution === 'MySQL', onChange: function () {
-                                    return updateData({
-                                        appDatabase: {
-                                            databaseName: data.appDatabase.databaseName,
-                                            databaseSolution: 'MySQL',
-                                        },
-                                    });
-                                } }))),
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-danger' },
-                                    react_1.default.createElement("i", { className: 'fab fa-google text-danger fs-2x' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "Firebase"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Google based app data management"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'databaseSolution', value: 'Firebase', checked: data.appDatabase.databaseSolution === 'Firebase', onChange: function () {
-                                    return updateData({
-                                        appDatabase: {
-                                            databaseName: data.appDatabase.databaseName,
-                                            databaseSolution: 'Firebase',
-                                        },
-                                    });
-                                } }))),
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-warning' },
-                                    react_1.default.createElement("i", { className: 'fab fa-amazon text-warning fs-2x' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "DynamoDB"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Amazon Fast NoSQL Database"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'databaseSolution', value: 'DynamoDB', checked: data.appDatabase.databaseSolution === 'DynamoDB', onChange: function () {
-                                    return updateData({
-                                        appDatabase: {
-                                            databaseName: data.appDatabase.databaseName,
-                                            databaseSolution: 'DynamoDB',
-                                        },
-                                    });
-                                } }))))))));
-};
-exports.Step3 = Step3;
+export { Step3 };

package/dist/partials/modals/create-app-stepper/steps/Step4.js

@@ -1,47 +1,40 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+const Step4 = ({ data, updateData }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: 'pb-5', "data-kt-stepper-element": 'content' },
+            React.createElement("div", { className: 'w-100' },
+                React.createElement("div", { className: 'fv-row' },
+                    React.createElement("label", { className: 'fs-6 fw-bolder text-gray-900 mb-7d-flex align-items-center fs-5 fw-semibold mb-4' },
+                        React.createElement("span", { className: 'required' }, "Select Storage")),
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-primary' },
+                                    React.createElement("i", { className: 'fab fa-linux text-primary fs-2x' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "Basic Server"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Linux based server storage"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appStorage', value: 'Basic Server', checked: data.appStorage === 'Basic Server', onChange: () => updateData({ appStorage: 'Basic Server' }) }))),
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-warning' },
+                                    React.createElement("i", { className: 'fab fa-aws text-warning fs-2x' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "AWS"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Amazon Web Services"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appStorage', value: 'AWS', checked: data.appStorage === 'AWS', onChange: () => updateData({ appStorage: 'AWS' }) }))),
+                    React.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
+                        React.createElement("span", { className: 'd-flex align-items-center me-2' },
+                            React.createElement("span", { className: 'symbol symbol-50px me-6' },
+                                React.createElement("span", { className: 'symbol-label bg-light-success  ' },
+                                    React.createElement("i", { className: 'fab fa-google text-success fs-2x' }))),
+                            React.createElement("span", { className: 'd-flex flex-column' },
+                                React.createElement("span", { className: 'fw-bolder fs-6' }, "Google"),
+                                React.createElement("span", { className: 'fs-7 text-muted' }, "Google Cloud Storage"))),
+                        React.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
+                            React.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appStorage', value: 'Google', checked: data.appStorage === 'Google', onChange: () => updateData({ appStorage: 'Google' }) }))))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Step4 = void 0;
-var react_1 = __importDefault(require("react"));
-var Step4 = function (_a) {
-    var data = _a.data, updateData = _a.updateData;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: 'pb-5', "data-kt-stepper-element": 'content' },
-            react_1.default.createElement("div", { className: 'w-100' },
-                react_1.default.createElement("div", { className: 'fv-row' },
-                    react_1.default.createElement("label", { className: 'fs-6 fw-bolder text-gray-900 mb-7d-flex align-items-center fs-5 fw-semibold mb-4' },
-                        react_1.default.createElement("span", { className: 'required' }, "Select Storage")),
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-primary' },
-                                    react_1.default.createElement("i", { className: 'fab fa-linux text-primary fs-2x' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "Basic Server"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Linux based server storage"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appStorage', value: 'Basic Server', checked: data.appStorage === 'Basic Server', onChange: function () { return updateData({ appStorage: 'Basic Server' }); } }))),
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-warning' },
-                                    react_1.default.createElement("i", { className: 'fab fa-aws text-warning fs-2x' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "AWS"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Amazon Web Services"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appStorage', value: 'AWS', checked: data.appStorage === 'AWS', onChange: function () { return updateData({ appStorage: 'AWS' }); } }))),
-                    react_1.default.createElement("label", { className: 'd-flex align-items-center justify-content-between cursor-pointer mb-6' },
-                        react_1.default.createElement("span", { className: 'd-flex align-items-center me-2' },
-                            react_1.default.createElement("span", { className: 'symbol symbol-50px me-6' },
-                                react_1.default.createElement("span", { className: 'symbol-label bg-light-success  ' },
-                                    react_1.default.createElement("i", { className: 'fab fa-google text-success fs-2x' }))),
-                            react_1.default.createElement("span", { className: 'd-flex flex-column' },
-                                react_1.default.createElement("span", { className: 'fw-bolder fs-6' }, "Google"),
-                                react_1.default.createElement("span", { className: 'fs-7 text-muted' }, "Google Cloud Storage"))),
-                        react_1.default.createElement("span", { className: 'form-check form-check-custom form-check-solid' },
-                            react_1.default.createElement("input", { className: 'form-check-input', type: 'radio', name: 'appStorage', value: 'Google', checked: data.appStorage === 'Google', onChange: function () { return updateData({ appStorage: 'Google' }); } }))))))));
-};
-exports.Step4 = Step4;
+export { Step4 };

package/dist/partials/modals/create-app-stepper/steps/Step5.js

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { useIllustrationsPath } from '../../../../helpers';
+const Step5 = () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { "data-kt-stepper-element": 'content' },
+            React.createElement("div", { className: 'w-100 text-center' },
+                React.createElement("h1", { className: 'fw-bold text-gray-900 mb-3' }, "Release!"),
+                React.createElement("div", { className: 'text-muted fw-semibold fs-3' }, "Submit your app to kickstart your project."),
+                React.createElement("div", { className: 'text-center px-4 py-15' },
+                    React.createElement("img", { src: useIllustrationsPath('9.png'), alt: '', className: 'mw-100 mh-300px' }))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Step5 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../../helpers");
-var Step5 = function () {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { "data-kt-stepper-element": 'content' },
-            react_1.default.createElement("div", { className: 'w-100 text-center' },
-                react_1.default.createElement("h1", { className: 'fw-bold text-gray-900 mb-3' }, "Release!"),
-                react_1.default.createElement("div", { className: 'text-muted fw-semibold fs-3' }, "Submit your app to kickstart your project."),
-                react_1.default.createElement("div", { className: 'text-center px-4 py-15' },
-                    react_1.default.createElement("img", { src: (0, helpers_1.useIllustrationsPath)('9.png'), alt: '', className: 'mw-100 mh-300px' }))))));
-};
-exports.Step5 = Step5;
+export { Step5 };