{"id":24396645,"url":"https://github.com/cloudipsp/checkout-vue","last_synced_at":"2025-04-11T16:41:31.758Z","repository":{"id":26078993,"uuid":"107278756","full_name":"cloudipsp/checkout-vue","owner":"cloudipsp","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-28T18:33:40.000Z","size":11747,"stargazers_count":9,"open_issues_count":2,"forks_count":4,"subscribers_count":3,"default_branch":"latest","last_synced_at":"2025-04-04T18:04:23.909Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cloudipsp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2017-10-17T14:19:44.000Z","updated_at":"2025-01-23T10:21:06.000Z","dependencies_parsed_at":"2023-11-21T21:27:13.728Z","dependency_job_id":"e33a55ab-79f2-413e-9f3a-740e461e3229","html_url":"https://github.com/cloudipsp/checkout-vue","commit_stats":{"total_commits":1450,"total_committers":7,"mean_commits":"207.14285714285714","dds":"0.015172413793103412","last_synced_commit":"e8878e4213a6e2c6a3b0c92abd82ca400d19492c"},"previous_names":["mixadev/checkout-vue"],"tags_count":103,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudipsp%2Fcheckout-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudipsp%2Fcheckout-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudipsp%2Fcheckout-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cloudipsp%2Fcheckout-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cloudipsp","download_url":"https://codeload.github.com/cloudipsp/checkout-vue/tar.gz/refs/heads/latest","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248442201,"owners_count":21104130,"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-01-19T21:54:56.760Z","updated_at":"2025-04-11T16:41:31.719Z","avatar_url":"https://github.com/cloudipsp.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# checkout-vue\n\n\u003e\n\n## Build Setup\n\n``` bash\n# install dependencies\nnpm install\n\n# serve with hot reload at localhost:8080\nnpm run dev\n\n# build for production with minification\nnpm run build\n```\n\n### config\n``` js\n{\n  options: {},\n  params: {},\n  button: {}, // button config \n  fields_custom: [],\n  messages: {},\n  validate: {},\n  css_variable: {},\n}\n```\n\n### options\nName                  | Type        | Default                 | Description                                                                         | Priority\n---                   | ---         | ---                     | ---                                                                                 | ---\n`methods`             | Array       | ['card']                | support `card`, `sepa`, `banklinks_eu`, `receipt`.                                  |\n`methods_disabled`    | Array       | []                      | support `card`, `sepa`, `banklinks_eu`, `receipt`.                                  |\n`card_icons`          | Array       | ['mastercard', 'visa']  | support `mastercard`, `visa`, `mir`, `prostir`, `diners`, `american_express` , `jcb`, `maestro`, `union_pay`.|\n`banklinks_eu_icons`  | Array       | []                      |                                                                                     |\n`local_methods_icons` | Array       | []                      |                                                                                     |\n`crypto_icons`        | Array       | []                      |                                                                                     |\n`loans_icons`         | Array       | []                      |                                                                                     |\n`emoney_icons`        | Array       | []                      |                                                                                     |\n`wallets_icons`       | Array       | []                      |                                                                                     |\n`title`               | String      |                         |                                                                                     | options or server\n`hide_title`          | Boolean     | false                   |                                                                                     |\n`link`                | String      |                         | format url                                                                          | server or options\n`hide_link`           | Boolean     | false                   |                                                                                     |\n`full_screen`         | Boolean     | true                    |                                                                                     |\n`locales`             | Array       | [all]                   | support `cs`, `de`, `en`, `es`, `fr`, `hu`, `it`, `ko`, `lv`, `pl`, `ro`, `ru`, `sk`, `uk`.|\n`api_domain`          | String      | 'api.fondy.eu'          |                                                                                     |\n`endpoint`            | Object      |                         |                                                                                     |\n`active_tab`          | String      | 'card'                  | support `card`, `sepa`.                                                             | server or options\n`active_method`       | String      | ''                      |                                                                                     | server or options\n`logo_url`            | String      |                         | format url                                                                          | options or server\n`offerta_url`         | String      |                         | format url                                                                          | options or server\n`button`              | Boolean     | true                    |                                                                                     |\n`fee`                 | Boolean     | false                   |                                                                                     |\n`email`               | Boolean     | false                   |                                                                                     | server or options\n`fields`              | Boolean     | false                   |                                                                                     |\n`default_country`     | String      |                         |                                                                                     |\n`countries`           | Array       |                         |                                                                                     |\n`lang`                | Boolean     | true                    |                                                                                     |\n`theme`               | Object      |                         |                                                                                     |\n`show_menu_first`     | Boolean     | false                   |                                                                                     |\n`disable_request`     | Boolean     | false                   | no requests are sent to the server                                                  |\n`show_button_amount`  | Boolean     | true                    | displaying the amount on the button                                                 |\n`subscription`        | Object      |                         |                                                                                     |\n`loading`             | String      |                         | format url                                                                          |\n`hide_button_title`   | Boolean     | false                   |                                                                                     |\n`amount_readonly`     | Boolean     | true                    |                                                                                     |\n\n### options.endpoint\nName                  | Type        | Default                                 | Description\n---                   | ---         | ---                                     | ---\n`gateway`             | String      | '/latest/checkout-v2/index.html'        |\n`button`              | String      | '/latest/checkout-v2/button/index.html' |\n\n### options.theme\nName                  | Type        | Default                 | Description\n---                   | ---         | ---                     | ---\n`type`                | String      | 'light'                 | support `light`, `dark`.\n`preset`              | String      | 'black'                 | support `reset`, `black`, `silver`, `vibrant_silver`, `vibrant_gold`, `solid_black`, `black_and_white`, `euphoric_pink`, `heated_steel`, `nude_pink`, `tropical_gold`, `navy_shimmer`.\n\n### options.subscription\nName                  | Type        | Default                 | Description\n---                   | ---         | ---                     | ---\n`type`                | String      | 'disable'               | support `disable`, `hidden`, `shown_edit_on`, `shown_edit_off`, `shown_readonly`\n`periods`             | Array       | ['day', 'week', 'month']| support `day`, `week`, `month`.\n`quantity`            | Boolean     | false                   |\n`trial`               | Boolean     | false                   |\n`unlimited`           | Boolean     | true                    |\n`readonly`            | Boolean     | false                   |\n\n### params\nName                  | Type        | Default                 | Description                 | Priority\n---                   | ---         | ---                     | ---                         | ---\n`merchant_id`         | Integer     | 1396424                 |                             |\n`order_desc`          | String      |                         |                             | options or server\n`amount`              | Integer     | null                    |                             |\n`currency`            | String      | 'USD'                   |                             |\n`response_url`        | String      |                         | format url                  |\n`lang`                | String      | browser language        |                             | server or options\n`required_rectoken`   | String      |                         | support `Y`, `N`, `y`, `n`. |\n`verification`        | String      |                         | support `Y`, `N`, `y`, `n`. |\n`verification_type`   | String      |                         | support `amount`, `code`    |\n`token`               | String      |                         | length 40                   |\n`button`              | String      |                         | length 20-80                |\n`offer`               | Boolean     | false                   |                             |\n`recurring_data`      | Object      |                         |                             |\n`custom`              | Object      |                         |                             |\n`customer_data`       | Object      |                         |                             |\n\n#### params.recurring_data\nName                  | Type        | Default                 | Description\n---                   | ---         | ---                     | ---\n`every`               | Integer     | 1                       |\n`period`              | String      | 'month'                 | support `day`, `week`, `month`.\n`amount`              | Integer     | 0                       |\n`end_time`            | String      |                         | format YYYY-MM-DD\n`start_time`          | String      |                         | format YYYY-MM-DD\n`quantity`            | Integer     | 0                       |\n`trial_period`        | String      | ''                      |\n`trial_quantity`      | Integer     | 0                       |\n\n#### params.customer_data\nName                  | Type        | Default                 | Description\n---                   | ---         | ---                     | ---\n`customer_name`       | String      |                         |\n`customer_address`    | String      |                         |\n`customer_zip`        | String      |                         |\n`customer_city`       | String      |                         |\n`customer_country`    | String      |                         | dictionary countries\n`customer_state`      | String      |                         |\n`phonemobile`         | String      |                         | format phone\n`email`               | String      |                         | format email\n\n### messages\n``` js\n{\n  messages: {\n    {en}: {\n      {id}: {value},\n      ...\n    },\n    ...\n  },\n}\n```\n\n### validate\n``` js\n{\n  validate: {\n    {en}: {\n      {id}: {value},\n      ...\n    },\n    ...\n  },\n}\n```\n\n## Use\n### $on\n``` js\nvar app = checkout({css selector}, {config})\n\napp.$on('success', function(model) {})\napp.$on('error', function(model) {})\napp.$on('ready', function(model) {})\napp.$on('callback', function(model) {})\napp.$on('show-pay', function(model) {})\n```\n\n### $emit\n``` js\napp.submit()\napp.$emit('submit')\n\napp.location({method}, {system})\napp.$emit('location', {method}, {system})\n\napp.setParams({params})\napp.$emit('setParams', {params})\n\napp.$emit('click-wallet')\napp.$emit('click-wallet', 'google')\napp.$emit('click-wallet', 'apple')\n```\n\n### Destroy app\n```\napp.$destroy()\napp.$el.remove()\n```\n\n## Use validate\n\nhttps://vee-validate.logaretm.com/v3/guide/rules.html#rules\n\nsupport `after`, `alpha`, `date_format`, `decimal`, `digits`, `email`, `max`, `min`, `numeric`, `required`, `customer_field`, `phone`, `numrange`, `ccard`\n\n``` html\n\u003cinput-text name=\"email\" validate=\"required|email\"\u003e\u003c/input-text\u003e\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudipsp%2Fcheckout-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcloudipsp%2Fcheckout-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcloudipsp%2Fcheckout-vue/lists"}