@feathery/react 2.24.4 → 2.25.0

package/dist/{fthry_index.XQlZNpaC.js → fthry_index.ew_AjU92.js}

@@ -1,9 +1,9 @@
-import { z as __rest, b as __read, C as countryData, ai as phoneLib, aj as authState, ak as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, al as phoneLibPromise, h as hoverStylesGuard, am as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.DbVsvAfG.js';
+import { z as __rest, b as __read, C as countryData, ai as phoneLib, aj as authState, ak as firebaseSMSCountries, a as jsxs, j as jsx, _ as __assign, F as Fragment, D as DROPDOWN_Z_INDEX, u as useBorder, al as phoneLibPromise, h as hoverStylesGuard, am as isNum, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.C87zQWsQ.js';
 import { forwardRef, useRef, useState, useEffect, useMemo, memo } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.Cp4msK9u.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CDUAdbuG.js';
-import { O as Overlay } from './fthry_Overlay.ctFqM2nQ.js';
-import { u as useElementSize } from './fthry_useElementSize.Cex8Fb9b.js';
+import { P as Placeholder } from './fthry_Placeholder.fzA1OHT2.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CPpjQXK4.js';
+import { O as Overlay } from './fthry_Overlay.CYGG1RhN.js';
+import { u as useElementSize } from './fthry_useElementSize.JrChdYNI.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.ByVlyk0L.js → fthry_index.j9HIsLRA.js}

@@ -1,4 +1,4 @@
-import { _ as __assign, h as hoverStylesGuard, a as jsxs, j as jsx, k as iosScrollOnFocus } from './fthry_index.DbVsvAfG.js';
+import { _ as __assign, h as hoverStylesGuard, a as jsxs, j as jsx, k as iosScrollOnFocus } from './fthry_index.C87zQWsQ.js';
 import { useMemo } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.CeHJMbCX.js → fthry_index.jx3O0GbQ.js}

@@ -1,12 +1,12 @@
-import { u as useBorder, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, p as imgMaxSizeStyles, q as noTextSelectStyles, E as ErrorInput } from './fthry_index.DbVsvAfG.js';
+import { u as useBorder, a as jsxs, _ as __assign, j as jsx, h as hoverStylesGuard, p as imgMaxSizeStyles, q as noTextSelectStyles, E as ErrorInput } from './fthry_index.C87zQWsQ.js';
 import { useRef, useMemo } from 'react';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CDUAdbuG.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.mbZUbW_1.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CPpjQXK4.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.D8bWr6Oo.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.ctFqM2nQ.js';
+import './fthry_Overlay.CYGG1RhN.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/dist/{fthry_index.0k8kOGLl.js → fthry_index.m5RiN4cy.js}

@@ -1,4 +1,4 @@
-import { v as featheryWindow, a as jsxs, _ as __assign, j as jsx, b as __read, u as useBorder, h as hoverStylesGuard, am as isNum } from './fthry_index.DbVsvAfG.js';
+import { v as featheryWindow, a as jsxs, _ as __assign, j as jsx, b as __read, u as useBorder, h as hoverStylesGuard, am as isNum } from './fthry_index.C87zQWsQ.js';
 import { useRef, useCallback, useEffect, useState } from 'react';
 import 'react/jsx-runtime';
 import 'react-dom/client';

package/dist/{fthry_index.-N8PSO4P.js → fthry_index.pDD7Y4vk.js}

@@ -1,9 +1,9 @@
-import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, n as FeatheryClient, o as debounce } from './fthry_index.DbVsvAfG.js';
+import { b as __read, u as useBorder, a as jsxs, _ as __assign, h as hoverStylesGuard, j as jsx, k as iosScrollOnFocus, r as resetStyles, D as DROPDOWN_Z_INDEX, l as __awaiter, m as __generator, n as FeatheryClient, o as debounce } from './fthry_index.C87zQWsQ.js';
 import { useRef, useEffect, memo, useState, useCallback } from 'react';
-import { P as Placeholder } from './fthry_Placeholder.Cp4msK9u.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CDUAdbuG.js';
-import { O as Overlay } from './fthry_Overlay.ctFqM2nQ.js';
-import { u as useElementSize } from './fthry_useElementSize.Cex8Fb9b.js';
+import { P as Placeholder } from './fthry_Placeholder.fzA1OHT2.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CPpjQXK4.js';
+import { O as Overlay } from './fthry_Overlay.CYGG1RhN.js';
+import { u as useElementSize } from './fthry_useElementSize.JrChdYNI.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';

package/dist/{fthry_index.u9hi5B_J.js → fthry_index.zPcNy7xQ.js}

@@ -1,14 +1,14 @@
-import { b as __read, a as jsxs, _ as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.DbVsvAfG.js';
+import { b as __read, a as jsxs, _ as __assign, j as jsx, k as iosScrollOnFocus, r as resetStyles } from './fthry_index.C87zQWsQ.js';
 import { useRef, useState, useMemo } from 'react';
-import { F as FormControl } from './fthry_FormControl.BCZVsuAV.js';
-import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.ByVlyk0L.js';
-import { I as InlineTooltip } from './fthry_InlineTooltip.CDUAdbuG.js';
-import { u as useSalesforceSync } from './fthry_useSalesforceSync.mbZUbW_1.js';
+import { F as FormControl } from './fthry_FormControl.DD6Wm4mw.js';
+import { applyCheckableInputStyles, composeCheckableInputStyle, applyHeightWidthMarginByFontSize } from './fthry_index.j9HIsLRA.js';
+import { I as InlineTooltip } from './fthry_InlineTooltip.CPpjQXK4.js';
+import { u as useSalesforceSync } from './fthry_useSalesforceSync.D8bWr6Oo.js';
 import 'react/jsx-runtime';
 import 'react-dom/client';
 import 'jszip';
 import 'react-dom';
-import './fthry_Overlay.ctFqM2nQ.js';
+import './fthry_Overlay.CYGG1RhN.js';
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/dist/{fthry_input.DYcjVVpQ.js → fthry_input.62KY0z2u.js}

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { P as PropTypes } from './fthry_index.BGWvH0-I.js';
+import { P as PropTypes } from './fthry_index.Bbh4fJmy.js';
 
 /** Checks if value is string */
 function isString(str) {

package/dist/{fthry_script.-H2luo6T.js → fthry_script.CwmE-2lH.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './fthry_index.DbVsvAfG.js';
+import { g as getDefaultExportFromCjs } from './fthry_index.C87zQWsQ.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/{fthry_styles.zT4UfDQf.js → fthry_styles.CJpgAne5.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState, useMemo } from 'react';
-import { au as cls, a as jsxs, F as Fragment, j as jsx, G as Global, w as css, x as __makeTemplateObject } from './fthry_index.DbVsvAfG.js';
+import { au as cls, a as jsxs, F as Fragment, j as jsx, G as Global, w as css, x as __makeTemplateObject } from './fthry_index.C87zQWsQ.js';
 import { flushSync } from 'react-dom';
 
 function canUseDom() {

package/dist/{fthry_useElementSize.Cex8Fb9b.js → fthry_useElementSize.JrChdYNI.js}

@@ -1,4 +1,4 @@
-import { b as __read, v as featheryWindow } from './fthry_index.DbVsvAfG.js';
+import { b as __read, v as featheryWindow } from './fthry_index.C87zQWsQ.js';
 import { useState, useLayoutEffect } from 'react';
 
 function useElementSize(anchorRef) {

package/dist/{fthry_useSalesforceSync.mbZUbW_1.js → fthry_useSalesforceSync.D8bWr6Oo.js}

@@ -1,4 +1,4 @@
-import { b as __read, l as __awaiter, m as __generator, n as FeatheryClient } from './fthry_index.DbVsvAfG.js';
+import { b as __read, l as __awaiter, m as __generator, n as FeatheryClient } from './fthry_index.C87zQWsQ.js';
 import { useState, useEffect } from 'react';
 
 function useSalesforceSync(salesforceSync, editMode) {

package/dist/{fthry_webfontloader.DhmdQDYQ.js → fthry_webfontloader.BRbkRy6h.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './fthry_index.DbVsvAfG.js';
+import { g as getDefaultExportFromCjs } from './fthry_index.C87zQWsQ.js';
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/dist/index.js

@@ -1,4 +1,4 @@
-export { az as Elements, aI as Feathery, ay as Form, aG as LoginForm, aJ as StyledContainer, aE as getFieldValues, aA as init, aF as renderAt, aD as setFieldValues, aC as updateTheme, aB as updateUserId, aH as useAuthClient } from './fthry_index.DbVsvAfG.js';
+export { az as Elements, aI as Feathery, ay as Form, aG as LoginForm, aJ as StyledContainer, aE as getFieldValues, aA as init, aF as renderAt, aD as setFieldValues, aC as updateTheme, aB as updateUserId, aH as useAuthClient } from './fthry_index.C87zQWsQ.js';
 import 'react-dom/client';
 import 'react/jsx-runtime';
 import 'react';

package/dist/integrations/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/integrations/utils.ts"],"names":[],"mappings":"AAaA,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAoBrD,wBAAgB,aAAa,CAC3B,YAAY,EAAE,GAAG,EACjB,QAAQ,UAAO,EACf,KAAK,UAAQ,GACZ,GAAG,CAuCL;AAED,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,cAAc,EAAE,cAAc,gBA0B/B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,kBAAkB,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC5C,MAAM,EAAE,GAAG,CAAC;IACZ,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,iBAAiB,EAAE,GAAG,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,wBAAgB,UAAU,CACxB,YAAY,EAAE,GAAG,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,SAAS,CAAC,EAAE,GAAG,QAkChB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/integrations/utils.ts"],"names":[],"mappings":"AAaA,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAoBrD,wBAAgB,aAAa,CAC3B,YAAY,EAAE,GAAG,EACjB,QAAQ,UAAO,EACf,KAAK,UAAQ,GACZ,GAAG,CAuCL;AAED,wBAAsB,sBAAsB,CAC1C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,cAAc,EAAE,cAAc,gBA0B/B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,kBAAkB,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC5C,MAAM,EAAE,GAAG,CAAC;IACZ,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,iBAAiB,EAAE,GAAG,CAAC;IACvB,eAAe,EAAE,GAAG,CAAC;IACrB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,wBAAgB,UAAU,CACxB,YAAY,EAAE,GAAG,EACjB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,SAAS,CAAC,EAAE,GAAG,QAqChB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feathery/react",
-  "version": "2.24.4",
+  "version": "2.25.0",
   "description": "React library for Feathery",
   "author": "Boyang Dun",
   "license": "MIT",
@@ -115,7 +115,7 @@
     "@emotion/babel-preset-css-prop": "11.12.0",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
-    "@feathery/client-utils": "^0.10.2",
+    "@feathery/client-utils": "^0.10.5",
     "@fingerprintjs/fingerprintjs": "4.6.2",
     "@rc-component/slider": "^1.0.0",
     "@stripe/react-stripe-js": "3.7.0",
@@ -131,7 +131,7 @@
     "is-url": "^1.2.4",
     "js-big-decimal": "^1.4.1",
     "jszip": "^3.10.1",
-    "libphonenumber-js": "^1.11.16",
+    "libphonenumber-js": "^1.12.38",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
     "quill-delta": "^4.2.2",

package/umd/SignatureField.91e03c3324a30624271f.js

@@ -0,0 +1 @@
+"use strict";(this.webpackChunkFeathery=this.webpackChunkFeathery||[]).push([[371],{8610:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(5944),r=n(7294),o=n(2943),a=n(9479);function l(e){var t=e.getContext("2d");if(!t)throw new Error("Could not get 2d context from canvas");var n=e.width,i=e.height,r=t.getImageData(0,0,n,i).data,o=d(!0,n,i,r),a=d(!1,n,i,r),l=c(!0,n,i,r),s=c(!1,n,i,r);if(null===o||null===a||null===l||null===s)return e;var u=s-l+1,f=a-o+1,h=t.getImageData(l,o,u,f);return e.width=u,e.height=f,t.clearRect(0,0,u,f),t.putImageData(h,0,0),e}function s(e,t,n,i){return function(e,t,n,i){return{red:i[4*(n*t+e)],green:i[4*(n*t+e)+1],blue:i[4*(n*t+e)+2],alpha:i[4*(n*t+e)+3]}}(e,t,n,i).alpha}function d(e,t,n,i){for(var r=e?1:-1,o=e?0:n-1;e?o<n:o>-1;o+=r)for(var a=0;a<t;a++)if(s(a,o,t,i))return o;return null}function c(e,t,n,i){for(var r=e?1:-1,o=e?0:t-1;e?o<t:o>-1;o+=r)for(var a=0;a<n;a++)if(s(o,a,t,i))return o;return null}var u=n(3598),f=function(){return f=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},f.apply(this,arguments)};const h=(0,r.forwardRef)((function(e,t){var n=e.fieldKey,l=e.repeatIndex,s=e.responsiveStyles,d=e.defaultValue,c=void 0===d?null:d,h=e.disabled,p=void 0!==h&&h,v=e.showClear,g=void 0===v||v,y=e.onClear,b=void 0===y?function(){}:y,m=e.onEnd,x=void 0===m?function(){}:m,w=e.translation,C=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=o.next()).done;)a.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return a}((0,r.useState)(null!==c),2),_=C[0],k=C[1],S=(0,r.useRef)(void 0),Z=s.getTarget("field",!0);return(0,r.useImperativeHandle)(t,(function(){return{clear:function(){var e;null===(e=S.current)||void 0===e||e.clear()},isEmpty:function(){var e;return null===(e=S.current)||void 0===e?void 0:e.isEmpty()},getTrimmedCanvas:function(){var e;return null===(e=S.current)||void 0===e?void 0:e.getTrimmedCanvas()},getCanvas:function(){var e;return null===(e=S.current)||void 0===e?void 0:e.getCanvas()},fromDataURL:function(e,t){var n;return null===(n=S.current)||void 0===n?void 0:n.fromDataURL(e,t)}}})),(0,r.useEffect)((function(){!function(){var e,t,n,i,r;t=this,n=void 0,r=function(){var t,n,i,r,l;return function(e,t){var n,i,r,o,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,i&&(r=2&o[0]?i.return:o[0]?i.throw||((r=i.return)&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;switch(i=0,r&&(o=[2&o[0],r.value]),o[0]){case 0:case 1:r=o;break;case 4:return a.label++,{value:o[1],done:!1};case 5:a.label++,i=o[1],o=[0];continue;case 7:o=a.ops.pop(),a.trys.pop();continue;default:if(!((r=(r=a.trys).length>0&&r[r.length-1])||6!==o[0]&&2!==o[0])){a=0;continue}if(3===o[0]&&(!r||o[1]>r[0]&&o[1]<r[3])){a.label=o[1];break}if(6===o[0]&&a.label<r[1]){a.label=r[1],r=o;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(o);break}r[2]&&a.ops.pop(),a.trys.pop();continue}o=t.call(e,a)}catch(e){o=[6,e],i=0}finally{n=r=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}}(this,(function(s){switch(s.label){case 0:return(t=null===(e=S.current)||void 0===e?void 0:e.getCanvas())&&null===c?(t.getContext("2d").clearRect(0,0,t.width,t.height),[2]):[4,c];case 1:return(n=s.sent())?[4,(0,o.s3)(n)]:[3,3];case 2:return r=s.sent(),[3,4];case 3:r="",s.label=4;case 4:return i=r,(l=new Image).onload=function(){if(t){var e,n,r,o=t.offsetWidth/l.width,s=t.offsetHeight/l.height,d=Math.min(o,s,1.5),c=l.width*d,u=l.height*d,f=t.offsetHeight-u;t.getContext("2d").clearRect(0,0,t.width,t.height),e=t,n=i,void 0===(r={width:c,height:u,xOffset:0,yOffset:f})&&(r={}),new Promise((function(t,i){var o=e.getContext("2d"),l=new Image,s=r.ratio||(0,a.KL)(),d=r.width||e.width/s,c=r.height||e.height/s,u=r.xOffset||0,f=r.yOffset||0;l.onload=function(){null==o||o.drawImage(l,u,f,d,c),t()},l.onerror=function(e){i(e)},l.crossOrigin="anonymous",l.src=n}))}},l.src=i,[2]}}))},new((i=void 0)||(i=Promise))((function(e,o){function a(e){try{s(r.next(e))}catch(e){o(e)}}function l(e){try{s(r.throw(e))}catch(e){o(e)}}function s(t){var n;t.done?e(t.value):(n=t.value,n instanceof i?n:new i((function(e){e(n)}))).then(a,l)}s((r=r.apply(t,n||[])).next())}))}()}),[c]),(0,i.BX)(i.HY,{children:[g&&_&&(0,i.tZ)("div",f({css:f(f({background:"#ffffff",position:"absolute",bottom:"5px",right:"5px",borderRadius:"6px",display:"flex",cursor:"pointer",color:"rgb(173, 173, 173)",fontSize:"14px",transition:"0.15s ease-in-out all"},p?s.getTarget("disabled"):{}),{"&:hover":{color:"black"}}),onClick:function(){S.current.clear(),b(),k(!1)}},{children:w.clear})),(0,i.tZ)(u.Z,{penColor:"black",dotSize:4,minWidth:1.5,maxWidth:3,clearOnResize:!1,canvasProps:{id:"".concat(n).concat(l),style:f(f({},Z),{width:"100%",height:"100%",boxSizing:"border-box",paddingLeft:"5px"})},ref:S,onEnd:function(){x(),k(!S.current.isEmpty())}})]})}));var p=n(5467),v=n(2988),g=n(1296),y=n.n(g),b=function(){return b=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},b.apply(this,arguments)},m=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=o.next()).done;)a.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return a};const x=function(e){var t,n,s=e.show,d=void 0!==s&&s,c=e.setShow,u=void 0===c?function(){}:c,f=e.fieldKey,g=e.repeatIndex,x=e.defaultValue,w=e.responsiveStyles,C=e.onClear,_=void 0===C?function(){}:C,k=e.onEnd,S=void 0===k?function(){}:k,Z=e.signMethods,B=void 0===Z?"":Z,I=e.isInitials,E=void 0!==I&&I,R=e.translation,D="type"===B,X="draw"===B,T=m((0,r.useState)(X),2),O=T[0],j=T[1],z=m((0,r.useState)(""),2),P=z[0],L=z[1],H=m((0,r.useState)(!1),2),K=H[0],F=H[1],Y=m((0,r.useState)(),2),A=Y[0],V=Y[1],W=m((0,r.useState)(""),2),G=W[0],M=W[1],U=(0,r.useRef)(P),N=(0,r.useRef)(null),$=E?"feathery-signer-initials":"feathery-signer-name",q=function(){return sessionStorage.getItem($)||""};(0,r.useEffect)((function(){if(d){var e=q();L(e)}}),[d]),(0,r.useEffect)((function(){U.current=P,""!==P?(F(!0),Q()):(M(""),V(void 0),F(!1))}),[P]);var J=function(){V(void 0),M(""),L(""),X||j(!1)},Q=(0,r.useCallback)(y()((function(){var e=U.current;if(!e)return M(""),V(void 0),void F(!1);try{var t=function(e,t,n){void 0===t&&(t="La Belle Aurore"),void 0===n&&(n="1.5em");var i=(0,a.me)().createElement("canvas"),r=i.getContext("2d");if(r){i.width=2240,i.height=400,r.clearRect(0,0,i.width,i.height),r.scale(4,4),r.font="".concat(n," ").concat(t),r.fillStyle="#000",r.textBaseline="middle";var o=r.measureText(e).width,l=1.5*parseInt(n);return r.scale(1/4,1/4),i.width=4*o+160,i.height=4*l+160,r.clearRect(0,0,i.width,i.height),r.scale(4,4),r.font="".concat(n," ").concat(t),r.fillStyle="#000",r.textBaseline="middle",r.fillText(e,20,i.height/2/4),i}}(e);if(!t)throw new Error("Could not find signature canvas");var n=l(t).toDataURL("image/png",1),i=(0,o.KG)(n,"".concat(f,".png"));M(n),V(i),F(!1)}catch(e){console.error("Error generating signature:",e),F(!1)}}),1e3),[]),ee=function(){u(!1),J()};return d?(0,i.BX)("div",b({css:{position:"fixed",display:"flex",top:0,left:0,width:"100vw",height:"100vh",background:"rgba(0, 0, 0, 0.2)",zIndex:v.y$,alignItems:"center",justifyContent:"center",fontSize:"16px",fontFamily:null!==(n=null===(t=null==w?void 0:w.getTarget("fc"))||void 0===t?void 0:t.fontFamily)&&void 0!==n?n:"sans-serif"}},{children:[(0,i.tZ)("div",{onClick:function(){return ee()},css:{position:"fixed",top:0,left:0,width:"100%",height:"100%"}}),(0,i.BX)("div",b({className:"feathery-modal",css:{position:"relative",backgroundColor:"#fff",borderRadius:"14px",width:"100%",maxWidth:"600px"}},{children:[(0,i.BX)("div",b({css:{position:"relative",display:"flex",padding:"20px",borderBottom:"1px solid #e9e9e9"}},{children:[(0,i.tZ)("h3",b({css:{padding:0,margin:0,flex:"1"}},{children:E?R.initials_title:R.title})),(0,i.tZ)(p.Tw,{onClick:function(){return ee()},css:{"&:hover":{cursor:"pointer"}}})]})),(0,i.BX)("div",b({css:{position:"relative",padding:"20px 20px 30px 20px","& h3":{fontSize:"1em",margin:0,padding:0}}},{children:[!O&&!X&&(0,i.BX)(i.HY,{children:[(0,i.BX)("div",b({css:{display:"flex",gap:"15px",flexDirection:"column",paddingBottom:"30px"}},{children:[(0,i.tZ)("h3",{children:E?R.initials_type_option:R.type_option}),(0,i.tZ)("input",{defaultValue:q(),onChange:function(e){var t=e.target.value.trim();L(t)},placeholder:E?R.initials_type_placeholder:R.type_placeholder,css:{padding:"8px 10px",borderRadius:"4px",border:"1px solid #e9e9e9","&:focus,&:focus-visible":{border:"1px solid #5e5e5e",outline:"none"}}}),(0,i.BX)("div",b({css:{position:"relative",width:"100%",height:"100px",backgroundColor:"#f6f6f6",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"2em",fontFamily:"La Belle Aurore"}},{children:[K&&(0,i.tZ)("div",b({css:{position:"absolute",top:0,left:0,width:"100%",height:"100%",backgroundColor:"#f6f6f6",display:"flex",alignItems:"center",justifyContent:"center",fontFamily:"sans-serif",fontSize:".9rem",borderRadius:"4px"}},{children:E?R.initials_type_loading:R.type_loading})),G?(0,i.tZ)("img",{src:G,alt:"Signature",css:{maxHeight:"100%",maxWidth:"100%"}}):E?R.initials_type_example:R.type_example]}))]})),!D&&(0,i.BX)(i.HY,{children:[(0,i.tZ)("div",b({css:{height:"1px",display:"flex",alignItems:"center",justifyContent:"center",borderBottom:"1px solid #e9e9e9"}},{children:(0,i.tZ)("div",b({css:{backgroundColor:"#fff",padding:"10px",color:"#5e5e5e"}},{children:R.or_label}))})),(0,i.tZ)("div",b({css:{paddingTop:"30px"}},{children:(0,i.BX)("div",b({onClick:function(){return j(!0)},css:{padding:"20px",borderRadius:"4px",border:"1px solid #e9e9e9","& h3":{padding:0,margin:0,marginBottom:"10px"},"& p":{margin:0,padding:0},"&:hover":{border:"1px solid #5e5e5e",cursor:"pointer"}}},{children:[(0,i.tZ)("h3",{children:E?R.initials_draw_option:R.draw_option}),(0,i.tZ)("p",{children:E?R.initials_draw_subtitle:R.draw_subtitle})]}))}))]})]}),O&&(0,i.BX)("div",b({css:{display:"flex",flexDirection:"column",gap:"15px"}},{children:[(0,i.tZ)("p",b({css:{margin:0,padding:0}},{children:E?R.initials_draw_instructions:R.draw_instructions})),(0,i.tZ)("div",b({css:{position:"relative",width:"100%",height:"200px"}},{children:(0,i.tZ)(h,{ref:N,fieldKey:f,repeatIndex:g,responsiveStyles:w,onClear:_,onEnd:function(){try{var e=(i=N.current.getCanvas(),s=(r=(0,a.me)().createElement("canvas")).getContext("2d"),r.width=i.width,r.height=i.height,s&&s.drawImage(i,0,0),r);if(!e)throw new Error("Could not find signature canvas");var t=l(e).toDataURL("image/png",1),n=(0,o.KG)(t,"".concat(f,".png"));M(t),V(n)}catch(e){console.error("Error generating signature:",e)}var i,r,s},showClear:!1,translation:R})}))]}))]})),(0,i.BX)("div",b({css:{position:"relative",display:"flex",padding:"20px 20px",borderTop:"1px solid #e9e9e9",justifyContent:"space-between","& button":{padding:"12px 0px",width:"120px",borderRadius:"4px",outline:"none",border:"none",fontSize:"1rem",transition:"background-color ease-in-out 0.1s","&:hover":{cursor:"pointer"}}}},{children:[X||!O?(0,i.tZ)("button",b({onClick:function(){return ee()},css:{"&:hover":{backgroundColor:"#e1e1e1"}}},{children:R.cancel})):(0,i.tZ)("button",b({onClick:function(e){e.preventDefault(),j(!1),V(void 0)},css:{"&:hover":{backgroundColor:"#e1e1e1"}}},{children:R.back})),(0,i.BX)("div",{children:[x&&(0,i.tZ)("button",b({onClick:function(e){e.preventDefault(),_()},css:{marginRight:"10px","&:hover":{backgroundColor:"#e1e1e1"}}},{children:R.clear})),(0,i.tZ)("button",b({onClick:function(){K||A&&(S(A),sessionStorage.setItem($,P),u(!1),J())},disabled:K||!A,css:{backgroundColor:"#535353",color:"#fff","&:hover":{backgroundColor:"#3a3a3a"},"&:disabled":{"&:hover":{cursor:"not-allowed"}}}},{children:E?R.initials_confirm:R.confirm}))]})]}))]}))]})):null};var w={label:"Sign here",title:"Add your signature",type_option:"Type your signature",type_placeholder:"Your full name",type_example:"Full Name",type_loading:"Generating signature",or_label:"or",draw_option:"Draw your signature",draw_subtitle:"Draw your signature here using your mouse or trackpad",draw_instructions:"Draw your signature in the box below",confirm:"Sign",cancel:"Cancel",back:"Back",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"},C=n(4416),_=function(){return _=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},_.apply(this,arguments)};const k=function(e){var t,o,a,l,s,d=e.element,c=e.responsiveStyles,u=e.defaultValue,f=void 0===u?null:u,p=e.editMode,g=e.repeatIndex,y=e.elementProps,b=void 0===y?{}:y,m=e.disabled,k=void 0!==m&&m,S=e.onEnd,Z=void 0===S?function(){}:S,B=e.onClear,I=void 0===B?function(){}:B,E=e.ReactPortal,R=void 0===E?null:E,D=e.children,X=function(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,o=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(i=o.next()).done;)a.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return a}((0,r.useState)(!1),2),T=X[0],O=X[1],j=null!=R?R:function(e){var t=e.children;return(0,i.tZ)(i.HY,{children:t})},z=null!==(t=d.servar)&&void 0!==t?t:{},P=null!==(o=z.key)&&void 0!==o?o:d.key,L="initials"===(null===(a=z.metadata)||void 0===a?void 0:a.sign_type),H=_(_({},w),d.properties.translate);return(0,r.useEffect)((function(){n.g.webfontloaderPromise||(n.g.webfontloaderPromise=n.e(461).then(n.t.bind(n,5933,23))),n.g.webfontloaderPromise.then((function(e){e.load({google:{families:["La Belle Aurore"]}})}))}),[]),(0,i.BX)(i.HY,{children:[(0,i.tZ)(j,{children:(0,i.tZ)(x,{show:T,setShow:O,defaultValue:f,fieldKey:P,repeatIndex:g,responsiveStyles:c,onClear:I,onEnd:Z,signMethods:null!==(s=null===(l=z.metadata)||void 0===l?void 0:l.sign_methods)&&void 0!==s?s:"",isInitials:L,translation:H})}),(0,i.BX)("div",_({css:_(_({maxWidth:"100%",width:"100%",height:"100%"},c.getTarget("fc")),{position:"relative",pointerEvents:p||k?"none":"auto"})},b,{children:[D,(0,i.BX)("div",_({css:_({position:"relative"},c.getTarget("sub-fc"))},{children:[(0,i.BX)(r.Suspense,_({fallback:(0,i.tZ)("div",{css:_(_({},c.getTarget("field",!0)),{width:"100%",height:"100%",boxSizing:"border-box",paddingLeft:"5px"})})},{children:[(0,i.tZ)("div",_({onClick:function(){k||O(!0)},css:_(_({position:"absolute",display:"flex",top:0,left:0,width:"100%",height:"100%",zIndex:v.rM,alignItems:"center",justifyContent:"center"},k?{backgroundColor:"rgb(229, 229, 229)"}:{}),{"&:hover":{cursor:"pointer"}})},{children:!f&&!k&&(z.name||(L?H.initials_label:H.label))})),(0,i.tZ)(h,{fieldKey:P,repeatIndex:g,responsiveStyles:c,defaultValue:f,disabled:k,showClear:!1,translation:H})]})),(0,i.tZ)(C.Z,{id:z.key,"aria-label":d.properties.aria_label})]}))]}))]})}}}]);