@apolopay-sdk/svelte 1.0.0

package/README.md

@@ -0,0 +1,65 @@
+# @apolopay-sdk/svelte
+
+Svelte wrapper for the Apolo Pay SDK. Provides a component to integrate the Apolo Pay payment button into Svelte applications.
+
+## Installation
+
+```bash
+npm install @apolopay-sdk/svelte
+# or
+pnpm add @apolopay-sdk/svelte
+```
+
+## Usage
+
+```html
+<script lang="ts">
+  import { ApoloPayButton, ApoloPayClient, type ClientResponse, type ClientError } from '@apolopay-sdk/svelte';
+
+  // 1. Initialize the client
+  const client = new ApoloPayClient({
+    publicKey: 'pk_test_...',
+  });
+
+  const processId = 'your-process-id';
+
+  // 2. Event handlers
+  function handleSuccess(event: CustomEvent<ClientResponse>) {
+    console.log('Payment success!', event.detail);
+  }
+
+  function handleError(event: CustomEvent<ClientError>) {
+    console.error('Payment error!', event.detail);
+  }
+</script>
+
+<main>
+  <h1>My Svelte Store</h1>
+
+  <!-- 3. Use the component -->
+  <ApoloPayButton
+    {client}
+    {processId}
+    productTitle="Order #SVELTE-1"
+    lang="es"
+    on:success={handleSuccess}
+    on:error={handleError}
+    barrierDismissible={true}
+  />
+</main>
+```
+
+## Props and Events
+
+- `client`: (ApoloPayClient) **Required**.
+- `processId`: (string) **Required**.
+- `productTitle`: (string)
+- `lang`: ('es' | 'en')
+- `label`: (string)
+- `barrierDismissible`: (boolean)
+- `on:success`: Fired on success.
+- `on:error`: Fired on error.
+
+## License
+
+MIT

package/dist/ApoloPayButton.svelte

@@ -0,0 +1,25 @@
+<script>import "@apolopay-sdk/ui";
+export let client = void 0;
+export let processId = void 0;
+export let productTitle = void 0;
+export let lang = void 0;
+export let disabled = false;
+export let loading = false;
+export let label = void 0;
+export let barrierDismissible = false;
+</script>
+
+<apolopay-button
+  client={client}
+  process-id={processId}
+  product-title={productTitle}
+  {lang}
+  {disabled}
+  {loading}
+  {label}
+  barrier-dismissible={barrierDismissible}
+  on:success
+  on:error
+>
+  <slot />
+</apolopay-button>

package/dist/ApoloPayButton.svelte.d.ts

@@ -0,0 +1,30 @@
+import { SvelteComponentTyped } from "svelte";
+import "@apolopay-sdk/ui";
+import type { Locale, ApoloPayClient } from "@apolopay-sdk/ui";
+declare const __propDef: {
+    props: {
+        client?: ApoloPayClient | undefined;
+        processId?: string | undefined;
+        productTitle?: string | undefined;
+        lang?: Locale | undefined;
+        disabled?: boolean | undefined;
+        loading?: boolean | undefined;
+        label?: string | undefined;
+        barrierDismissible?: boolean | undefined;
+    };
+    events: {
+        success: Event | UIEvent | AnimationEvent | MouseEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | ErrorEvent | FormDataEvent | PointerEvent | KeyboardEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
+        error: ErrorEvent;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type ApoloPayButtonProps = typeof __propDef.props;
+export type ApoloPayButtonEvents = typeof __propDef.events;
+export type ApoloPayButtonSlots = typeof __propDef.slots;
+export default class ApoloPayButton extends SvelteComponentTyped<ApoloPayButtonProps, ApoloPayButtonEvents, ApoloPayButtonSlots> {
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ApoloPayButton } from './ApoloPayButton.svelte';
+export * from '@apolopay-sdk/ui';

package/dist/index.js

@@ -0,0 +1,4 @@
+// 1. Exporta el componente Svelte (el wrapper)
+export { default as ApoloPayButton } from './ApoloPayButton.svelte';
+// 2. Re-exporta todos los tipos desde @ui (que ya incluye los de @core)
+export * from '@apolopay-sdk/ui';

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@apolopay-sdk/svelte",
+  "version": "1.0.0",
+  "description": "Botón de pago de Tu Plataforma para Svelte",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "svelte": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "dependencies": {
+    "@apolopay-sdk/ui": "1.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/package": "2.0.0",
+    "@sveltejs/vite-plugin-svelte": "3.0.0",
+    "@tsconfig/svelte": "5.0.0",
+    "svelte": "4.0.0",
+    "svelte-check": "3.0.0",
+    "tslib": "2.0.0",
+    "typescript": "5.4.5"
+  },
+  "peerDependencies": {
+    "svelte": "3.0.0 || 4.0.0 || 5.0.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "svelte-package",
+    "dev": "svelte-package --watch",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch"
+  }
+}