{"id":25472960,"url":"https://github.com/Spotflow-One/angular-spotflow-checkout","last_synced_at":"2025-11-05T04:30:31.469Z","repository":{"id":250943468,"uuid":"835727936","full_name":"Spotflow-One/angular-spotflow-checkout","owner":"Spotflow-One","description":null,"archived":false,"fork":false,"pushed_at":"2025-01-15T10:10:24.000Z","size":791,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-07T13:43:00.492Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/Spotflow-One.png","metadata":{"files":{"readme":"README.md","changelog":null,"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}},"created_at":"2024-07-30T12:16:06.000Z","updated_at":"2025-01-31T00:36:25.000Z","dependencies_parsed_at":"2024-08-22T08:28:48.216Z","dependency_job_id":"8a721f7b-62a4-4046-84be-09982aa0e858","html_url":"https://github.com/Spotflow-One/angular-spotflow-checkout","commit_stats":null,"previous_names":["spotflow-one/angular-spotflow-checkout"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Spotflow-One%2Fangular-spotflow-checkout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Spotflow-One%2Fangular-spotflow-checkout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Spotflow-One%2Fangular-spotflow-checkout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Spotflow-One%2Fangular-spotflow-checkout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Spotflow-One","download_url":"https://codeload.github.com/Spotflow-One/angular-spotflow-checkout/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239449575,"owners_count":19640534,"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":[],"created_at":"2025-02-18T10:02:05.756Z","updated_at":"2025-11-05T04:30:31.410Z","avatar_url":"https://github.com/Spotflow-One.png","language":"TypeScript","readme":"# Spotflow Angular Library\n\nThe **Spotflow Angular SDK** enables users to make payments seamlessly. It integrates smoothly into your **Angular** application, providing a streamlined checkout experience.\n\nAvailable Features:\n\n- Collections: Card, Bank Transfers.\n- Recurring Payments: Tokenization and Subscriptions.\n\n## Table of Contents\n\n1. [Requirements](#requirements)\n2. [Installation](#installation)\n3. [Usage](#usage)\n4. [Parameters](#parameters)\n5. [License](#license)\n6. [Contribution Guidelines](#contribution-guidelines)\n7. [Contributors](#contributors)\n\n## Requirements\n\n1. Spoflow Encryption keys\n2. Spotflow API keys\n3. Node versions \u003e= 16.x.x npm \u003e=7.x.x\n\n## Demo\n\n![Alt text](./demo-image.png \"a title\")\n\n## Installation\n\n```bash\n\n  $ npm install @spot-flow/ng-spotflow-checkout\n# or \n  $ yarn add @spot-flow/ng-spotflow-checkout\n# or \n  pnpm add @spot-flow/ng-spotflow-checkout\n\n```\n\n## Usage\n\n[As a component](#using-spotflow-as-components)\n\n**app.module.ts**\n\n```typescript\nimport { NgModule } from '@angular/core';\nimport { BrowserModule } from '@angular/platform-browser';\n\nimport { AppComponent } from './app.component';\nimport { SpotflowAngularCheckoutModule } from '@spot-flow/ng-spotflow-checkout';\n\n@NgModule({\n  declarations: [AppComponent],\n  imports: [BrowserModule, SpotflowAngularCheckoutModule],\n  providers: [],\n  bootstrap: [AppComponent],\n})\nexport class AppModule {}\n\n```\n\n\n**app.component.ts**\n```typescript\n\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.css'],\n})\n\nexport class AppComponent {\n  title = 'spotflow-ng-demo';\n  currency = 'NGN' // This is not required for subscription payments\n  amount = 400; // This is not required for subscription payments\n  email = 'temi@mailinator.com';\n  merchantKey = \"sk_test_fXXXXedhXXXXXXXXXXXXXXXX\";\n  planId = '9e0808304-344d-XXXXXXXXX-XXXXX834034'; // This is not required for one time payments\n  encryptionKey = 'SKKXXXXXXXXXXXXXXXXX';\n}\n```\n\n\n**app.component.html**\n\n```html\n  \u003cspotflow-make-payment\n    text=\"Pay\"\n    [secret_key]=\"merchantKey\"\n    [plan_id]=\"planId\"   \u003c!-- This is not required for one time payments --\u003e\n    [email]=\"email\"\n    [amount]=\"amount\"   \u003c!--This is not required for subscription payments --\u003e\n    [currency]=\"currency\" \u003c!--This is not required for subscription payments --\u003e\n    [encryption_key]=\"encryptionKey\"\n    [style]=\"{ 'background-color': 'black', color: 'white' }\"\n  \u003e\n  \u003c/spotflow-make-payment\u003e\n```\n\n### Parameters\n\nRead more about our parameters and how they can be used [here](https://docs.spotflow.one/Developer%20Tools/inline-js).\n\n| Parameter           | Required |Description     |\n| ------------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| merchantKey         | True              | Your API secret |\n| reference           | False             | Your transaction reference. This MUST be unique for every transaction  |\n| amount              | False              | Amount to charge the customer. This is not required when making a subscription payment    |\n| currency            | False             | Currency to charge in. This is not required when a making subscription payment                |\n| encryptionKey       | True               | This is the encryption key for the merchant |\n| planId   | True | This is the plan id being paid for. This is not required when making one time payments |\n| firstname | False | This is the Customer First Name |\n| lastname | False | This is the Customer Last Name |\n| regionId (optional) | False | This is the merchant's region where the customer is subscribed to |\n| phone (optional) | False | This is the phone number of the customer |\n\n\n\n## Contribution Guidelines\n\nWe welcome contributions from the community. Read more about our community contribution guidelines [here](/CONTRIBUTION.md).\n\n## License\n\nBy contributing to this library, you agree that your contributions will be licensed under its [MIT license](/LICENSE).\n\nCopyright (c) Spotflow Inc.\n\n## Contributors\n\n- [Olukayode Ogunnowo](http://github.com/dansagam)\n- [Oluwatomisin Jimoh](https://github.com/ekiira)\n","funding_links":[],"categories":["Security and Authentication","Recently Updated"],"sub_categories":["Payments","[Feb 16, 2025](/content/2025/02/16/README.md)"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSpotflow-One%2Fangular-spotflow-checkout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FSpotflow-One%2Fangular-spotflow-checkout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FSpotflow-One%2Fangular-spotflow-checkout/lists"}