@thecb/components 3.5.6 → 3.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "3.5.6",
+  "version": "3.5.7",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/molecules/payment-form-ach/PaymentFormACH.js

@@ -53,7 +53,7 @@ const PaymentFormACH = ({
   };
   const accountNumberErrors = {
     [required.error]: "Account number is required",
-    [hasLength.error]: "Account number must be between 6 and 17 digits"
+    [hasLength.error]: "Account number must be between 5 and 17 digits"
   };
   const confirmAccountNumberErrors = {
     [matchesField.error]:

package/src/components/molecules/payment-form-ach/PaymentFormACH.state.js

@@ -20,7 +20,7 @@ const formConfig = {
     constraints: [onlyIntegers(), hasLength(0, 9)]
   },
   accountNumber: {
-    validators: [required(), hasLength(6, 17)],
+    validators: [required(), hasLength(5, 17)],
     constraints: [onlyIntegers(), hasLength(0, 17)]
   },
   confirmAccountNumber: {

package/src/components/molecules/payment-form-ach/PaymentFormACH.stories.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { connect } from "react-redux";
+import { boolean } from "@storybook/addon-knobs";
+
+import PaymentFormACH from "./PaymentFormACH";
+import page from "../../../../.storybook/page";
+import * as PaymentFormACHState from "./PaymentFormACH.state";
+
+const story = page({
+  title: "Components|Molecules/PaymentFormACH",
+  Component: PaymentFormACH,
+  reducer: PaymentFormACHState.reducer,
+  mapStateToProps: PaymentFormACHState.mapStateToProps,
+  mapDispatchToProps: PaymentFormACHState.mapDispatchToProps
+});
+export default story;
+
+const ConnectedForm = connect(
+  PaymentFormACHState.mapStateToProps,
+  PaymentFormACHState.mapDispatchToProps
+)(PaymentFormACH);
+export const paymentFormACH = () => (
+  <ConnectedForm showErrors={boolean("showErrors", false, "props")} />
+);

package/src/components/molecules/payment-form-card/PaymentFormCard.stories.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { connect } from "react-redux";
+import { boolean } from "@storybook/addon-knobs";
+
+import PaymentFormCard from "./PaymentFormCard";
+import page from "../../../../.storybook/page";
+import * as PaymentFormCardState from "./PaymentFormCard.state";
+
+const story = page({
+  title: "Components|Molecules/PaymentFormCard",
+  Component: PaymentFormCard,
+  reducer: PaymentFormCardState.reducer,
+  mapStateToProps: PaymentFormCardState.mapStateToProps,
+  mapDispatchToProps: PaymentFormCardState.mapDispatchToProps
+});
+export default story;
+
+const ConnectedForm = connect(
+  PaymentFormCardState.mapStateToProps,
+  PaymentFormCardState.mapDispatchToProps
+)(PaymentFormCard);
+export const paymentFormCard = () => (
+  <ConnectedForm showErrors={boolean("showErrors", false, "props")} />
+);

package/.tool-versions

@@ -1 +0,0 @@
-nodejs 10.15.3