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

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

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