{"id":15283994,"url":"https://github.com/smile-io/ember-cli-stripe","last_synced_at":"2025-05-16T18:07:32.514Z","repository":{"id":23562913,"uuid":"26930493","full_name":"smile-io/ember-cli-stripe","owner":"smile-io","description":"Stripe checkout for Ember","archived":false,"fork":false,"pushed_at":"2025-03-26T19:11:26.000Z","size":1465,"stargazers_count":89,"open_issues_count":4,"forks_count":35,"subscribers_count":29,"default_branch":"main","last_synced_at":"2025-05-15T15:19:45.428Z","etag":null,"topics":["ember","ember-addon","ember-cli","stripe-checkout"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"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/smile-io.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","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":"2014-11-20T20:29:26.000Z","updated_at":"2025-03-26T19:10:50.000Z","dependencies_parsed_at":"2024-04-08T16:45:06.650Z","dependency_job_id":"79a74b44-226c-401a-ad23-ea296628e281","html_url":"https://github.com/smile-io/ember-cli-stripe","commit_stats":{"total_commits":148,"total_committers":16,"mean_commits":9.25,"dds":0.6689189189189189,"last_synced_commit":"63eae5166731a27ba8827d727e461c3de381a51d"},"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smile-io%2Fember-cli-stripe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smile-io%2Fember-cli-stripe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smile-io%2Fember-cli-stripe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smile-io%2Fember-cli-stripe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smile-io","download_url":"https://codeload.github.com/smile-io/ember-cli-stripe/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254582907,"owners_count":22095518,"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","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":["ember","ember-addon","ember-cli","stripe-checkout"],"created_at":"2024-09-30T14:48:32.611Z","updated_at":"2025-05-16T18:07:32.466Z","avatar_url":"https://github.com/smile-io.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ember-cli-stripe\n\n[![Build Status](https://travis-ci.org/smile-io/ember-cli-stripe.svg?branch=main)](http://travis-ci.org/smile-io/ember-cli-stripe)\n\n![Preview](https://user-images.githubusercontent.com/160955/42161490-d734da26-7e03-11e8-97ca-761285ac2dff.png)\n\n## Description\n\nStripe checkout for Ember is the simplest way to implement card payments in your Ember app.\n\nThis addon integrates Stripe's embedded payment form, Checkout.\nSee [Stripe Checkout](https://stripe.com/docs/checkout#integration-custom) docs.\n\nThe best documentation is the sample application in `tests/dummy`.\n\n\n## Installation\n\n```sh\nember install ember-cli-stripe\n```\n\n## Usage\n\n```handlebars\n\u003cStripeCheckout\n  @image=\"/square-image.png\"\n  @name=\"Demo Site\"\n  @description=\"2 widgets ($20.00)\"\n  @amount={{2000}}\n  @onToken={{this.processStripeToken}}\n/\u003e\n```\n\n## Component properties\n\n| Property       | Purpose                                                    |\n| -------------- | ---------------------------------------------------------- |\n| `label`        | Stripe Checkout button text.                               |\n| `isDisabled`   | When true, the Stripe Checkout button is disabled.         |\n| `showCheckout` | Can be used to open the Stripe Checkout modal dynamically. |\n\n\nBesides the above, all [Stripe Checkout configuration options](https://stripe.com/docs/checkout#integration-custom)\nare supported. If you notice anything missing please open an issue.\n\n### Actions\n\nThe primary action of this component, `onToken` is called when the Stripe checkout succeeds. Its main param is a [Stripe Token](https://stripe.com/docs/api#tokens) object.\n\n```javascript\nimport Ember from \"ember\";\n\nexport default Ember.Controller.extend({\n  actions: {\n    /**\n     * Receives a Stripe token after checkout succeeds\n     * The token looks like this https://stripe.com/docs/api#tokens\n     */\n    processStripeToken(token, args) {\n      // Send token to the server to associate with account/user/etc\n    },\n  },\n});\n```\n\nList of all actions:\n\n| Action     | Purpose                                                     |\n| ---------- | ----------------------------------------------------------- |\n| `onToken`  | The callback invoked when the Checkout process is complete. |\n| `onOpened` | The callback invoked when Checkout is opened.               |\n| `onClosed` | The callback invoked when Checkout is closed.               |\n\n## Configuration\n\nAll Stripe Checkout configuration options can be set in your apps config.\n\nIn most cases, you will want to add at least your Stripe **publishable key** to your app's config, but this can be set as a property on the component too.\n\n```javascript\n// config/environment.js\nmodule.exports = function(environment) {\n  var ENV = {\n    stripe: {\n        key: 'pk_test_C0sa3IlkLWBlrB8laH2fbqfh',\n        ....\n    },\n  };\n\n  return ENV;\n};\n```\n\n**Note:** If Stripe options are set in the _environment.js_ file **and** when invoking the component, the later value will win.\n\nMultiple Stripe keys are supported, when passed directly to the component.\n\n## Compatibility\n\n* Ember.js v4.4 or above\n* Ember CLI v4.4 or above\n* Node.js v14 or above\n\n### For older versions of Ember.js\n\n| Ember.js version | ember-cli-stripe version |\n| ---------------- | ------------------------ |\n| `4+`             | `4.x`                    |\n| `3.4+`           | `3.x`                    |\n| `2.18+`          | `2.x`                    |\n| `1.13+`          | `0.x`                    |\n\n**Note:** At your own risk, feel free to try current version, it might still work.\n\n## Contributing\n\nSee the [Contributing](CONTRIBUTING.md) guide for details.\n\n## License\n\nThis project is licensed under the [MIT License](LICENSE.md).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmile-io%2Fember-cli-stripe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmile-io%2Fember-cli-stripe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmile-io%2Fember-cli-stripe/lists"}