@wise/dynamic-flow-client 5.0.0 → 5.0.1-exp-css-28d60ea

package/README.md

@@ -49,15 +49,15 @@ The `DynamicFlow` component must be wraped in a Neptune `Provider` to support lo
 import {
   Provider,
   SnackbarProvider,
-  translations as componentTranslations,
+  translations as dsTranslations,
 } from '@transferwise/components';
 import { getLocalisedMessages } from '@transferwise/crab/client';
 import {
   DynamicFlow,
-  translations as dynamicFlowsTranslations,
+  translations as dfTranslations,
 } from '@wise/dynamic-flow-client';
 
-const messages = getLocalisedMessages(locale, [componentTranslations, dynamicFlowsTranslations])
+const messages = getLocalisedMessages(locale, [dsTranslations, dfTranslations])
 
 return (
   <Provider i18n={{ locale, messages }}>
@@ -78,17 +78,17 @@ You'll need to merge the '@transferwise/components' translations with the '@wise
 import {
   Provider,
   SnackbarProvider,
-  translations as componentTranslations,
+  translations as dsTranslations,
 } from '@transferwise/components';
 import {
   DynamicFlow,
-  translations as dynamicFlowsTranslations,
+  translations as dfTranslations,
 } from '@wise/dynamic-flow-client';
 
 // create your messages object
 const messages: Record<string, string> = {
-  ...(componentTranslations[lang] || componentTranslations[lang.replace('-', '_')] || componentTranslations[lang.substring(0, 2)] || {}),
-  ...(translations[lang] || translations[lang.replace('-', '_')] || translations[lang.substring(0, 2)] || {}),
+  ...(dsTranslations[lang] || dsTranslations[lang.replace('-', '_')] || dsTranslations[lang.substring(0, 2)] || {}),
+  ...(dfTranslations[lang] || dfTranslations[lang.replace('-', '_')] || dfTranslations[lang.substring(0, 2)] || {}),
 }
 
 return (
@@ -125,7 +125,7 @@ In some cases you may want to obtain the initial step yourself, and then pass it
 
 ```tsx
 <DynamicFlow
-  initialStep={someInitialStepIfoundLayingAroundHere}
+  initialStep={myInitialStep}
   httpClient={...}
   onCompletion={...}
   onError={...}
@@ -211,26 +211,6 @@ onLog={(level, message, extra) => {
 }}
 ```
 
-### Loader configuration
-
-By default, DF will display a loading animation (The `Loader` component from Neptune) when the first step is loading. It will not display it during refresh-on-change or while submitting forms.
-
-You can change the defaults by passing a `loaderConfig` prop:
-
-```ts
-type LoaderConfig = {
-  size?: `xs | sm | md | lg | xl`;
-  initial?: boolean;
-  submission?: boolean;
-};
-```
-
-| property     | type    | notes                                                                          | default |
-| ------------ | ------- | ------------------------------------------------------------------------------ | ------- |
-| `size`       | string  | The size of the Loader component.                                              | `xl`    |
-| `initial`    | boolean | Whether or not to display the Loader component while loading the initial step. | true    |
-| `submission` | boolean | Whether or not to display the Loader component during form submissions.        | false   |
-
 ## Contributing
 
 We love contributions! Check out `CONTRIBUTING.md` for more information.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "5.0.0",
+  "version": "5.0.1-exp-css-28d60ea",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -16,7 +16,8 @@
       "import": "./build/main.mjs",
       "require": "./build/main.js"
     },
-    "./build/main.css": "./build/main.css"
+    "./build/main.css": "./build/main.css",
+    "./main.css": "./build/main.css"
   },
   "sideEffects": [
     "*.css"