{"_id":"@commercetools/checkout-payments-enabler-sdk","_rev":"4-b5c140febb8532ccfab8c8e92b923c83","name":"@commercetools/checkout-payments-enabler-sdk","dist-tags":{"latest":"0.0.7"},"versions":{"0.0.6":{"name":"@commercetools/checkout-payments-enabler-sdk","version":"0.0.6","keywords":[],"author":{"name":"commercetools"},"license":"ISC","_id":"@commercetools/checkout-payments-enabler-sdk@0.0.6","maintainers":[{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"},{"name":"hajoeichler","email":"eichler.hajo@gmail.com"},{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"jenschude","email":"jens.schulze@commercetools.com"},{"name":"chukwuemeka","email":"chukwuemeka.ajima@commercetools.com"}],"dist":{"shasum":"f07225a6bb4c1678584cd3d1ee42b9918615d415","tarball":"https://registry.npmjs.org/@commercetools/checkout-payments-enabler-sdk/-/checkout-payments-enabler-sdk-0.0.6.tgz","fileCount":2,"integrity":"sha512-XNotIPAkBJOdlIKa695IMCUvmX7u+D6KDd94DnYPGx6J6+TNWUQHLK1xxeqj0M/j/ZCLjnCPIk9Y06s90yvgDA==","signatures":[{"sig":"MEUCIEvdnjFFWQNGpc8D1WVBqYiYijRlmyoD3OuhROEQPEuLAiEA6lRMTpdoOmp9p36kj9WTF6g6TvHbRjPeA5B6Sg5SYDk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2950},"main":"dist/index.js","type":"module","_from":"file:commercetools-checkout-payments-enabler-sdk-0.0.6.tgz","types":"dist/index.d.ts","scripts":{"doc":"typedoc --options typedoc.json","lint":"biome check ./src","test":"vitest run --coverage","build":"rm -rf ./dist && tsc -p tsconfig.prod.json && tsc-alias","clean":"rm -rf ./dist ./coverage ./node_modules","format":"biome check --write ./src","test:watch":"vitest"},"_npmUser":{"name":"commercetools-admin","email":"npmjs@commercetools.com"},"_resolved":"/tmp/4b3fe4a9503d0ea85fe4e59067b246e0/commercetools-checkout-payments-enabler-sdk-0.0.6.tgz","_integrity":"sha512-XNotIPAkBJOdlIKa695IMCUvmX7u+D6KDd94DnYPGx6J6+TNWUQHLK1xxeqj0M/j/ZCLjnCPIk9Y06s90yvgDA==","_npmVersion":"11.6.2","description":"Checkout payments SDK for enabler","directories":{},"_nodeVersion":"24.13.0","dependencies":{"@commercetools/checkout-payments-core":"0.0.6"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.20.6","vitest":"3.2.4","typedoc":"0.28.13","tsc-alias":"1.8.16","typescript":"5.9.3","@types/node":"24.7.0","@types/lodash":"4.17.20","@biomejs/biome":"2.2.5","@tsconfig/node24":"24.0.1","@types/jsonwebtoken":"9.0.10","vite-tsconfig-paths":"5.1.4","@vitest/coverage-istanbul":"^3.2.4"},"_npmOperationalInternal":{"tmp":"tmp/checkout-payments-enabler-sdk_0.0.6_1770714577042_0.12486748509892331","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@commercetools/checkout-payments-enabler-sdk","version":"0.0.7","keywords":["commercetools","checkout","payments","frontend","typescript","sdk"],"author":{"name":"commercetools"},"license":"ISC","_id":"@commercetools/checkout-payments-enabler-sdk@0.0.7","maintainers":[{"name":"commercetools-admin","email":"npmjs@commercetools.com"},{"name":"emmenko","email":"emmenko@gmail.com"},{"name":"hajoeichler","email":"eichler.hajo@gmail.com"},{"name":"tdeekens","email":"nerd@tdeekens.name"},{"name":"jenschude","email":"jens.schulze@commercetools.com"},{"name":"chukwuemeka","email":"chukwuemeka.ajima@commercetools.com"}],"dist":{"shasum":"7bf1b436abecf6eedd55876f60ba2f167acd8c7c","tarball":"https://registry.npmjs.org/@commercetools/checkout-payments-enabler-sdk/-/checkout-payments-enabler-sdk-0.0.7.tgz","fileCount":16,"integrity":"sha512-BOldMo7dAwgxnYy9+3E7kA0GZThFH74fluHf4oC3AkRe4+WNEiYIuYQYI5QmYJXHsi1jNelAbH+nxcnvTD2TXw==","signatures":[{"sig":"MEYCIQD+LfmMFIoWMhH4E9oE/HT9rPaDRo3yoi/bKQWI3kHiQAIhAOoGalhQOuG1aqJSvKaoHSPjVANhZvSzvF4MLO+zTm5S","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":27460},"main":"dist/index.js","type":"module","_from":"file:commercetools-checkout-payments-enabler-sdk-0.0.7.tgz","types":"dist/index.d.ts","scripts":{"doc":"typedoc --options typedoc.json","lint":"biome check ./src","test":"vitest run --coverage","build":"rm -rf ./dist && tsc -p tsconfig.prod.json && tsc-alias","clean":"rm -rf ./dist ./coverage ./node_modules","format":"biome check --write ./src","test:watch":"vitest"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:b7970c1f-33bc-4793-ae19-31e71320a6f7"}},"_resolved":"/tmp/2050597096330f65e30403ce19ec46c9/commercetools-checkout-payments-enabler-sdk-0.0.7.tgz","_integrity":"sha512-BOldMo7dAwgxnYy9+3E7kA0GZThFH74fluHf4oC3AkRe4+WNEiYIuYQYI5QmYJXHsi1jNelAbH+nxcnvTD2TXw==","_npmVersion":"11.6.2","description":"Checkout payments SDK for enabler","directories":{},"_nodeVersion":"24.13.0","dependencies":{"@commercetools/checkout-payments-core":"0.0.7"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsx":"4.20.6","vitest":"3.2.4","typedoc":"0.28.13","tsc-alias":"1.8.16","typescript":"5.9.3","@types/node":"24.7.0","@types/lodash":"4.17.20","@biomejs/biome":"2.2.5","@tsconfig/node24":"24.0.1","@types/jsonwebtoken":"9.0.10","vite-tsconfig-paths":"5.1.4","@vitest/coverage-istanbul":"^3.2.4"},"_npmOperationalInternal":{"tmp":"tmp/checkout-payments-enabler-sdk_0.0.7_1770803604214_0.2103520137303294","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2026-02-10T09:09:36.934Z","modified":"2026-07-06T10:28:33.915Z","0.0.6":"2026-02-10T09:09:37.195Z","0.0.7":"2026-02-11T09:53:24.362Z"},"author":{"name":"commercetools"},"license":"ISC","keywords":["commercetools","checkout","payments","frontend","typescript","sdk"],"description":"Checkout payments SDK for enabler","maintainers":[{"email":"npmjs@commercetools.com","name":"commercetools-admin"},{"email":"emmenko@gmail.com","name":"emmenko"},{"email":"eichler.hajo@gmail.com","name":"hajoeichler"},{"email":"nerd@tdeekens.name","name":"tdeekens"},{"email":"jens.schulze@commercetools.com","name":"jenschude"},{"email":"chukwuemeka.ajima@commercetools.com","name":"chukwuemeka"}],"readme":"# Checkout Payments – Frontend Enabler SDK\n\nTypeScript SDK for building frontend payment enablers. The Enabler Module is a JavaScript library that runs in the browser during the commercetools checkout process. This library helps you to spin up your own enabler in no time.\n\n## Installation\n\n```bash\n# Using pnpm\npnpm add @commercetools/checkout-payments-enabler-sdk\n\n# Using npm\nnpm install @commercetools/checkout-payments-enabler-sdk\n\n# Using yarn\nyarn add @commercetools/checkout-payments-enabler-sdk\n```\n\n## Key features\n\n- Drop-in component types for pre-built payment UIs\n- Web component types for custom payment integrations\n- Express checkout types\n- Stored payment method types\n\n## Drop-in components vs payment components\n\nWhen integrating with commercetools Checkout, you can use:\n\n| Approach | Description |\n| -------- | ----------- |\n| **Drop-in components** | Pre-built, fully managed UI from the PSP's UI kit. Ideal for quick integration with minimal custom development. Supports multiple payment methods out of the box. |\n| **Web components** | Customizable integration. You choose which payment methods to support and implement. Fully customizable UI and logic; requires more development than drop-in. |\n\n## What's included\n\n- **Drop-in types** – `DropinBuilder`, `DropinType` for pre-built payment UIs\n- **Web component types** – `WebComponentBuilder` for custom payment integrations\n- **Enabler interface** – `PaymentEnabler` with `createComponentBuilder`, `createDropinBuilder`, `createStoredPaymentMethodBuilder`, `createExpressBuilder`, etc.\n- **Express checkout types** – `PaymentExpressBuilder` for express payment methods (e.g. PayPal)\n- **Stored payment method types** – `StoredComponentBuilder`, `StoredPaymentMethod` for saved payment methods\n- **Payment method type** – Re-exported from `@commercetools/checkout-payments-core`\n\n## Example usage\n\n```typescript\nimport type {\n  PaymentEnabler,\n  WebComponentBuilder,\n  DropinBuilder,\n  PaymentMethodType,\n} from '@commercetools/checkout-payments-enabler-sdk';\n\n// Type your enabler implementation\nconst enabler: PaymentEnabler = {\n  createComponentBuilder: async (type: string) => { /* ... */ },\n  createDropinBuilder: async (type) => { /* ... */ },\n  createStoredPaymentMethodBuilder: async (type: string) => { /* ... */ },\n  createExpressBuilder: async (type: string) => { /* ... */ },\n  isStoredPaymentMethodsEnabled: async () => true,\n  getStoredPaymentMethods: async (allowedMethodTypes) => ({ /* ... */ }),\n};\n\n// Use builders for payment UI\nconst componentBuilder: WebComponentBuilder = await enabler.createComponentBuilder('card');\nconst dropinBuilder: DropinBuilder = await enabler.createDropinBuilder('dropin');\n```\n\nFor full checkout architecture and processor integration, see the [root README](https://github.com/commercetools/checkout-sdks#readme) of the checkout-sdks monorepo.\n\n## Authors\n\nThis library is created by [Commercetools](https://commercetools.com) and the commercetools Checkout team.\n","readmeFilename":"README.md"}