Skip to content
The React Square Payment Form lets you take payments securely and easily in your React app using a familiar, component-based syntax.
TypeScript JavaScript CSS Shell
Branch: master
Clone or download
Latest commit 8bca621 Aug 15, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
docs Update v0.3.0 Aug 15, 2019
src Update v0.3.0 Aug 15, 2019
website Bump lodash from 4.17.11 to 4.17.15 in /website Aug 6, 2019
.eslintrc.js Fix linter errors Jul 17, 2019
.gitignore Add compiled files to .gitignore Jul 12, 2019
.npmignore Add .npmignore Jun 7, 2019
LICENSE.md Initial release Jun 5, 2019
README.md Update README Aug 6, 2019
generateComponentDocs.sh Fix doc gen script to ignore test files Jul 17, 2019
jest.config.js Initial release Jun 5, 2019
package-lock.json
package.json
setupTests.ts Initial release Jun 5, 2019
tsconfig.json Publish TypeScript declarations Aug 5, 2019
updateVersion.sh Add script for updating npm version Aug 6, 2019

README.md

react-square-payment-form

The React Square Payment Form lets you take payments securely and easily in your React app using a familiar, component-based syntax.

Note: this SDK is in beta. We'll be improving it as we work towards GA - please leave feedback for our team!

Compatability

React 16.3.0 or above

Installation

See the documentation to get started.

Demo

  1. Run the demo locally
    cd demo
    npm install
    npm start
    
  2. Update the LOCATION_ID and APPLICATION_ID in PaymentPage.jsx with your own application credentials

Note: The demo only supports credit card payments. Digital wallets are not supported locally.

Documentation

Running the doc website locally

cd website
npm install
npm start

Updating the docs

Files under docs/components are automatically generated from the component comments. All other documentation files can be modified directly.

To update the component documentation, run ./generateComponentDocs.sh

Publishing the website

Once the changes are merged, run the following command to publish the website.

cd website
GIT_USER=<GIT_USER> CURRENT_BRANCH=master USE_SSH=true npm run publish-gh-pages

Publishing a new version

The following script will update the package version, release the new version, and publish the documentation.

npm run update [major|minor|patch]

License

Copyright 2019 Square, Inc.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
You can’t perform that action at this time.