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

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

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