@arquimedes.co/eureka-forms 2.0.76 → 2.0.78

package/dist/App/App.d.ts

@@ -31,6 +31,11 @@ export interface AppProps {
     customStepProps?: Record<string, unknown>;
     /** Classifiers dict */
     classifiers?: Record<string, Classifier>;
+    /** Custom Confirmation Content */
+    customConfirmation?: (confirmation: {
+        url: string;
+        caseNumber: string;
+    }, renderIcon: () => JSX.Element, renderConfirmation: () => JSX.Element | void, renderLink: () => JSX.Element | void) => JSX.Element;
     /** Custom function to call on send */
     customSubmit?: (values: Record<string, unknown>, reload: () => void) => Promise<void>;
     /** Custom submit function, when passed it is called */

package/dist/Form/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
+import { AppProps } from '../../App/App';
 interface ConfirmationDialogProps {
     confirmation: {
         case: string;
         url: string;
     };
+    customConfirmation?: AppProps['customConfirmation'];
     onClose: () => void;
 }
-declare function ConfirmationDialog({ confirmation, onClose, }: ConfirmationDialogProps): JSX.Element;
+declare function ConfirmationDialog({ onClose, confirmation, customConfirmation, }: ConfirmationDialogProps): JSX.Element;
 export default ConfirmationDialog;

package/dist/Form/ConfirmationDialog/ConfirmationDialog.js

@@ -32,7 +32,7 @@ import { useContext, useMemo } from 'react';
 import { mapDraftEntities } from '../../Utils/DraftFunctions';
 import FormContext from '../../Contexts/FormContext';
 function ConfirmationDialog(_a) {
-    var confirmation = _a.confirmation, onClose = _a.onClose;
+    var onClose = _a.onClose, confirmation = _a.confirmation, customConfirmation = _a.customConfirmation;
     var _b = useAppSelector(function (state) { return state.global; }), formStyle = _b.formStyle, global = __rest(_b, ["formStyle"]);
     var form = useContext(FormContext);
     var dependencies = useAppSelector(function (state) { return state.site.dependencies; });
@@ -44,6 +44,33 @@ function ConfirmationDialog(_a) {
         }, JSON.parse(JSON.stringify(global.confirmation.confirmationMessage)))));
     }, [global.confirmation, dependencies, form]);
     var hasText = editorState.getCurrentContent().hasText();
+    var renderIcon = function () {
+        return (_jsx("div", __assign({ className: styles.checkContainer, style: {
+                color: formStyle.primaryColor,
+                paddingTop: widthStats.isMobile ? '20px' : '30px',
+            } }, { children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit", style: {
+                    fontSize: widthStats.isMobile ? '100px' : '160px',
+                } }) })));
+    };
+    var renderConfirmation = function (state) {
+        if (state === void 0) { state = editorState; }
+        if (hasText) {
+            return (_jsx("div", __assign({ className: styles.messageContainer, style: {
+                    fontSize: widthStats.isMobile ? '1.1rem' : '1.4rem',
+                    padding: widthStats.isMobile ? '5px 0px' : '20px 0px',
+                } }, { children: _jsx(Editor, { editorClassName: 'Erk-Forms-Confirmation', editorState: state, readOnly: true, toolbarHidden: true }) })));
+        }
+    };
+    var renderLink = function () {
+        if (global.confirmation.showLink) {
+            return (_jsxs(_Fragment, { children: [_jsx("div", __assign({ className: widthStats.isMobile
+                            ? styles.mobileLinkContainer
+                            : styles.linkContainer }, { children: "Puedes consultar el estado aqui:" })), _jsx("a", __assign({ className: styles.url, "data-testid": "ResUrl", target: "_blank", href: confirmation.url, style: {
+                            color: '#293241',
+                            fontSize: widthStats.isMobile ? '1rem' : '1.2rem',
+                        } }, { children: confirmation.url }))] }));
+        }
+    };
     return (_jsx(Dialog, __assign({ PaperProps: {
             style: {
                 borderRadius: '20px',
@@ -55,27 +82,9 @@ function ConfirmationDialog(_a) {
                 padding: widthStats.isMobile ? '0px 20px' : '0px 30px',
             } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
                         onClose();
-                    } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsxs("div", __assign({ className: styles.container }, { children: [_jsx("div", __assign({ className: styles.checkContainer, style: {
-                                color: formStyle.primaryColor,
-                                paddingTop: widthStats.isMobile ? '20px' : '30px',
-                            } }, { children: _jsx(CheckCircleOutlineRoundedIcon, { fontSize: "inherit", style: {
-                                    fontSize: widthStats.isMobile
-                                        ? '100px'
-                                        : '160px',
-                                } }) })), hasText && (_jsx("div", __assign({ className: styles.messageContainer, style: {
-                                fontSize: widthStats.isMobile
-                                    ? '1.1rem'
-                                    : '1.4rem',
-                                padding: widthStats.isMobile
-                                    ? '5px 0px'
-                                    : '20px 0px',
-                            } }, { children: _jsx(Editor, { editorClassName: 'Erk-Forms-Confirmation', editorState: editorState, readOnly: true, toolbarHidden: true }) }))), global.confirmation.showLink && (_jsxs(_Fragment, { children: [_jsx("div", __assign({ className: widthStats.isMobile
-                                        ? styles.mobileLinkContainer
-                                        : styles.linkContainer }, { children: "Puedes consultar el estado aqui:" })), _jsx("a", __assign({ className: styles.url, "data-testid": "ResUrl", target: "_blank", href: confirmation.url, style: {
-                                        color: '#293241',
-                                        fontSize: widthStats.isMobile
-                                            ? '1rem'
-                                            : '1.2rem',
-                                    } }, { children: confirmation.url }))] }))] }))] })) })));
+                    } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), !customConfirmation && (_jsxs("div", __assign({ className: styles.container }, { children: [renderIcon(), renderConfirmation(), renderLink()] }))), customConfirmation === null || customConfirmation === void 0 ? void 0 : customConfirmation({
+                    url: confirmation.url,
+                    caseNumber: confirmation.case,
+                }, renderIcon, renderConfirmation, renderLink)] })) })));
 }
 export default ConfirmationDialog;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "2.0.76",
+    "version": "2.0.78",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",