@docuseal/react/dist/index.esm.js

DocuSeal React components to integrate documents signing process into apps. ✍️

import u from"react";var re=({src:S="",token:F="",host:k="cdn.docuseal.com",role:C="",submitter:L="",preview:T=!1,dryRun:A=!1,expand:j=!0,minimize:P=!1,orderAsOnPage:N=!1,email:J="",name:U="",backgroundColor:q="",sendCopyEmail:O,applicationKey:I="",externalId:z="",logo:H="",language:M="",completedRedirectUrl:G="",completedButton:D={title:"",url:""},completedMessage:E={title:"",body:""},goToLast:R=!0,skipFields:X=!1,autoscrollFields:$=!0,withTitle:K=!0,withDecline:Y=!1,withFieldNames:Q=!0,withFieldPlaceholder:V=!1,withDownloadButton:W=!0,onlyRequiredFields:Z=!1,allowToResubmit:ee=!0,allowTypedSignature:x=!0,signature:B="",rememberSignature:te=!1,reuseSignature:m=!0,withSendCopyButton:b=!0,withCompleteButton:p=!1,values:f={},metadata:v={},i18n:ne={},fields:ae=[],readonlyFields:ie=[],onComplete:y=()=>{},onInit:h=()=>{},onDecline:c=()=>{},onLoad:g=()=>{},className:_="",customCss:i="",style:n={}})=>{let e="docuseal-form-script",r=`https://${k}/js/form.js`,s=typeof window>"u",l=s?null:u.useRef(null);s||(u.useEffect(()=>{if(!document.getElementById(e)){let t=document.createElement("script");t.id=e,t.async=!0,t.src=r,document.head.appendChild(t)}},[]),u.useEffect(()=>{let t=l==null?void 0:l.current,o=w=>y&&y(w.detail);return t&&t.addEventListener("completed",o),()=>{t&&t.removeEventListener("completed",o)}},[y]),u.useEffect(()=>{let t=l==null?void 0:l.current,o=()=>h&&h();return t&&t.addEventListener("init",o),()=>{t&&t.removeEventListener("init",o)}},[h]),u.useEffect(()=>{let t=l==null?void 0:l.current,o=w=>c&&c(w.detail);return t&&t.addEventListener("declined",o),()=>{t&&t.removeEventListener("declined",o)}},[c]),u.useEffect(()=>{let t=l==null?void 0:l.current,o=w=>g&&g(w.detail);return t&&t.addEventListener("load",o),()=>{t&&t.removeEventListener("load",o)}},[g]));let a=t=>t===!0?"true":t===!1?"false":t;return u.createElement(u.Fragment,null,u.createElement("docuseal-form",{"data-src":S,"data-token":F,"data-email":J,"data-name":U,"data-role":C||L,"data-external-id":z||I,"data-expand":a(j),"data-minimize":a(P),"data-order-as-on-page":N,"data-preview":a(T),"data-dry-run":a(A),"data-go-to-last":a(R),"data-skip-fields":a(X),"data-autoscroll-fields":a($),"data-send-copy-email":a(O),"data-with-title":a(K),"data-with-decline":a(Y),"data-logo":H,"data-language":M,"data-with-field-names":a(Q),"data-with-field-placeholder":a(V),"data-with-download-button":a(W),"data-only-required-fields":a(Z),"data-allow-to-resubmit":a(ee),"data-allow-typed-signature":a(x),"data-signature":B,"data-remember-signature":a(te),"data-reuse-signature":a(m),"data-completed-redirect-url":G,"data-with-send-copy-button":a(b),"data-with-complete-button":a(p),"data-values":JSON.stringify(f),"data-metadata":JSON.stringify(v),"data-fields":JSON.stringify(ae),"data-i18n":JSON.stringify(ne),"data-readonly-fields":ie.join(","),"data-completed-message-title":E.title,"data-completed-message-body":E.body,"data-completed-button-title":D.title,"data-completed-button-url":D.url,"data-background-color":q,"data-custom-css":i,ref:l,className:_,style:n}),s&&u.createElement("script",{id:e,src:r,async:!0}))},se=re;import d from"react";var le=({token:S,host:F="cdn.docuseal.com",language:k="en",preview:C=!1,previewMode:L=!1,inputMode:T=!1,autosave:A=!0,withRecipientsButton:j=!0,withDocumentsList:P=!0,withDynamicDocuments:N=!1,withFieldsList:J=!0,withFieldsDetection:U=!1,withFieldPlaceholder:q=!1,withPrefillable:O=!1,withCustomFieldsTab:I=!1,withSendButton:z=!0,withTitle:H=!0,onlyDefinedFields:M=!1,withSignYourselfButton:G=!0,withUploadButton:D=!0,withAddPageButton:E=!1,withSignatureId:R,withRevisions:X=!1,roles:$=[],fields:K=[],submitters:Y=[],requiredFields:Q=[],dateFormats:V=[],i18n:W={},fieldTypes:Z=[],drawFieldType:ee="text",customButton:x={title:"",url:""},emailMessage:B={subject:"",body:""},backgroundColor:te="",onLoad:m=()=>{},onUpload:b=()=>{},onSend:p=()=>{},onSave:f=()=>{},onChange:v=()=>{},className:ne="",sendButtonText:ae="",saveButtonText:ie="",customCss:y="",style:h={}})=>{let c="docuseal-builder-script",g=`https://${F}/js/builder.js`,_=typeof window>"u",i=_?null:d.useRef(null);_||(d.useEffect(()=>{if(!document.getElementById(c)){let e=document.createElement("script");e.id=c,e.async=!0,e.src=g,document.head.appendChild(e)}},[]),d.useEffect(()=>{let e=i==null?void 0:i.current,r=s=>p&&p(s.detail);return e&&e.addEventListener("send",r),()=>{e&&e.removeEventListener("send",r)}},[p]),d.useEffect(()=>{let e=i==null?void 0:i.current,r=s=>m&&m(s.detail);return e&&e.addEventListener("load",r),()=>{e&&e.removeEventListener("load",r)}},[m]),d.useEffect(()=>{let e=i==null?void 0:i.current,r=s=>b&&b(s.detail);return e&&e.addEventListener("upload",r),()=>{e&&e.removeEventListener("upload",r)}},[b]),d.useEffect(()=>{let e=i==null?void 0:i.current,r=s=>f&&f(s.detail);return e&&e.addEventListener("save",r),()=>{e&&e.removeEventListener("save",r)}},[f]),d.useEffect(()=>{let e=i==null?void 0:i.current,r=s=>v&&v(s.detail);return e&&e.addEventListener("change",r),()=>{e&&e.removeEventListener("change",r)}},[v]));let n=e=>e===!0?"true":e===!1?"false":e;return d.createElement(d.Fragment,null,d.createElement("docuseal-builder",{"data-token":S,"data-preview":n(C||L),"data-input-mode":n(T),"data-language":k,"data-autosave":n(A),"data-send-button-text":ae,"data-save-button-text":ie,"data-roles":$.join(","),"data-field-types":Z.join(","),"data-draw-field-type":ee,"data-fields":JSON.stringify(K),"data-submitters":JSON.stringify(Y),"data-required-fields":JSON.stringify(Q),"data-date-formats":V.join(","),"data-i18n":JSON.stringify(W),"data-custom-button-title":x.title,"data-custom-button-url":x.url,"data-email-subject":B.subject,"data-email-body":B.body,"data-with-recipients-button":n(j),"data-with-send-button":n(z),"data-with-documents-list":n(P),"data-with-dynamic-documents":n(N),"data-with-fields-list":n(J),"data-with-fields-detection":n(U),"data-with-field-placeholder":n(q),"data-with-prefillable":n(O),"data-with-custom-fields-tab":n(I),"data-with-signature-id":n(R),"data-with-revisions":n(X),"data-with-title":n(H),"data-only-defined-fields":n(M),"data-with-upload-button":n(D),"data-with-add-page-button":n(E),"data-with-sign-yourself-button":n(G),"data-background-color":te,"data-custom-css":y,ref:i,className:ne,style:h}),_&&d.createElement("script",{id:c,src:g,async:!0}))},oe=le;export{oe as DocusealBuilder,se as DocusealForm};