@feathery/react 2.24.4 → 2.25.0

package/cjs/Form/tests/testMocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testMocks.d.ts","sourceRoot":"","sources":["../../../src/Form/tests/testMocks.tsx"],"names":[],"mappings":"AAGA,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAyaF,eAAO,MAAM,oBAAoB,EAAE,GAElC,CAAC"}
+{"version":3,"file":"testMocks.d.ts","sourceRoot":"","sources":["../../../src/Form/tests/testMocks.tsx"],"names":[],"mappings":"AAGA,oBAAY,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAkbF,eAAO,MAAM,oBAAoB,EAAE,GAElC,CAAC"}

package/cjs/elements/fields/SignatureField/components/SignatureModal.d.ts

@@ -5,6 +5,7 @@ declare type SignatureModalProps = SignatureCanvasProps & {
     setShow: (val: boolean) => void;
     returnFile?: boolean;
     signMethods: '' | 'draw' | 'type';
+    isInitials?: boolean;
     translation: SignatureTranslations;
     onEnd: (file: File) => void;
 };

package/cjs/elements/fields/SignatureField/components/SignatureModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureModal.d.ts","sourceRoot":"","sources":["../../../../../src/elements/fields/SignatureField/components/SignatureModal.tsx"],"names":[],"mappings":"AAIA,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAIvD,aAAK,mBAAmB,GAAG,oBAAoB,GAAG;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,WAAW,EAAE,qBAAqB,CAAC;IACnC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC7B,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2DA8ajD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SignatureModal.d.ts","sourceRoot":"","sources":["../../../../../src/elements/fields/SignatureField/components/SignatureModal.tsx"],"names":[],"mappings":"AAIA,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAG1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKvD,aAAK,mBAAmB,GAAG,oBAAoB,GAAG;IAChD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,qBAAqB,CAAC;IACnC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAC7B,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2DAmcjD;AAED,eAAe,cAAc,CAAC"}

package/cjs/elements/fields/SignatureField/index.d.ts

@@ -1,4 +1,4 @@
-declare function SignatureField({ element, fieldLabel, responsiveStyles, defaultValue, editMode, repeatIndex, elementProps, disabled, onEnd, onClear, ReactPortal, // This is allowing the ability to pass a portal for the modal
+declare function SignatureField({ element, responsiveStyles, defaultValue, editMode, repeatIndex, elementProps, disabled, onEnd, onClear, ReactPortal, // This is allowing the ability to pass a portal for the modal
 children }: any): import("@emotion/react/jsx-runtime").JSX.Element;
 export default SignatureField;
 //# sourceMappingURL=index.d.ts.map

package/cjs/elements/fields/SignatureField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/SignatureField/index.tsx"],"names":[],"mappings":"AAOA,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,YAAmB,EACnB,QAAQ,EACR,WAAW,EACX,YAAiB,EACjB,QAAgB,EAChB,KAAgB,EAChB,OAAkB,EAClB,WAAkB,EAAE,8DAA8D;AAClF,QAAQ,EACT,EAAE,GAAG,oDA8GL;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/SignatureField/index.tsx"],"names":[],"mappings":"AAOA,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,gBAAgB,EAChB,YAAmB,EACnB,QAAQ,EACR,WAAW,EACX,YAAiB,EACjB,QAAgB,EAChB,KAAgB,EAChB,OAAkB,EAClB,WAAkB,EAAE,8DAA8D;AAClF,QAAQ,EACT,EAAE,GAAG,oDAiHL;AAED,eAAe,cAAc,CAAC"}

package/cjs/elements/fields/SignatureField/translation.d.ts

@@ -13,6 +13,16 @@ export declare const defaultTranslations: {
     readonly cancel: "Cancel";
     readonly back: "Back";
     readonly clear: "Clear";
+    readonly initials_label: "Initial here";
+    readonly initials_title: "Add your initials";
+    readonly initials_type_option: "Type your initials";
+    readonly initials_type_placeholder: "Your initials";
+    readonly initials_type_example: "A.B.";
+    readonly initials_type_loading: "Generating initials";
+    readonly initials_draw_option: "Draw your initials";
+    readonly initials_draw_subtitle: "Draw your initials here using your mouse or trackpad";
+    readonly initials_draw_instructions: "Draw your initials in the box below";
+    readonly initials_confirm: "Initial";
 };
 export declare type SignatureTranslations = typeof defaultTranslations;
 //# sourceMappingURL=translation.d.ts.map

package/cjs/elements/fields/SignatureField/translation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translation.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/SignatureField/translation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;CAetB,CAAC;AAEX,oBAAY,qBAAqB,GAAG,OAAO,mBAAmB,CAAC"}
+{"version":3,"file":"translation.d.ts","sourceRoot":"","sources":["../../../../src/elements/fields/SignatureField/translation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtB,CAAC;AAEX,oBAAY,qBAAqB,GAAG,OAAO,mBAAmB,CAAC"}

package/cjs/{fthry_FormControl.JuNlGIue.js → fthry_FormControl.jb0RFGiz.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 
 // Simple input used for the 'other' option in checkbox and radio groups
 function FormControl(_a) {

package/cjs/{fthry_InlineTooltip.CGlqnRfq.js → fthry_InlineTooltip.CJHgZjCO.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.CtLw7y41.js');
+var Overlay = require('./fthry_Overlay.2ODhW4Qf.js');
 
 function HelpIcon(_a) {
     var _b = _a.cssStyles, cssStyles = _b === void 0 ? {} : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c;

package/cjs/{fthry_Overlay.CtLw7y41.js → fthry_Overlay.2ODhW4Qf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 

package/cjs/{fthry_PaymentMethodField.omuUnwso.js → fthry_PaymentMethodField.DrRGYE3e.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.qqHoT24C.js');
+var index$1 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var index = require('./fthry_index.DspE0QVU.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
+var index = require('./fthry_index.CaCLsAde.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CtLw7y41.js');
+require('./fthry_Overlay.2ODhW4Qf.js');
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);

package/cjs/{fthry_Placeholder.BZswIwby.js → fthry_Placeholder.b8nhL5Yl.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 
 function Placeholder(_a) {
     var _b;

package/cjs/{fthry_ShowEyeIcon.DtgqEf4Z.js → fthry_ShowEyeIcon.4s-diweI.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 
 function ShowEyeIcon$1(_a) {
     var _b = _a.width, width = _b === void 0 ? 30 : _b, _c = _a.height, height = _c === void 0 ? 30 : _c, props = index.__rest(_a, ["width", "height"]);

package/cjs/{fthry_index.Difpr0Et.js → fthry_index.1L5fWpFS.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var index$1 = require('./fthry_index.DspE0QVU.js');
+var index$1 = require('./fthry_index.CaCLsAde.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
@@ -1145,20 +1145,22 @@ var SignatureCanvas = React.forwardRef(function (props, ref) {
 });
 
 var SIGNER_NAME_KEY = 'feathery-signer-name';
+var SIGNER_INITIALS_KEY = 'feathery-signer-initials';
 function SignatureModal(props) {
     var _a, _b;
-    var _c = props.show, show = _c === void 0 ? false : _c, _d = props.setShow, setShow = _d === void 0 ? function () { } : _d, fieldKey = props.fieldKey, repeatIndex = props.repeatIndex, defaultValue = props.defaultValue, responsiveStyles = props.responsiveStyles, _e = props.onClear, onClear = _e === void 0 ? function () { } : _e, _f = props.onEnd, onEnd = _f === void 0 ? function () { } : _f, _g = props.signMethods, signMethods = _g === void 0 ? '' : _g, t = props.translation;
+    var _c = props.show, show = _c === void 0 ? false : _c, _d = props.setShow, setShow = _d === void 0 ? function () { } : _d, fieldKey = props.fieldKey, repeatIndex = props.repeatIndex, defaultValue = props.defaultValue, responsiveStyles = props.responsiveStyles, _e = props.onClear, onClear = _e === void 0 ? function () { } : _e, _f = props.onEnd, onEnd = _f === void 0 ? function () { } : _f, _g = props.signMethods, signMethods = _g === void 0 ? '' : _g, _h = props.isInitials, isInitials = _h === void 0 ? false : _h, t = props.translation;
     var typeOnly = signMethods === 'type';
     var drawOnly = signMethods === 'draw';
-    var _h = index.__read(React.useState(drawOnly), 2), drawSignature = _h[0], setDrawSignature = _h[1];
-    var _j = index.__read(React.useState(''), 2), fullName = _j[0], setFullName = _j[1];
-    var _k = index.__read(React.useState(false), 2), isLoading = _k[0], setLoading = _k[1];
-    var _l = index.__read(React.useState(), 2), signatureFile = _l[0], setSignatureFile = _l[1];
-    var _m = index.__read(React.useState(''), 2), signatureImgData = _m[0], setSignatureImgData = _m[1];
+    var _j = index.__read(React.useState(drawOnly), 2), drawSignature = _j[0], setDrawSignature = _j[1];
+    var _k = index.__read(React.useState(''), 2), fullName = _k[0], setFullName = _k[1];
+    var _l = index.__read(React.useState(false), 2), isLoading = _l[0], setLoading = _l[1];
+    var _m = index.__read(React.useState(), 2), signatureFile = _m[0], setSignatureFile = _m[1];
+    var _o = index.__read(React.useState(''), 2), signatureImgData = _o[0], setSignatureImgData = _o[1];
     var fullNameRef = React.useRef(fullName);
     var signatureCanvasRef = React.useRef(null);
+    var storageKey = isInitials ? SIGNER_INITIALS_KEY : SIGNER_NAME_KEY;
     var getSignerNameFromSessionStorage = function () {
-        var signerName = sessionStorage.getItem(SIGNER_NAME_KEY);
+        var signerName = sessionStorage.getItem(storageKey);
         return signerName || '';
     };
     React.useEffect(function () {
@@ -1237,7 +1239,7 @@ function SignatureModal(props) {
     var handleSubmit = function () {
         if (signatureFile) {
             onEnd(signatureFile);
-            sessionStorage.setItem(SIGNER_NAME_KEY, fullName);
+            sessionStorage.setItem(storageKey, fullName);
             setShow(false);
             resetState();
         }
@@ -1275,7 +1277,7 @@ function SignatureModal(props) {
                             display: 'flex',
                             padding: '20px',
                             borderBottom: '1px solid #e9e9e9'
-                        } }, { children: [index.jsx("h3", index.__assign({ css: { padding: 0, margin: 0, flex: '1' } }, { children: t.title })), index.jsx(index.CloseIcon, { onClick: function () { return handleCancel(); }, css: { '&:hover': { cursor: 'pointer' } } })] })), index.jsxs("div", index.__assign({ css: {
+                        } }, { children: [index.jsx("h3", index.__assign({ css: { padding: 0, margin: 0, flex: '1' } }, { children: isInitials ? t.initials_title : t.title })), index.jsx(index.CloseIcon, { onClick: function () { return handleCancel(); }, css: { '&:hover': { cursor: 'pointer' } } })] })), index.jsxs("div", index.__assign({ css: {
                             position: 'relative',
                             padding: '20px 20px 30px 20px',
                             '& h3': {
@@ -1288,10 +1290,12 @@ function SignatureModal(props) {
                                             gap: '15px',
                                             flexDirection: 'column',
                                             paddingBottom: '30px'
-                                        } }, { children: [index.jsx("h3", { children: t.type_option }), index.jsx("input", { defaultValue: getSignerNameFromSessionStorage(), onChange: function (e) {
+                                        } }, { children: [index.jsx("h3", { children: isInitials ? t.initials_type_option : t.type_option }), index.jsx("input", { defaultValue: getSignerNameFromSessionStorage(), onChange: function (e) {
                                                     var val = e.target.value.trim();
                                                     setFullName(val);
-                                                }, placeholder: t.type_placeholder, css: {
+                                                }, placeholder: isInitials
+                                                    ? t.initials_type_placeholder
+                                                    : t.type_placeholder, css: {
                                                     padding: '8px 10px',
                                                     borderRadius: '4px',
                                                     border: '1px solid #e9e9e9',
@@ -1322,7 +1326,7 @@ function SignatureModal(props) {
                                                             fontFamily: 'sans-serif',
                                                             fontSize: '.9rem',
                                                             borderRadius: '4px'
-                                                        } }, { children: t.type_loading }))), !signatureImgData ? (t.type_example) : (index.jsx("img", { src: signatureImgData, alt: 'Signature', css: { maxHeight: '100%', maxWidth: '100%' } }))] }))] })), !typeOnly && (index.jsxs(index.Fragment, { children: [index.jsx("div", index.__assign({ css: {
+                                                        } }, { children: isInitials ? t.initials_type_loading : t.type_loading }))), !signatureImgData ? (isInitials ? (t.initials_type_example) : (t.type_example)) : (index.jsx("img", { src: signatureImgData, alt: 'Signature', css: { maxHeight: '100%', maxWidth: '100%' } }))] }))] })), !typeOnly && (index.jsxs(index.Fragment, { children: [index.jsx("div", index.__assign({ css: {
                                                     height: '1px',
                                                     display: 'flex',
                                                     alignItems: 'center',
@@ -1351,14 +1355,18 @@ function SignatureModal(props) {
                                                             border: '1px solid #5e5e5e',
                                                             cursor: 'pointer'
                                                         }
-                                                    } }, { children: [index.jsx("h3", { children: t.draw_option }), index.jsx("p", { children: t.draw_subtitle })] })) }))] }))] })), drawSignature && (index.jsxs("div", index.__assign({ css: {
+                                                    } }, { children: [index.jsx("h3", { children: isInitials ? t.initials_draw_option : t.draw_option }), index.jsx("p", { children: isInitials
+                                                                ? t.initials_draw_subtitle
+                                                                : t.draw_subtitle })] })) }))] }))] })), drawSignature && (index.jsxs("div", index.__assign({ css: {
                                     display: 'flex',
                                     flexDirection: 'column',
                                     gap: '15px'
                                 } }, { children: [index.jsx("p", index.__assign({ css: {
                                             margin: 0,
                                             padding: 0
-                                        } }, { children: t.draw_instructions })), index.jsx("div", index.__assign({ css: { position: 'relative', width: '100%', height: '200px' } }, { children: index.jsx(SignatureCanvas, { ref: signatureCanvasRef, fieldKey: fieldKey, repeatIndex: repeatIndex, responsiveStyles: responsiveStyles, onClear: onClear, onEnd: generateDrawnSignature, showClear: false, translation: t }) }))] })))] })), index.jsxs("div", index.__assign({ css: {
+                                        } }, { children: isInitials
+                                            ? t.initials_draw_instructions
+                                            : t.draw_instructions })), index.jsx("div", index.__assign({ css: { position: 'relative', width: '100%', height: '200px' } }, { children: index.jsx(SignatureCanvas, { ref: signatureCanvasRef, fieldKey: fieldKey, repeatIndex: repeatIndex, responsiveStyles: responsiveStyles, onClear: onClear, onEnd: generateDrawnSignature, showClear: false, translation: t }) }))] })))] })), index.jsxs("div", index.__assign({ css: {
                             position: 'relative',
                             display: 'flex',
                             padding: '20px 20px',
@@ -1400,7 +1408,7 @@ function SignatureModal(props) {
                                                     cursor: 'not-allowed'
                                                 }
                                             }
-                                        } }, { children: t.confirm }))] })] }))] }))] })));
+                                        } }, { children: isInitials ? t.initials_confirm : t.confirm }))] })] }))] }))] })));
 }
 
 var defaultTranslations = {
@@ -1417,35 +1425,48 @@ var defaultTranslations = {
     confirm: 'Sign',
     cancel: 'Cancel',
     back: 'Back',
-    clear: 'Clear'
+    clear: 'Clear',
+    initials_label: 'Initial here',
+    initials_title: 'Add your initials',
+    initials_type_option: 'Type your initials',
+    initials_type_placeholder: 'Your initials',
+    initials_type_example: 'A.B.',
+    initials_type_loading: 'Generating initials',
+    initials_draw_option: 'Draw your initials',
+    initials_draw_subtitle: 'Draw your initials here using your mouse or trackpad',
+    initials_draw_instructions: 'Draw your initials in the box below',
+    initials_confirm: 'Initial'
 };
 
 function SignatureField(_a) {
-    var _b, _c, _d, _e;
-    var element = _a.element, fieldLabel = _a.fieldLabel, responsiveStyles = _a.responsiveStyles, _f = _a.defaultValue, defaultValue = _f === void 0 ? null : _f, editMode = _a.editMode, repeatIndex = _a.repeatIndex, _g = _a.elementProps, elementProps = _g === void 0 ? {} : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.onEnd, onEnd = _j === void 0 ? function () { } : _j, _k = _a.onClear, onClear = _k === void 0 ? function () { } : _k, _l = _a.ReactPortal, ReactPortal = _l === void 0 ? null : _l, // This is allowing the ability to pass a portal for the modal
+    var _b, _c, _d, _e, _f;
+    var element = _a.element, responsiveStyles = _a.responsiveStyles, _g = _a.defaultValue, defaultValue = _g === void 0 ? null : _g, editMode = _a.editMode, repeatIndex = _a.repeatIndex, _h = _a.elementProps, elementProps = _h === void 0 ? {} : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.onEnd, onEnd = _k === void 0 ? function () { } : _k, _l = _a.onClear, onClear = _l === void 0 ? function () { } : _l, _m = _a.ReactPortal, ReactPortal = _m === void 0 ? null : _m, // This is allowing the ability to pass a portal for the modal
     children = _a.children;
-    var _m = index.__read(React.useState(false), 2), showSignatureModal = _m[0], setShowSignatureModal = _m[1];
+    var _o = index.__read(React.useState(false), 2), showSignatureModal = _o[0], setShowSignatureModal = _o[1];
     var Portal = ReactPortal !== null && ReactPortal !== void 0 ? ReactPortal : (function (_a) {
         var children = _a.children;
         return index.jsx(index.Fragment, { children: children });
     });
     var servar = (_b = element.servar) !== null && _b !== void 0 ? _b : {};
     var fieldKey = (_c = servar.key) !== null && _c !== void 0 ? _c : element.key;
+    var isInitials = ((_d = servar.metadata) === null || _d === void 0 ? void 0 : _d.sign_type) === 'initials';
     var t = index.__assign(index.__assign({}, defaultTranslations), element.properties.translate);
     React.useEffect(function () {
         if (!global.webfontloaderPromise)
             global.webfontloaderPromise = Promise.resolve().then(function () { return require(
-            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.CUQ9xv9a.js'); }).then(function (n) { return n.webfontloader; });
+            /* webpackChunkName: "webfontloader" */ './fthry_webfontloader.BB3WpXDJ.js'); }).then(function (n) { return n.webfontloader; });
         global.webfontloaderPromise.then(function (WebFont) {
             WebFont.load({ google: { families: ['La Belle Aurore'] } });
         });
     }, []);
-    return (index.jsxs(index.Fragment, { children: [index.jsx(Portal, { children: index.jsx(SignatureModal, { show: showSignatureModal, setShow: setShowSignatureModal, defaultValue: defaultValue, fieldKey: fieldKey, repeatIndex: repeatIndex, responsiveStyles: responsiveStyles, onClear: onClear, onEnd: onEnd, signMethods: (_e = (_d = servar.metadata) === null || _d === void 0 ? void 0 : _d.sign_methods) !== null && _e !== void 0 ? _e : '', translation: t }) }), index.jsxs("div", index.__assign({ css: index.__assign(index.__assign({ maxWidth: '100%', width: '100%', height: '100%' }, responsiveStyles.getTarget('fc')), { position: 'relative', pointerEvents: editMode || disabled ? 'none' : 'auto' }) }, elementProps, { children: [children, fieldLabel, index.jsxs("div", index.__assign({ css: index.__assign({ position: 'relative' }, responsiveStyles.getTarget('sub-fc')) }, { children: [index.jsxs(React.Suspense, index.__assign({ fallback: index.jsx("div", { css: index.__assign(index.__assign({}, responsiveStyles.getTarget('field', true)), { width: '100%', height: '100%', boxSizing: 'border-box', paddingLeft: '5px' }) }) }, { children: [index.jsx("div", index.__assign({ onClick: function () {
+    return (index.jsxs(index.Fragment, { children: [index.jsx(Portal, { children: index.jsx(SignatureModal, { show: showSignatureModal, setShow: setShowSignatureModal, defaultValue: defaultValue, fieldKey: fieldKey, repeatIndex: repeatIndex, responsiveStyles: responsiveStyles, onClear: onClear, onEnd: onEnd, signMethods: (_f = (_e = servar.metadata) === null || _e === void 0 ? void 0 : _e.sign_methods) !== null && _f !== void 0 ? _f : '', isInitials: isInitials, translation: t }) }), index.jsxs("div", index.__assign({ css: index.__assign(index.__assign({ maxWidth: '100%', width: '100%', height: '100%' }, responsiveStyles.getTarget('fc')), { position: 'relative', pointerEvents: editMode || disabled ? 'none' : 'auto' }) }, elementProps, { children: [children, index.jsxs("div", index.__assign({ css: index.__assign({ position: 'relative' }, responsiveStyles.getTarget('sub-fc')) }, { children: [index.jsxs(React.Suspense, index.__assign({ fallback: index.jsx("div", { css: index.__assign(index.__assign({}, responsiveStyles.getTarget('field', true)), { width: '100%', height: '100%', boxSizing: 'border-box', paddingLeft: '5px' }) }) }, { children: [index.jsx("div", index.__assign({ onClick: function () {
                                             if (!disabled)
                                                 setShowSignatureModal(true);
                                         }, css: index.__assign(index.__assign({ position: 'absolute', display: 'flex', top: 0, left: 0, width: '100%', height: '100%', zIndex: index.FORM_Z_INDEX, alignItems: 'center', justifyContent: 'center' }, (disabled ? { backgroundColor: 'rgb(229, 229, 229)' } : {})), { '&:hover': {
                                                 cursor: 'pointer'
-                                            } }) }, { children: !defaultValue && !disabled && t.label })), index.jsx(SignatureCanvas, { fieldKey: fieldKey, repeatIndex: repeatIndex, responsiveStyles: responsiveStyles, defaultValue: defaultValue, disabled: disabled, showClear: false, translation: t })] })), index.jsx(index.ErrorInput, { id: servar.key, "aria-label": element.properties.aria_label })] }))] }))] }));
+                                            } }) }, { children: !defaultValue &&
+                                            !disabled &&
+                                            (servar.name || (isInitials ? t.initials_label : t.label)) })), index.jsx(SignatureCanvas, { fieldKey: fieldKey, repeatIndex: repeatIndex, responsiveStyles: responsiveStyles, defaultValue: defaultValue, disabled: disabled, showClear: false, translation: t })] })), index.jsx(index.ErrorInput, { id: servar.key, "aria-label": element.properties.aria_label })] }))] }))] }));
 }
 
 exports.default = SignatureField;

package/cjs/{fthry_index.CsV1Y-lY.js → fthry_index.B5dyf2Aj.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./fthry_index.qqHoT24C.js');
+var index$1 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.FDP40xD5.js → fthry_index.B9YSOHCN.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.qqHoT24C.js');
+var index$1 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BZswIwby.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
-var Overlay = require('./fthry_Overlay.CtLw7y41.js');
-var useElementSize = require('./fthry_useElementSize.DD2W5taq.js');
+var Placeholder = require('./fthry_Placeholder.b8nhL5Yl.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
+var Overlay = require('./fthry_Overlay.2ODhW4Qf.js');
+var useElementSize = require('./fthry_useElementSize.DgelV5Yz.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.CK8Ycs_Q.js → fthry_index.BMVRkb2U.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var styles = require('./fthry_styles.DKn33jbX.js');
+var styles = require('./fthry_styles.CzRjkNMl.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.DLB9m5Pl.js → fthry_index.BNUBW1rI.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.Dh6TAr60.js → fthry_index.Bxk3H1vc.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$3 = require('./fthry_index.qqHoT24C.js');
+var index$3 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BZswIwby.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
+var Placeholder = require('./fthry_Placeholder.b8nhL5Yl.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.-L9oQ_94.js');
+var input = require('./fthry_input.DsaLd4ld.js');
 require('react-dom/client');
 require('jszip');
-require('./fthry_Overlay.CtLw7y41.js');
-require('./fthry_index.DspE0QVU.js');
+require('./fthry_Overlay.2ODhW4Qf.js');
+require('./fthry_index.CaCLsAde.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

package/cjs/{fthry_index.BcZj1zst.js → fthry_index.ByqJTIzt.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.qqHoT24C.js');
+var index$1 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BZswIwby.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
+var Placeholder = require('./fthry_Placeholder.b8nhL5Yl.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CtLw7y41.js');
+require('./fthry_Overlay.2ODhW4Qf.js');
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/cjs/{fthry_index.BHna0e7Q.js → fthry_index.C-FwT1B9.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index$1 = require('./fthry_index.qqHoT24C.js');
+var index$1 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
-var Placeholder$2 = require('./fthry_Placeholder.BZswIwby.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.CcSeZug-.js');
-var Overlay = require('./fthry_Overlay.CtLw7y41.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
+var Placeholder$2 = require('./fthry_Placeholder.b8nhL5Yl.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.B3OEnpfg.js');
+var Overlay = require('./fthry_Overlay.2ODhW4Qf.js');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.DbO8YU2f.js → fthry_index.CHt5K7jD.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index$1 = require('./fthry_index.qqHoT24C.js');
+var index$1 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.JuNlGIue.js');
-var index = require('./fthry_index.BMy4ionO.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.CcSeZug-.js');
+var FormControl = require('./fthry_FormControl.jb0RFGiz.js');
+var index = require('./fthry_index.FMAMFp-x.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.B3OEnpfg.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CtLw7y41.js');
+require('./fthry_Overlay.2ODhW4Qf.js');
 
 var applyCheckboxGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('checkboxGroup');

package/cjs/{fthry_index.BhITJipg.js → fthry_index.CNsE0WN5.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.CcSeZug-.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.B3OEnpfg.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CtLw7y41.js');
+require('./fthry_Overlay.2ODhW4Qf.js');
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },

package/cjs/{fthry_index.CDCjJVg-.js → fthry_index.CSORncsG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.ieAdS6EQ.js → fthry_index.CZjed00f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.DspE0QVU.js → fthry_index.CaCLsAde.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 
 var propTypes = {exports: {}};
 

package/cjs/{fthry_index.CYpMy-da.js → fthry_index.DbIWEzc5.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.JuNlGIue.js');
-var index$1 = require('./fthry_index.BMy4ionO.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.CcSeZug-.js');
+var FormControl = require('./fthry_FormControl.jb0RFGiz.js');
+var index$1 = require('./fthry_index.FMAMFp-x.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.B3OEnpfg.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CtLw7y41.js');
+require('./fthry_Overlay.2ODhW4Qf.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/cjs/{fthry_index.DrvzuQkT.js → fthry_index.Dig2SEg_.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.Dowf9pwf.js → fthry_index.DkGRPnT4.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var index$1 = require('./fthry_index.qqHoT24C.js');
+var index$1 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BZswIwby.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
-var Overlay = require('./fthry_Overlay.CtLw7y41.js');
-var useElementSize = require('./fthry_useElementSize.DD2W5taq.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.DtgqEf4Z.js');
-var input = require('./fthry_input.-L9oQ_94.js');
+var Placeholder = require('./fthry_Placeholder.b8nhL5Yl.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
+var Overlay = require('./fthry_Overlay.2ODhW4Qf.js');
+var useElementSize = require('./fthry_useElementSize.DgelV5Yz.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.4s-diweI.js');
+var input = require('./fthry_input.DsaLd4ld.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_index.DspE0QVU.js');
+require('./fthry_index.CaCLsAde.js');
 
 function TextAutocomplete$1(_a) {
     var _b = _a.allOptions, allOptions = _b === void 0 ? [] : _b, showOptions = _a.showOptions, _c = _a.onSelect, onSelect = _c === void 0 ? function () { } : _c, _d = _a.onHide, onHide = _d === void 0 ? function () { } : _d, _e = _a.onInputFocus, onInputFocus = _e === void 0 ? function () { } : _e, _f = _a.value, value = _f === void 0 ? '' : _f, containerRef = _a.containerRef, responsiveStyles = _a.responsiveStyles, listItemRef = _a.listItemRef, children = _a.children;

package/cjs/{fthry_index.D_NkQGCM.js → fthry_index.DoGR9rQ0.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.CcSeZug-.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.B3OEnpfg.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CtLw7y41.js');
+require('./fthry_Overlay.2ODhW4Qf.js');
 
 function ButtonGroupField(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _b = _a.fieldVal, fieldVal = _b === void 0 ? null : _b, _c = _a.repeatIndex, repeatIndex = _c === void 0 ? null : _c, editMode = _a.editMode, _d = _a.onClick, onClick = _d === void 0 ? function () { } : _d, _e = _a.elementProps, elementProps = _e === void 0 ? {} : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, children = _a.children;

package/cjs/{fthry_index.D-mM1qIa.js → fthry_index.DxAJRBHW.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index$1 = require('./fthry_index.qqHoT24C.js');
+var index$1 = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.BZswIwby.js');
-var InlineTooltip = require('./fthry_InlineTooltip.CGlqnRfq.js');
-var ShowEyeIcon = require('./fthry_ShowEyeIcon.DtgqEf4Z.js');
+var Placeholder = require('./fthry_Placeholder.b8nhL5Yl.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CJHgZjCO.js');
+var ShowEyeIcon = require('./fthry_ShowEyeIcon.4s-diweI.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CtLw7y41.js');
+require('./fthry_Overlay.2ODhW4Qf.js');
 
 function PasswordField(_a) {
     var _b;

package/cjs/{fthry_index.BMy4ionO.js → fthry_index.FMAMFp-x.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.qqHoT24C.js');
+var index = require('./fthry_index.icVKn0SQ.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');