PIQ-5366: Add updateStyles action — runtime style updates without reload

CHANGES.md

@@ -1,3 +1,6 @@
+### 1.3.2
+- Add `HostedFields.updateStyles(styles)` to apply new custom styles at runtime without reloading the iframes (requires hosted fields 1.1.9+)
+
 ### 1.3.1
 - Remove hostedpages domain support
 - Update readme

README.md

@@ -79,6 +79,7 @@ HostedFields in turn will expose these functions
 * setup
 * get
 * reset
+* updateStyles
 * setClickToPayTransactionAmount
 * clickToPayCheckout
 
@@ -226,6 +227,18 @@ var container = document.querySelector(el);
 Lastly eventListener are registered to the iframe so that it picks up postMessage events.
 
 
+**updateStyles**
+
+If you want to change the custom styles of already rendered hosted fields you can call
+```js
+HostedFields.updateStyles('any custom styles you wish to include')
+```
+It takes the same styles string as the `styles` property of the setup config and applies it to all rendered fields at runtime, without reloading the iframes. Works for both `single` and `multiple` renderMode.
+
+> [!NOTE]
+> Runtime style updates require hosted fields version 1.1.9 or above (the `hostedfieldsurl` version). On older versions the update is ignored and the styles from setup remain.
+
+
 **setClickToPayTransactionAmount** *(used for ClickToPay integration)*
 
 It's used when the transaction amount should be dynamically changed.