{"_id":"@apolopay-sdk/ui","_rev":"6-3290be26d1b85575ec8ee718226266a5","name":"@apolopay-sdk/ui","dist-tags":{"latest":"1.4.0"},"versions":{"1.0.0":{"name":"@apolopay-sdk/ui","version":"1.0.0","_id":"@apolopay-sdk/ui@1.0.0","maintainers":[{"name":"apolopay","email":"developers@apolopay.app"}],"dist":{"shasum":"3803f39567e080577605a6c6e5549b5bb9b30a32","tarball":"https://registry.npmjs.org/@apolopay-sdk/ui/-/ui-1.0.0.tgz","fileCount":28,"integrity":"sha512-KnNPaWflvtJTb91OW49vtGi7ZnxduEcyAVuIPuCAm3iaLhTBTc0mnG+FddZb0uB9wojYmSG3ktaOo4CMwkqWWg==","signatures":[{"sig":"MEUCIDXN+qJSmkRp7K2l0j0hOijOhy7opnkIfp+fqLgevcBiAiEApMfaoYMkfJ0wtwd3ixoMKsB7peCOoM43imDuwO1tzck=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":226899},"main":"dist/index.js","type":"module","_from":"file:apolopay-sdk-ui-1.0.0.tgz","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"scripts":{"dev":"tsc --watch","build":"tsc"},"_npmUser":{"name":"apolopay","email":"developers@apolopay.app"},"_resolved":"C:\\Users\\usuario\\AppData\\Local\\Temp\\580e7abbaae9fc0e2b33b588eb437f09\\apolopay-sdk-ui-1.0.0.tgz","_integrity":"sha512-KnNPaWflvtJTb91OW49vtGi7ZnxduEcyAVuIPuCAm3iaLhTBTc0mnG+FddZb0uB9wojYmSG3ktaOo4CMwkqWWg==","_npmVersion":"10.9.3","description":"Componente de UI (Web Component) para el botón de pago","directories":{},"_nodeVersion":"22.20.0","dependencies":{"lit":"3.0.0","tslib":"2.8.1","@apolopay-sdk/core":"1.0.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"typescript":"5.4.5"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.0.0_1770336474919_0.6638026957902101","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@apolopay-sdk/ui","version":"1.1.0","_id":"@apolopay-sdk/ui@1.1.0","maintainers":[{"name":"apolopay","email":"developers@apolopay.app"}],"dist":{"shasum":"a2fec883c86a8f9ecd9b7fdd4428ee9b2d52a80e","tarball":"https://registry.npmjs.org/@apolopay-sdk/ui/-/ui-1.1.0.tgz","fileCount":28,"integrity":"sha512-QE7LgEE/K5WjUmETZnkeF4bjQCdy/n/xkdsMjUK4V8T2cpio4Bq3fcvTIGE3mM7D8/Xjd4moihJzs6YfNSCIzg==","signatures":[{"sig":"MEYCIQC7vFli/khc5N0L5AXwCNv7f3S+TU1ZCrgi0OFMGSVOvAIhAJaoTXMq9dWDlXuX8Tuphyss7nDrhRLum6EQDHgELnTG","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":226918},"main":"dist/index.js","type":"module","_from":"file:apolopay-sdk-ui-1.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"}},"scripts":{"dev":"tsc --watch","build":"tsc"},"_npmUser":{"name":"apolopay","email":"developers@apolopay.app"},"_resolved":"C:\\Users\\usuario\\AppData\\Local\\Temp\\2dc7079be4b29bd2a6e256417fd96e15\\apolopay-sdk-ui-1.1.0.tgz","_integrity":"sha512-QE7LgEE/K5WjUmETZnkeF4bjQCdy/n/xkdsMjUK4V8T2cpio4Bq3fcvTIGE3mM7D8/Xjd4moihJzs6YfNSCIzg==","_npmVersion":"10.9.3","description":"UI Components (Web Components) for payment button","directories":{},"_nodeVersion":"22.20.0","dependencies":{"lit":"3.0.0","tslib":"2.8.1","@apolopay-sdk/core":"1.1.0"},"publishConfig":{"access":"public","provenance":false},"_hasShrinkwrap":false,"devDependencies":{"typescript":"5.4.5"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.1.0_1770341577913_0.9452372602804333","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@apolopay-sdk/ui","version":"1.2.0","_id":"@apolopay-sdk/ui@1.2.0","maintainers":[{"name":"apolopay","email":"developers@apolopay.app"}],"homepage":"https://github.com/ApoloPay/payment-button-sdk#readme","bugs":{"url":"https://github.com/ApoloPay/payment-button-sdk/issues"},"dist":{"shasum":"c39d6832f380de818df5d5714f711c391cbd594a","tarball":"https://registry.npmjs.org/@apolopay-sdk/ui/-/ui-1.2.0.tgz","fileCount":18,"integrity":"sha512-HcIgP2tiFh59SiZpTaq4opiwcxT9KG3wPzzhXd8vdfE7rt0iXpkYrYbni49tCEYHP8EF9s8iCRd1JC0Hr12qCw==","signatures":[{"sig":"MEQCIArS9fPR2Fb9zKESWJlLqzXAOm8P4twZKXll4P3DlveJAiAmH0HGjnMjum3wlzcM7Se7PLmlsqdz7MZTS6man4h40g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":517749},"main":"./dist/apolopay-sdk.umd.js","type":"module","_from":"file:apolopay-sdk-ui-1.2.0.tgz","types":"dist/index.d.ts","module":"./dist/apolopay-sdk.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/apolopay-sdk.es.js","require":"./dist/apolopay-sdk.umd.js"}},"scripts":{"dev":"vite build --watch","build":"tsc --emitDeclarationOnly && vite build"},"_npmUser":{"name":"apolopay","email":"developers@apolopay.app"},"_resolved":"C:\\Users\\detex\\AppData\\Local\\Temp\\0e1eabec66a18bf4c6aca3dbb3650128\\apolopay-sdk-ui-1.2.0.tgz","_integrity":"sha512-HcIgP2tiFh59SiZpTaq4opiwcxT9KG3wPzzhXd8vdfE7rt0iXpkYrYbni49tCEYHP8EF9s8iCRd1JC0Hr12qCw==","repository":{"url":"git+https://github.com/ApoloPay/payment-button-sdk.git","type":"git"},"_npmVersion":"11.9.0","description":"UI Components (Web Components) for payment button","directories":{},"_nodeVersion":"24.14.0","dependencies":{"lit":"3.0.0","tslib":"2.8.1","@apolopay-sdk/core":"1.2.0"},"publishConfig":{"access":"public","provenance":false},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","typescript":"5.4.5","@types/node":"^25.2.3"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.2.0_1773957997716_0.28623905183191445","host":"s3://npm-registry-packages-npm-production"}},"1.2.1":{"name":"@apolopay-sdk/ui","version":"1.2.1","_id":"@apolopay-sdk/ui@1.2.1","maintainers":[{"name":"apolopay","email":"developers@apolopay.app"}],"homepage":"https://github.com/ApoloPay/payment-button-sdk#readme","bugs":{"url":"https://github.com/ApoloPay/payment-button-sdk/issues"},"dist":{"shasum":"4bd72a875ef78a9fcbe27a630a17e3d16790494a","tarball":"https://registry.npmjs.org/@apolopay-sdk/ui/-/ui-1.2.1.tgz","fileCount":18,"integrity":"sha512-972QgjgzXLSjUXECxauKCofvMKC8TFe600yMJgweMQ/VUbTU+DyCyi8ycCOo1NPIgqS7Ia6jZcYxWDZvWkVYbw==","signatures":[{"sig":"MEUCIQDt42jvR9MaM50bKsvBTXLWwTAou3UI3pM6eEIIwoplpQIgVjkM+8BK9p5WEbNp35HIWvNPkfS3Yr6fpSueywJtNkE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":517724},"main":"./dist/apolopay-sdk.umd.js","type":"module","_from":"file:apolopay-sdk-ui-1.2.1.tgz","types":"dist/index.d.ts","module":"./dist/apolopay-sdk.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/apolopay-sdk.es.js","require":"./dist/apolopay-sdk.umd.js"}},"scripts":{"dev":"vite build --watch","build":"tsc --emitDeclarationOnly && vite build"},"_npmUser":{"name":"apolopay","email":"developers@apolopay.app"},"_resolved":"C:\\Users\\detex\\AppData\\Local\\Temp\\d1c9ed6c4c24d86ea37c06efed4a927f\\apolopay-sdk-ui-1.2.1.tgz","_integrity":"sha512-972QgjgzXLSjUXECxauKCofvMKC8TFe600yMJgweMQ/VUbTU+DyCyi8ycCOo1NPIgqS7Ia6jZcYxWDZvWkVYbw==","repository":{"url":"git+https://github.com/ApoloPay/payment-button-sdk.git","type":"git"},"_npmVersion":"11.9.0","description":"UI Components (Web Components) for payment button","directories":{},"_nodeVersion":"24.14.0","dependencies":{"lit":"3.0.0","tslib":"2.8.1","@apolopay-sdk/core":"1.2.1"},"publishConfig":{"access":"public","provenance":false},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","typescript":"5.4.5","@types/node":"^25.2.3"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.2.1_1774019163214_0.5736680724235022","host":"s3://npm-registry-packages-npm-production"}},"1.3.0":{"name":"@apolopay-sdk/ui","version":"1.3.0","_id":"@apolopay-sdk/ui@1.3.0","maintainers":[{"name":"apolopay","email":"developers@apolopay.app"}],"homepage":"https://github.com/ApoloPay/payment-button-sdk#readme","bugs":{"url":"https://github.com/ApoloPay/payment-button-sdk/issues"},"dist":{"shasum":"444d9f8e165f9a7ac9e87d7db294c377d1d07871","tarball":"https://registry.npmjs.org/@apolopay-sdk/ui/-/ui-1.3.0.tgz","fileCount":21,"integrity":"sha512-ayG140pnArkiRfkBalSC08amGv9HyWZO+StRbM9hNE0RBs6d5x/Y7V1lOvSM0AFJmICz5GSobeNMKVEZJphbCQ==","signatures":[{"sig":"MEQCIBkfh+9KT2jHENJNEaQyVYV0xWEF+Q+ZtN7eigfPVB6yAiBdei18WcqTH5OGwKvMhUQWBEPBkGxdFHEEe2FR+rfW0g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":540447},"main":"./dist/apolopay-sdk.umd.js","type":"module","_from":"file:apolopay-sdk-ui-1.3.0.tgz","types":"dist/index.d.ts","module":"./dist/apolopay-sdk.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/apolopay-sdk.es.js","require":"./dist/apolopay-sdk.umd.js"}},"scripts":{"dev":"vite build --watch","build":"tsc --emitDeclarationOnly && vite build"},"_npmUser":{"name":"apolopay","email":"developers@apolopay.app"},"_resolved":"C:\\Users\\detex\\AppData\\Local\\Temp\\e8f1d97def01ce41b237f8377bca4776\\apolopay-sdk-ui-1.3.0.tgz","_integrity":"sha512-ayG140pnArkiRfkBalSC08amGv9HyWZO+StRbM9hNE0RBs6d5x/Y7V1lOvSM0AFJmICz5GSobeNMKVEZJphbCQ==","repository":{"url":"git+https://github.com/ApoloPay/payment-button-sdk.git","type":"git"},"_npmVersion":"11.9.0","description":"UI Components (Web Components) for payment button","directories":{},"_nodeVersion":"24.14.0","dependencies":{"lit":"3.0.0","tslib":"2.8.1","@apolopay-sdk/core":"1.3.0"},"publishConfig":{"access":"public","provenance":false},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","typescript":"5.4.5","@types/node":"^25.2.3"},"_npmOperationalInternal":{"tmp":"tmp/ui_1.3.0_1775944059074_0.256561477796313","host":"s3://npm-registry-packages-npm-production"}},"1.4.0":{"name":"@apolopay-sdk/ui","version":"1.4.0","description":"UI Components (Web Components) for payment button","repository":{"type":"git","url":"git+https://github.com/ApoloPay/payment-button-sdk.git"},"publishConfig":{"access":"public","provenance":false},"type":"module","main":"./dist/apolopay-sdk.umd.js","module":"./dist/apolopay-sdk.es.js","types":"dist/index.d.ts","dependencies":{"lit":"3.0.0","tslib":"2.8.1","@apolopay-sdk/core":"1.4.0"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/apolopay-sdk.es.js","require":"./dist/apolopay-sdk.umd.js"}},"devDependencies":{"@types/node":"^25.2.3","jsdom":"^30.0.1","typescript":"5.4.5","vite":"^7.3.1","vitest":"^4.1.11"},"scripts":{"build":"tsc --emitDeclarationOnly && vite build","dev":"vite build --watch","test":"vitest run"},"_id":"@apolopay-sdk/ui@1.4.0","bugs":{"url":"https://github.com/ApoloPay/payment-button-sdk/issues"},"homepage":"https://github.com/ApoloPay/payment-button-sdk#readme","_integrity":"sha512-3LbxHJmvEyA9gSLiqJeppRs+lqKegGImughySuC9xgTeT0H255B3AmPzM8kc1s8Tylf2IbgmFxG2EIb3JGVjCg==","_resolved":"C:\\Users\\detex\\AppData\\Local\\Temp\\7ee063b0b535dcb9612f6f69270fdcab\\apolopay-sdk-ui-1.4.0.tgz","_from":"file:apolopay-sdk-ui-1.4.0.tgz","_nodeVersion":"24.14.0","_npmVersion":"11.9.0","dist":{"integrity":"sha512-3LbxHJmvEyA9gSLiqJeppRs+lqKegGImughySuC9xgTeT0H255B3AmPzM8kc1s8Tylf2IbgmFxG2EIb3JGVjCg==","shasum":"99a494156aa47c64b12837e57ef67e3d35fe2830","tarball":"https://registry.npmjs.org/@apolopay-sdk/ui/-/ui-1.4.0.tgz","fileCount":22,"unpackedSize":558329,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEYdgZlfFFHigo2JMzbInBKG82kLk6HCqoPPhnkE0jeoAiEAyr2VSHI62MqQ03pIJ3zofIzSPqj7sBh4a3u9bOGGBuo="}]},"_npmUser":{"name":"apolopay","email":"developers@apolopay.app"},"directories":{},"maintainers":[{"name":"apolopay","email":"developers@apolopay.app"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui_1.4.0_1787682557649_0.3825380530653355"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-06T00:07:54.810Z","modified":"2026-08-25T18:29:17.958Z","1.0.0":"2026-02-06T00:07:55.101Z","1.1.0":"2026-02-06T01:32:58.143Z","1.2.0":"2026-03-19T22:06:37.860Z","1.2.1":"2026-03-20T15:06:03.404Z","1.3.0":"2026-04-11T21:47:39.288Z","1.4.0":"2026-08-25T18:29:17.784Z"},"bugs":{"url":"https://github.com/ApoloPay/payment-button-sdk/issues"},"homepage":"https://github.com/ApoloPay/payment-button-sdk#readme","repository":{"type":"git","url":"git+https://github.com/ApoloPay/payment-button-sdk.git"},"description":"UI Components (Web Components) for payment button","maintainers":[{"name":"apolopay","email":"developers@apolopay.app"}],"readme":"# @apolopay-sdk/ui\r\n\r\nThe UI components for Apolo Pay, built with Lit (Web Components). This package contains the `<apolopay-button>` which manages the payment flow, including asset selection, network selection, and QR code display.\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @apolopay-sdk/ui\r\n# or\r\npnpm add @apolopay-sdk/ui\r\n```\r\n\r\n## Usage\r\n\r\n### Web Component\r\n\r\nYou can use the component directly in your HTML or any framework that supports Web Components.\r\n\r\n```html\r\n<script type=\"module\">\r\n  import '@apolopay-sdk/ui';\r\n  import { ApoloPayClient } from '@apolopay-sdk/core';\r\n\r\n  const client = new ApoloPayClient({ publicKey: 'pk_...' });\r\n  const button = document.querySelector('apolopay-button');\r\n  button.client = client;\r\n</script>\r\n\r\n<apolopay-button \r\n  process-id=\"your-process-id\" \r\n  product-title=\"My Product\"\r\n  lang=\"es\"\r\n></apolopay-button>\r\n```\r\n\r\n### Attributes and Properties\r\n\r\n| Attribute | Property | Type | Description |\r\n|-----------|----------|------|-------------|\r\n| - | `client` | `ApoloPayClient` | **Required**. Instance of ApoloPayClient. |\r\n| `process-id` | `processId` | `string` | **Required**. The UUID of the payment process. |\r\n| `product-title`| `productTitle`| `string` | Title to display in the payment modal. |\r\n| `lang` | `lang` | `'es' \\| 'en'` | Language (default: 'es'). |\r\n| `label` | `label` | `string` | Custom label for the trigger button. |\r\n| `barrier-dismissible`| `barrierDismissible`| `boolean` | If true, clicking the backdrop closes the modal. |\r\n\r\n### Events\r\n\r\n- `success`: Fired when a payment is successfully completed.\r\n- `error`: Fired when an error occurs during the payment flow.\r\n\r\n## License\r\n\r\nMIT\r\n","readmeFilename":"README.md"}