npmpackage.info

Gathering detailed insights and metrics for react-square-web-payments-sdk

react-square-web-payments-sdk

Easily create PCI-compliant inputs to accept payments online with the Square Payments API. It supports the following payment methods: credit and debit cards, ACH bank transfers, Apple Pay, Google Pay, Gift Cards and Afterpay/Clearpay.

3.2.1

MIT

TypeScript

11.38 kB

470,047 2.9

Installations

npm install react-square-web-payments-sdk

Pull Requests

Open

2

Total

33

Closed

3

Merged

28

Issues

Open

18

Total

41

Closed

23

Releases

v3.2.1

Published on 06 Jun 2022

v3.2.0

Published on 06 Jun 2022

v3.1.1

Published on 20 May 2022

v3.1.0

Published on 20 May 2022

v3.0.0

Published on 18 May 2022

v2.5.0

Published on 01 Apr 2022

View all 63 releases

Developer

weareseeed

Developer Guide

BETA

Module System

CommonJS, ESM

Min. Node Version

Typescript Support

Yes

Node Version

14.19.3

NPM Version

6.14.17 Statistics

38 Stars

440 Commits

41 Forks

3 Watching

5 Branches

12 Contributors

Updated on 12 Oct 2024

Bundle Size

35.43 kB

Minified

11.38 kB

Minified + Gzipped

Bundlephobia

Languages

TypeScript (99.93%)

Shell (0.07%)

Total Downloads

Cumulative downloads

Total Downloads

470,047

Last day

-37%

860

Compared to previous day

Last week

-3.9%

6,162

Compared to previous week

Last month

26,465

Compared to previous month

Last year

93.6%

275,000

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

react-square-web-payments-sdk

react-square-web-payments-sdk lets you easily create PCI-compliant inputs to accept payments online with the Square Payments API. It supports the following payment methods: credit and debit cards, ACH bank transfers, Apple Pay, Google Pay, and Gift Cards.

A react wrapper for Square's Web Payments SDK

📄 DOCS • ✨ CHANGELOG

Install

This one is pretty simple, everyone knows what to do:

NPM

1npm install react-square-web-payments-sdk

Yarn

1yarn add react-square-web-payments-sdk

Usage

1// Dependencies
2import * as React from 'react';
3import { CreditCard, PaymentForm } from 'react-square-web-payments-sdk';
4
5const MyPaymentForm = () => (
6  <PaymentForm
7    /**
8     * Identifies the calling form with a verified application ID generated from
9     * the Square Application Dashboard.
10     */
11    applicationId="sq0idp-Y0QZQ-Xx-Xx-Xx-Xx"
12    /**
13     * Invoked when payment form receives the result of a tokenize generation
14     * request. The result will be a valid credit card or wallet token, or an error.
15     */
16    cardTokenizeResponseReceived={(token, buyer) => {
17      console.info({ token, buyer });
18    }}
19    /**
20     * This function enable the Strong Customer Authentication (SCA) flow
21     *
22     * We strongly recommend use this function to verify the buyer and reduce
23     * the chance of fraudulent transactions.
24     */
25    createVerificationDetails={() => ({
26      amount: '1.00',
27      /* collected from the buyer */
28      billingContact: {
29        addressLines: ['123 Main Street', 'Apartment 1'],
30        familyName: 'Doe',
31        givenName: 'John',
32        countryCode: 'GB',
33        city: 'London',
34      },
35      currencyCode: 'GBP',
36      intent: 'CHARGE',
37    })}
38    /**
39     * Identifies the location of the merchant that is taking the payment.
40     * Obtained from the Square Application Dashboard - Locations tab.
41     */
42    locationId="LID"
43  >
44    <CreditCard />
45  </PaymentForm>
46);
47
48export default MyPaymentForm;

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

Contributors ✨

Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.

Thanks goes to these wonderful people (emoji key):

_{Daniel Esteves}
💻 📖 💡 ⚠️

_{Rowland Saer}
📖

_{Hleb Siamionau}
💻

_{Gabriel De Andrade}
💻 📖 💡

This project follows the all-contributors specification. Contributions of any kind welcome!

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

4

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Maintained

Determines if the project is "actively maintained".

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:51: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:70: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/main.yml:79: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/main.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/publish.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/publish.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/size.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/size.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/size.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/weareseeed/react-square-web-payments-sdk/size.yml/main?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/publish.yml:18
Info: 0 out of 11 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 1 third-party GitHubAction dependencies pinned
Info: 0 out of 1 npmCommand dependencies pinned

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.9

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

react-square-web-payments-sdk

Installations

Pull Requests

2

33

3

28

Issues

18

41

23

Releases

Developer

Developer Guide

CommonJS, ESM

Yes

14.19.3

6.14.17

Statistics

Bundle Size

35.43 kB

11.38 kB

Languages

Total Downloads

470,047

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

react-square-web-payments-sdk

Install

NPM

Yarn

Usage

Contributing

Contributors ✨

10

10

10

4

0

0

0

0

0

0

0

0

0

2.9

/10