@paynext/sdk 0.0.95 → 0.0.97

package/README.md

@@ -112,6 +112,7 @@ interface PayNextConfig {
   variant?: 'default' | 'compact' 
   locale?: Locale                
   translate?: CheckoutTranslate   
+  errorMessageText?: string
   styles?: StylesConfig          
   onCheckoutLoaded?: (result: LoadedResult) => void
   onCheckoutAttempt?: (result: AttemptResult) => void
@@ -125,6 +126,45 @@ interface LoadedResult {
 }
 ```
 
+### Add a Submit Button Icon
+
+Provide inline SVG markup via `styles.SubmitButton.iconSvg` to render an icon to the left of the "Pay with card" button label. The SDK hides the icon and shows a spinner while a payment request is in flight, then restores the icon once processing finishes. A 24x24px viewBox keeps the layout balanced.
+
+```ts
+const checkout = new PayNextCheckout(container)
+
+await checkout.mount({
+  ...config,
+  styles: {
+    SubmitButton: {
+      iconSvg: `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+        <path d="M6 12L10 16L18 8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+      </svg>`
+    }
+  }
+})
+```
+
+### Customize the Back Button
+
+Pass `styles.BackButton` to adjust the container that wraps the default arrow icon. Both `className` and `styles` map directly onto that wrapper `<div>`, letting you add global CSS hooks or inline overrides without replacing the built-in markup.
+
+```ts
+const checkout = new PayNextCheckout(container)
+
+await checkout.mount({
+  ...config,
+  styles: {
+    BackButton: {
+      className: 'my-back-button',
+      styles: {
+        color: '#111827'
+      }
+    }
+  }
+})
+```
+
 ## Supported Payment Methods
 
 - **Cards**: Visa, Mastercard, American Express, Discover, JCB, Diners Club, UnionPay, Maestro

package/dist/_commonjs-dynamic-modules-C4BgavC4.js

@@ -0,0 +1,11 @@
+function o(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function r(e) {
+  throw new Error('Could not dynamically require "' + e + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+export {
+  r as c,
+  o as g
+};
+//# sourceMappingURL=_commonjs-dynamic-modules-C4BgavC4.js.map

package/dist/_commonjs-dynamic-modules-C4BgavC4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjs-dynamic-modules-C4BgavC4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}