Donate Button V4

[Fishbakh-N]

Screenshot

New widget options:

{
        nonprofitSlug: string;
    fundraiserSlug?: string;
    methods: PaymentMethod[];
    openAt: string;
    show: boolean;
    primaryColor: string;
    defaultDonationAmount?: number;
    minDonationAmount: number;
    defaultFrequency: DonationFrequency;
    addAmounts?: number[];
    completeDonationInNewTab?: boolean;
    noExit?: boolean;
}

PaymentMethod {
    'card',
    'bank',
    'paypal',
    'venmo',
    'pay', // google/apple pay
    'crypto',
    'stocks',
    'daf'
}

DonationFrequency {
    'monthly',
    'once',
}

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
donate-button	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 2, 2023 at 8:30AM (UTC)

[markulrich]

Exciting! @Fishbakh-N can you make it so that at the demo index https://donate-button-jny9z0pi9-everydotorg.vercel.app/

There is a link to 0.4?

[markulrich]

Also we need to make sure that the 0.3 code does not get deleted at all ... maybe we should put all this new code in a new folder packages/donate-button-04/ ?? Seems like the easiest solution to ensure the many websites using the 0.3 library do not have any trouble

[markulrich]

Nice!!!!

In the upper left, instead of:

Please use:

(For the color, fine to just be a white background.)

[markulrich]

Looking good!!! Two questions 1) Could we add the beginning of Apple/Google Pay? Could you auto-detect support just using Javascript? (Not the Stripe libraries) 2) Why is there a "loading" pause for 0.4, vs the 0.3 was instant? I think the animation looks good, but could we make it shorter?

[Fishbakh-N]

@mark

1. ОК, I'll look into it. I'll see what I can do about it.
2. for 0.3 you can provide name, logo url, description, address by passing it as props for widget. for 0.4 it only primarySlug and all data will be loaded after

[OlegKrav64]

Looks good !