Using our Universal Widget

[sankaet]

@jemjem78 what browser are you using? also do you have CORS disabled?

[jemjem78]

@sankaet What's CORS? And how to CORS enable ?

[sankaet]

@jemjem78 what browser are you using?

[jemjem78]

i'm using Chrome @sankaet

[thomas]

@jemjem78

What is CORS
https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

Disable CORS for chrome

Linux
google-chrome --disable-web-security

OS X
open -a Google\ Chrome --args --disable-web-security

Windows(haven't tried on windows before but cursory stack overflow got me this)
chrome.exe --disable-web-security

[jemjem78]

Thank so much @thomas i fixed it

[jemjem78]

how to console.log status success or unsuccess after transaction

[sankaet]

@jemjem78 as mentioned in the tutorial, you will have to create an event listener, inside the event listener you should be able to console.log the response

[jemjem78]

expressReciver = function (e) {
try{
var json = JSON.parse(e.data);
if (json.success || json.cancel) {
$("#synapse_iframe").css("visibility","hidden");
$("#synapse_iframe").css("height","0%");
$("#synapse_iframe").css("width","0%");
$("#synapse_iframe").prop("src","");
self.set('enableButton', true);
};
}catch (e){
// console.log(e);
};
};
window.addEventListener('message', expressReciver, false);
It doesn't work. When i click "Send Fund" and "Transaction Successfull". it's not return console.log. This's my result:

[thomas]

@jemjem78

We added an iFrame message to every successful section completed now.

{
json: api_response,
stage: 'Bank, KYC, or TRANSACTIONS',
close: false
}

Thanks,
Thomas

[jemjem78]

Hi, How to get "refesh_token" main user. Although i can get "refesh_token" of children users, but i can't get of main account. "refesh_token" of children users return a string, main user return empty

[sankaet]

Hi @jemjem78 since your account was created and maintained by the SynapsePay Web gateway, you need to log yourself in with your client_id and secret first and then you will be able to view the refresh token for yourself.

This post should help: https://discuss.synapsepay.com/t/a-step-by-step-breakdown-of-how-to-verify-a-users-fingerprint/33

[chopi321]

Hi,

What about support for mobile devices?

[sankaet]

@chopi321 do you mean something for mobile apps? We have open-sourced our new iOS app. That has KYC components in it as well.

[chopi321]

I mean, the universal widget supporting mobile browsers. Currently the upload file works only on desktop, going to the example kyc widget in mobile chrome or ios Safari wont allow uploading image files.

[dkingman]

The Universal Widget's verify identity section only work for personal accounts correct? Verifying business accounts would have to been done separately correct?

[sankaet]

@dkingman you can use it to finish up business KYC as well. For business KYC you need the following:

1) EIN letter
2) SSN info on key personal.

You can collect both with the universal widget, all you would need to do is set physical_id.no_webcam to true and then update physical_id.message to the appropriate EIN message.

[dkingman]

@sankaet Thanks for the reply, but it's confusing that you have a step 2 for businesses. I'm not even sure what "Describe the image" even means in the context of an EIN letter. In fact, when signing up as a business on synapsepay.com there are only two steps, which is what I am after.

The config:

{
            physical_id: {
                //Set as true if you wish to collect physical IDs (i.e. images of ID's)
                collect: true,
                //Tweak the physical ID message as desired.
                message: 'To continue, please attach a state or federally-issued photo ID. The image of your ID must be in color with all four corners visible.',
                //Set true to open up user's webcam. False only opens the file uploader and not the user's webcam.
                no_webcam: true
            },
            //Are you working in sandbox to test or production with real users?
            development_mode: true,
            //If you do not want the user to be able to add a bank account via account and routing numbers
            no_ac_rt: false,
            //Should the user be prompted to verify their identity (i.e. perform KYC)?
            do_kyc: true,
            //Should the user be prompted to link a bank account?
            do_banks: false,
            //If set to false, other options (payments and link bank will be disabled until KYC is finished.)
            kyc_done: true,
            //Only include this if payments need to be handled by the widget, as well.
            userInfo: {
                //user's credentials
                oauth_key: 'rwcJdfgeXAJyVIYJ4XHtK4VyQ7glIrplLtPF7Uau',
                fingerprint: 'a6c612e48eba2a0943076fc9ca09c31b'
            },
            colors: {
                //color preferences
                'trim': '#46A0FF',
                'unfocused': 'UNFOCUSED_COLOR',
                'text': '#46A0FF'
            },
            messages: {
                'kyc_message': 'Please click on the button above to verify your identity.'
            },
            //your logo
            receiverLogo: 'https://cdn.synapsepay.com/static_assets/logo@2x.png'
        }

produces the widget seen below. Am I missing something?