{"id":29003892,"url":"https://github.com/braintree/braintree-web-drop-in-bower","last_synced_at":"2025-10-04T14:13:05.297Z","repository":{"id":58240279,"uuid":"102904285","full_name":"braintree/braintree-web-drop-in-bower","owner":"braintree","description":"Braintree Drop-in for the web","archived":false,"fork":false,"pushed_at":"2023-06-15T15:47:13.000Z","size":2812,"stargazers_count":1,"open_issues_count":0,"forks_count":3,"subscribers_count":21,"default_branch":"main","last_synced_at":"2025-09-25T12:33:27.026Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/braintree.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2017-09-08T21:04:10.000Z","updated_at":"2023-04-22T18:23:51.000Z","dependencies_parsed_at":"2025-06-25T10:41:14.787Z","dependency_job_id":"d7854f6d-1bd7-40bc-9fd7-b89352557aef","html_url":"https://github.com/braintree/braintree-web-drop-in-bower","commit_stats":null,"previous_names":[],"tags_count":59,"template":false,"template_full_name":null,"purl":"pkg:github/braintree/braintree-web-drop-in-bower","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braintree%2Fbraintree-web-drop-in-bower","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braintree%2Fbraintree-web-drop-in-bower/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braintree%2Fbraintree-web-drop-in-bower/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braintree%2Fbraintree-web-drop-in-bower/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/braintree","download_url":"https://codeload.github.com/braintree/braintree-web-drop-in-bower/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/braintree%2Fbraintree-web-drop-in-bower/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278322146,"owners_count":25967874,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-04T02:00:05.491Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-25T10:39:53.149Z","updated_at":"2025-10-04T14:13:05.270Z","avatar_url":"https://github.com/braintree.png","language":"JavaScript","funding_links":["https://developer.paypal.com/braintree/help","https://developer.paypal.com/braintree/docs/guides/drop-in/customization/javascript/v3"],"categories":[],"sub_categories":[],"readme":"# Braintree Web Drop-in\n\n [![Build Status](https://github.com/braintree/braintree-web-drop-in/workflows/Unit%20Tests/badge.svg)](https://github.com/braintree/braintree-web-drop-in/actions?query=workflow%3A%22Unit+Tests%22) [![Build Status](https://github.com/braintree/braintree-web-drop-in/workflows/Integration%20Tests%20-%20Chrome,%20Firefox%20\u0026%20Safari/badge.svg)](https://github.com/braintree/braintree-web-drop-in/actions?query=workflow%3A%22Integration+Tests+-+Chrome%2C+Firefox+%26+Safari%22) [![Build Status](https://github.com/braintree/braintree-web-drop-in/workflows/Publishing%20Tests/badge.svg)](https://github.com/braintree/braintree-web-drop-in/actions?query=workflow%3A%22Publishing+Tests%22)\n\n [![npm version](https://badge.fury.io/js/braintree-web-drop-in.svg)](https://badge.fury.io/js/braintree-web-drop-in)\n\n\nA pre-made payments UI for accepting cards and alternative payments in the browser built using version 3 of the [Braintree JS client SDK](https://github.com/braintree/braintree-web).\n\nIf you have any feedback or questions, create an [issue](https://github.com/braintree/braintree-web-drop-in/issues) or [contact Braintree support](https://developer.paypal.com/braintree/help).\n\n## What's new\n\n- Updated UI to easily accommodate multiple payment methods\n- Not in an iframe; feel free to style Drop-in to blend in with your website\n- Now available in [23 languages](https://braintree.github.io/braintree-web-drop-in/docs/current/#localization)\n- Open source and open development\n\n## Getting started\n\nFor setup and usage, see our [reference](https://braintree.github.io/braintree-web-drop-in/docs/current/).\n\n## Full example\n\nThis is a full example of a Drop-in integration that only accepts credit cards.\n\n ```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n  \u003chead\u003e\n    \u003cmeta charset=\"utf-8\"\u003e\n    \u003ctitle\u003eCheckout\u003c/title\u003e\n  \u003c/head\u003e\n  \u003cbody\u003e\n    \u003cdiv id=\"dropin-container\"\u003e\u003c/div\u003e\n    \u003cbutton id=\"submit-button\"\u003ePurchase\u003c/button\u003e\n\n    \u003cscript src=\"https://js.braintreegateway.com/web/dropin/1.38.1/js/dropin.min.js\"\u003e\u003c/script\u003e\n\n    \u003cscript\u003e\n      var submitButton = document.querySelector('#submit-button');\n\n      braintree.dropin.create({\n        authorization: 'CLIENT_AUTHORIZATION',\n        selector: '#dropin-container'\n      }, function (err, dropinInstance) {\n        if (err) {\n          // Handle any errors that might've occurred when creating Drop-in\n          console.error(err);\n          return;\n        }\n        submitButton.addEventListener('click', function () {\n          dropinInstance.requestPaymentMethod(function (err, payload) {\n            if (err) {\n              // Handle errors in requesting payment method\n            }\n\n            // Send payload.nonce to your server\n          });\n        });\n      });\n    \u003c/script\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Browser support\n\nDrop-in is supported in all browsers supported by the [Braintree JavaScript Client SDK](http://braintree.github.io/braintree-web/current/#browser-support).\n\n## Customization\n\nThe design of Drop-in is intentionally opinionated, and while we aimed to make the design work in many scenarios, the design of your website may conflict with the default design of Drop-in.\n\nFor minor UI customizations, [review our documentation](https://developer.paypal.com/braintree/docs/guides/drop-in/customization/javascript/v3#customize-your-ui).\n\nFor more substantial changes, you may [fork](https://help.github.com/articles/fork-a-repo/) Drop-in, make your desired changes and build the assets by running `npm run build`. By default, Drop-in uses a hosted version of the built stylesheet. To override this behavior and use a custom stylesheet instead, simply add `\u003clink\u003e` tag to your page with the id `braintree-dropin-stylesheet`.\n\nDrop-in uses the [Braintree JavaScript SDK](http://github.com/braintree/braintree-web). So if a fully customized UI is what you're looking for, Drop-in may be used as a reference implementation for using the JavaScript SDK.\n\n## License\n\nDrop-in is open source and available under the MIT license. See the [LICENSE](LICENSE) file for more info.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbraintree%2Fbraintree-web-drop-in-bower","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbraintree%2Fbraintree-web-drop-in-bower","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbraintree%2Fbraintree-web-drop-in-bower/lists"}