Our Community is in read-only mode until April 8th, learn more here. You can still search existing threads or get help via Dropbox Support, the Dropbox Help Center, or Learn.
Forum Discussion
Missing parameter: client_id for lwc
Im working on a lwc where id like to embed a signing process in iframe, I was able to successfully retrieve sign URL, but when I try to use it on iframe I got following error, at which step do I need...
submitApplication() {
const client = new HelloSign({
clientId: this.clientId,
});
// Logic for submitting the application
// console.log('submit');
if(this.hasError == false){
generateEmbeddedSignUrl({recordId: this.recordId, leadJson: this.getLeadData()})
.then(result => {
// console.log('result: ' + result);
this.iframeUrl = result;
client.open(result, {
skipDomainVerification: true
})
})
.catch(error => {
console.log('error: ' + JSON.stringify(error));
})
client.on('sign', (data) =>{
// console.log('signed!');
this.signed = true;
this.sendDataToEverflow('4')
})
client.on('close', () => {
// console.log('closed');
if(this.signed == true){
let event = new CustomEvent('leadsigned', {detail: this.recordId})
this.dispatchEvent(event);
updateSigned({recordId: this.recordId})
}
})
}
}i see that in this example you used 'this.signUrl' for client.open() but in new HelloSign() you used a text, and not a variable with clientId value, if its just a sample code and in actual code that is replaced with client id value then Im not sure whats wrong, I can share my piece that's called when a button is pressed:
if this doesn't help id advise you opening an another thread and ask a dropbox developer to help with their library usage!
I think in my code, the line of code which is creating the problem is this:
const client = new HelloSign({ clientId: this.clientId, });
When I'm checking in the console, it gives me an error: d.default is not a constructor.
I think its not understanding when I'm creating the instance of HelloSign class.
rostyslavpopovIn your code, you are also assigning iframeURL, are you trying with iframe as well? If yes, does that work for you?
rostyslavpopovI'm able to figure out why it was not opening the embedded signature. because in my Import alias, i have given "HelloSign" name and there is same class being called so it might be creating confusion for the system.
I wrote:
import HelloSign from '@salesforce/resourceUrl/DropBoxSign';
and then i was initiating like:
const client = new HelloSign({ clientId: this.clientId, });
Once again, thank you very much for your help in this. You're truly generous. I can't thank enough for helping me out in this.
iframe didnt work for me, because when you open this in frame, you cant check for events like sign, close etc and you cant close a modal or smth when user signs, it n seeds to be a separate button but native close button is still present and this confuses user
