@brokerize/elements 1.4.0 → 1.4.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Changelog
 
+# 1.4.1 (released 2025-09-08)
+
+-   `FIXED` In some environments, `crypto.randomUUID()` is not available. This was used for generating IDs in the previous version and is now replaced with `nanoid`
+
+# 1.4.0 (released 2025-08-27)
+
+-   `ADDED` the new component `Overview` which can replace `BrokerList`, `PortfolioTable` and `SessionsTable` in most applications
+-   `ADDED` An improved version of the `BrokerizeMain` component, which encapsulates `Overview` , `PortfolioView` and `OrderForm`.
+
+# 1.3.0 (released 2025-05-07)
+
+-   `ADDED` We have added the new function createCustomWebSocketClient to brokerize client, which allows customizing the WebSocke connection URL and token retrieval. The client can be passed to createAuthorizedContext so that the created client is used in all contexts (including brokerize elements components which rely on WebSockets).
+
+# 1.2.1 (released 2025-05-01)
+
+-   `FIXED` an issue where a relative API basePath lead to wrong WebSocket connection URLs.
+
 # 1.2.0 (released 2025-04-24)
 
 -   `ADDED` the option to pass a `reportingTag` for `createOrderForm`, `createChangeOrderForm` and `createCancelOrderForm`

package/README.md

@@ -267,15 +267,16 @@ createBrokerizeMain({
 
 ### properties
 
-| Property         | Description                                                                                                    | optional |
-| :--------------- | -------------------------------------------------------------------------------------------------------------- | :------: |
-| apiCtx           | Instance of `AuthorizedApiContext` from `@brokerize/client`                                                    | ❌ |
-| theme            | You can use the <a href="https://app.brokerize.com/theming">brokerize theme designer</a> to build a theme JSON | &#9989;  |
-| useNavigation    | Show the default navigation bar on `BrokerizeMain`                                                             | &#9989;  |
-| addFrame         | Add a "powered by brokerize" frame to the component. Defaults to true.                                         | &#9989;  |
-| supportLink      | Add a support link to the brokerize frame config, e.g. `{ emailSubject: 'Help needed for trading in XYZ app'}` | &#9989;  |
-| openExternalLink | A function for handling links to external documents, e.g. cost estimations                                     | &#9989;  |
-| returnToUrl      | URL to return to after login                                                                                   | &#9989;  |
+| Property            | Description                                                                                                                                        | optional |
+| :------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------- | :------: |
+| apiCtx              | Instance of `AuthorizedApiContext` from `@brokerize/client`                                                                                        | &#10060; |
+| theme               | You can use the <a href="https://app.brokerize.com/theming">brokerize theme designer</a> to build a theme JSON                                     | &#9989;  |
+| useNavigation       | Show the default navigation bar on `BrokerizeMain`                                                                                                 | &#9989;  |
+| addFrame            | Add a "powered by brokerize" frame to the component. Defaults to true.                                                                             | &#9989;  |
+| supportLink         | Add a support link to the brokerize frame config, e.g. `{ emailSubject: 'Help needed for trading in XYZ app'}`                                     | &#9989;  |
+| openExternalLink    | A function for handling links to external documents, e.g. cost estimations                                                                         | &#9989;  |
+| returnToUrl         | URL to return to after login                                                                                                                       | &#9989;  |
+| preferredExchangeId | One of the Exchange IDs as returned by the brokerize API's GetExchanges endpoint, will be set as the default exchange _if_ supported by the broker | &#9989;  |
 
 ### events
 

package/dist/bundle.d.ts

@@ -106,6 +106,11 @@ export declare type BrokerizeMainConfig = BrokerizeBaseConfig & {
      	 * If provided, OAuth broker logins will return to this URL. Defaults to window.location.href.
      	 */
     	returnToUrl?: string;
+    	/**
+     	 * Can be provided to pick a default exchange from the known brokerize exchanges.
+     	 * Note that it may be ignored depending on broker's preferences.
+     	 */
+    	preferredExchangeId?: number;
 };
 
 export declare type BrokerizeMainElement = BrokerizeElement & {
@@ -586,6 +591,10 @@ export declare type OrderFormInitialOrder = Partial<
 export declare type OrderReceiptConfig = {
     	orderId?: string;
     	orderData?: ReceiptData;
+    	/**
+     	 * `true` if the receipt is shown in response to an order creation.
+     	 */
+    	isOrderConfirmation?: boolean;
     	onNavigate?: (linkTarget: LinkTarget) => void;
 } & BrokerizeBaseConfig;
 
@@ -901,6 +910,8 @@ export declare type ThemeTokens = {
     	'zl-font-weight-semibold'?: string;
     	'zl-footer-color'?: string;
     	'zl-footer-font-size'?: string;
+    	'zl-brokerlist-font-size'?: string;
+    	'zl-brokerlist-checkbox-font-size'?: string;
     	'zl-form-item-background-color'?: string;
     	'zl-form-item-border-radius'?: string;
     	'zl-form-item-border'?: string;