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

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

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