@feathery/react 2.14.0 → 2.15.0

package/cjs/elements/components/skeletons/FieldSkeleton.d.ts

@@ -1,8 +0,0 @@
-import ResponsiveStyles from '../../styles';
-interface FieldSkeletonProps {
-    responsiveStyles: ResponsiveStyles;
-    element: any;
-}
-export default function FieldSkeleton({ responsiveStyles, element }: FieldSkeletonProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=FieldSkeleton.d.ts.map

package/cjs/elements/components/skeletons/FieldSkeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/elements/components/skeletons/FieldSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,MAAM,cAAc,CAAC;AAE5C,UAAU,kBAAkB;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,OAAO,EAAE,GAAG,CAAC;CACd;AA8GD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,gBAAgB,EAChB,OAAO,EACR,EAAE,kBAAkB,oDAoGpB"}

package/dist/elements/components/skeletons/FieldSkeleton.d.ts

@@ -1,8 +0,0 @@
-import ResponsiveStyles from '../../styles';
-interface FieldSkeletonProps {
-    responsiveStyles: ResponsiveStyles;
-    element: any;
-}
-export default function FieldSkeleton({ responsiveStyles, element }: FieldSkeletonProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=FieldSkeleton.d.ts.map

package/dist/elements/components/skeletons/FieldSkeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/elements/components/skeletons/FieldSkeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,MAAM,cAAc,CAAC;AAE5C,UAAU,kBAAkB;IAC1B,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,OAAO,EAAE,GAAG,CAAC;CACd;AA8GD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,gBAAgB,EAChB,OAAO,EACR,EAAE,kBAAkB,oDAoGpB"}

package/umd/SignatureField.1b502b1edb19e4af3b64.js

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