@xyo-network/react-form-credit-card 2.81.2 → 2.81.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/components/controls/card/Email.d.cts.map +1 -1
- package/dist/browser/components/controls/card/Email.d.mts.map +1 -1
- package/dist/browser/components/controls/card/Email.d.ts.map +1 -1
- package/dist/browser/components/controls/card/number/use.d.cts.map +1 -1
- package/dist/browser/components/controls/card/number/use.d.mts.map +1 -1
- package/dist/browser/components/controls/card/number/use.d.ts.map +1 -1
- package/dist/browser/components/controls/card/useCreditCardFormControl.d.cts.map +1 -1
- package/dist/browser/components/controls/card/useCreditCardFormControl.d.mts.map +1 -1
- package/dist/browser/components/controls/card/useCreditCardFormControl.d.ts.map +1 -1
- package/dist/browser/components/form/Form.d.cts.map +1 -1
- package/dist/browser/components/form/Form.d.mts.map +1 -1
- package/dist/browser/components/form/Form.d.ts.map +1 -1
- package/dist/browser/components/form/Props.d.cts +2 -1
- package/dist/browser/components/form/Props.d.cts.map +1 -1
- package/dist/browser/components/form/Props.d.mts +2 -1
- package/dist/browser/components/form/Props.d.mts.map +1 -1
- package/dist/browser/components/form/Props.d.ts +2 -1
- package/dist/browser/components/form/Props.d.ts.map +1 -1
- package/dist/browser/components/form/index.d.cts +3 -0
- package/dist/browser/components/form/index.d.cts.map +1 -1
- package/dist/browser/components/form/index.d.mts +3 -0
- package/dist/browser/components/form/index.d.mts.map +1 -1
- package/dist/browser/components/form/index.d.ts +3 -0
- package/dist/browser/components/form/index.d.ts.map +1 -1
- package/dist/browser/context/index.d.cts +2 -2
- package/dist/browser/context/index.d.cts.map +1 -1
- package/dist/browser/context/index.d.mts +2 -2
- package/dist/browser/context/index.d.mts.map +1 -1
- package/dist/browser/context/index.d.ts +2 -2
- package/dist/browser/context/index.d.ts.map +1 -1
- package/dist/browser/index.cjs +46 -29
- package/dist/browser/index.cjs.map +1 -1
- package/dist/browser/index.js +47 -30
- package/dist/browser/index.js.map +1 -1
- package/dist/neutral/components/controls/card/Email.d.cts.map +1 -1
- package/dist/neutral/components/controls/card/Email.d.mts.map +1 -1
- package/dist/neutral/components/controls/card/Email.d.ts.map +1 -1
- package/dist/neutral/components/controls/card/number/use.d.cts.map +1 -1
- package/dist/neutral/components/controls/card/number/use.d.mts.map +1 -1
- package/dist/neutral/components/controls/card/number/use.d.ts.map +1 -1
- package/dist/neutral/components/controls/card/useCreditCardFormControl.d.cts.map +1 -1
- package/dist/neutral/components/controls/card/useCreditCardFormControl.d.mts.map +1 -1
- package/dist/neutral/components/controls/card/useCreditCardFormControl.d.ts.map +1 -1
- package/dist/neutral/components/form/Form.d.cts.map +1 -1
- package/dist/neutral/components/form/Form.d.mts.map +1 -1
- package/dist/neutral/components/form/Form.d.ts.map +1 -1
- package/dist/neutral/components/form/Props.d.cts +2 -1
- package/dist/neutral/components/form/Props.d.cts.map +1 -1
- package/dist/neutral/components/form/Props.d.mts +2 -1
- package/dist/neutral/components/form/Props.d.mts.map +1 -1
- package/dist/neutral/components/form/Props.d.ts +2 -1
- package/dist/neutral/components/form/Props.d.ts.map +1 -1
- package/dist/neutral/components/form/index.d.cts +3 -0
- package/dist/neutral/components/form/index.d.cts.map +1 -1
- package/dist/neutral/components/form/index.d.mts +3 -0
- package/dist/neutral/components/form/index.d.mts.map +1 -1
- package/dist/neutral/components/form/index.d.ts +3 -0
- package/dist/neutral/components/form/index.d.ts.map +1 -1
- package/dist/neutral/context/index.d.cts +2 -2
- package/dist/neutral/context/index.d.cts.map +1 -1
- package/dist/neutral/context/index.d.mts +2 -2
- package/dist/neutral/context/index.d.mts.map +1 -1
- package/dist/neutral/context/index.d.ts +2 -2
- package/dist/neutral/context/index.d.ts.map +1 -1
- package/dist/neutral/index.cjs +46 -29
- package/dist/neutral/index.cjs.map +1 -1
- package/dist/neutral/index.js +47 -30
- package/dist/neutral/index.js.map +1 -1
- package/dist/node/components/controls/card/Email.d.cts.map +1 -1
- package/dist/node/components/controls/card/Email.d.mts.map +1 -1
- package/dist/node/components/controls/card/Email.d.ts.map +1 -1
- package/dist/node/components/controls/card/number/use.d.cts.map +1 -1
- package/dist/node/components/controls/card/number/use.d.mts.map +1 -1
- package/dist/node/components/controls/card/number/use.d.ts.map +1 -1
- package/dist/node/components/controls/card/useCreditCardFormControl.d.cts.map +1 -1
- package/dist/node/components/controls/card/useCreditCardFormControl.d.mts.map +1 -1
- package/dist/node/components/controls/card/useCreditCardFormControl.d.ts.map +1 -1
- package/dist/node/components/form/Form.d.cts.map +1 -1
- package/dist/node/components/form/Form.d.mts.map +1 -1
- package/dist/node/components/form/Form.d.ts.map +1 -1
- package/dist/node/components/form/Props.d.cts +2 -1
- package/dist/node/components/form/Props.d.cts.map +1 -1
- package/dist/node/components/form/Props.d.mts +2 -1
- package/dist/node/components/form/Props.d.mts.map +1 -1
- package/dist/node/components/form/Props.d.ts +2 -1
- package/dist/node/components/form/Props.d.ts.map +1 -1
- package/dist/node/components/form/index.d.cts +3 -0
- package/dist/node/components/form/index.d.cts.map +1 -1
- package/dist/node/components/form/index.d.mts +3 -0
- package/dist/node/components/form/index.d.mts.map +1 -1
- package/dist/node/components/form/index.d.ts +3 -0
- package/dist/node/components/form/index.d.ts.map +1 -1
- package/dist/node/context/index.d.cts +2 -2
- package/dist/node/context/index.d.cts.map +1 -1
- package/dist/node/context/index.d.mts +2 -2
- package/dist/node/context/index.d.mts.map +1 -1
- package/dist/node/context/index.d.ts +2 -2
- package/dist/node/context/index.d.ts.map +1 -1
- package/dist/node/index.cjs +48 -29
- package/dist/node/index.cjs.map +1 -1
- package/dist/node/index.js +47 -30
- package/dist/node/index.js.map +1 -1
- package/package.json +4 -4
- package/src/components/controls/card/Email.tsx +5 -1
- package/src/components/controls/card/number/use.tsx +8 -3
- package/src/components/controls/card/useCreditCardFormControl.tsx +4 -6
- package/src/components/form/Form.tsx +34 -24
- package/src/components/form/Props.ts +2 -1
- package/src/components/form/index.ts +3 -0
- package/src/components/support/validateCreditCardInputs.ts +2 -2
- package/src/context/index.ts +2 -2
- package/src/stories/form.stories.tsx +26 -0
- package/src/stories/test.stories.tsx +0 -20
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Email.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAIjE,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,
|
1
|
+
{"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Email.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAIjE,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqBzE,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Email.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAIjE,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,
|
1
|
+
{"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Email.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAIjE,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqBzE,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Email.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAIjE,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,
|
1
|
+
{"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Email.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAIjE,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqBzE,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAO/D,eAAO,MAAM,8BAA8B,qBAAsB,MAAM,YAAY,UAAU,eAAe,CAAC,sBAAsB,CAAC;;;;;;
|
1
|
+
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAO/D,eAAO,MAAM,8BAA8B,qBAAsB,MAAM,YAAY,UAAU,eAAe,CAAC,sBAAsB,CAAC;;;;;;CAqBnI,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAO/D,eAAO,MAAM,8BAA8B,qBAAsB,MAAM,YAAY,UAAU,eAAe,CAAC,sBAAsB,CAAC;;;;;;
|
1
|
+
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAO/D,eAAO,MAAM,8BAA8B,qBAAsB,MAAM,YAAY,UAAU,eAAe,CAAC,sBAAsB,CAAC;;;;;;CAqBnI,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAO/D,eAAO,MAAM,8BAA8B,qBAAsB,MAAM,YAAY,UAAU,eAAe,CAAC,sBAAsB,CAAC;;;;;;
|
1
|
+
{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/use.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAO/D,eAAO,MAAM,8BAA8B,qBAAsB,MAAM,YAAY,UAAU,eAAe,CAAC,sBAAsB,CAAC;;;;;;CAqBnI,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useCreditCardFormControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/useCreditCardFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;
|
1
|
+
{"version":3,"file":"useCreditCardFormControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/useCreditCardFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAQlF,eAAO,MAAM,wBAAwB,qBACjB,MAAM,YAEd,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,eAAe,CAAC,sBAAsB,CAAC,SAEnE,GAAG,EAAE;;;;;CAqBZ,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useCreditCardFormControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/useCreditCardFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;
|
1
|
+
{"version":3,"file":"useCreditCardFormControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/useCreditCardFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAQlF,eAAO,MAAM,wBAAwB,qBACjB,MAAM,YAEd,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,eAAe,CAAC,sBAAsB,CAAC,SAEnE,GAAG,EAAE;;;;;CAqBZ,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useCreditCardFormControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/useCreditCardFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;
|
1
|
+
{"version":3,"file":"useCreditCardFormControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/useCreditCardFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAQlF,eAAO,MAAM,wBAAwB,qBACjB,MAAM,YAEd,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,eAAe,CAAC,sBAAsB,CAAC,SAEnE,GAAG,EAAE;;;;;CAqBZ,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAGhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqD/D,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQpF,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAGhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqD/D,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQpF,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAGhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqD/D,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQpF,CAAA"}
|
@@ -5,7 +5,8 @@ import { ComponentType } from 'react';
|
|
5
5
|
import { CreditCardInput } from '../../models/index.js';
|
6
6
|
export interface CreditCardFormProps extends FlexBoxProps {
|
7
7
|
ConfirmationButton?: ComponentType<ButtonProps>;
|
8
|
-
|
8
|
+
onErrorDuringSubmit?: (error: Error) => void;
|
9
|
+
onInvalidSubmit?: (errorSummary: ErrorSummary) => void;
|
9
10
|
onSuccessfulSubmit?: () => void;
|
10
11
|
onValidSubmit?: (values: CreditCardInput) => Promise<void>;
|
11
12
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,kBAAkB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,
|
1
|
+
{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,kBAAkB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC5C,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IACtD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D"}
|
@@ -5,7 +5,8 @@ import { ComponentType } from 'react';
|
|
5
5
|
import { CreditCardInput } from '../../models/index.js';
|
6
6
|
export interface CreditCardFormProps extends FlexBoxProps {
|
7
7
|
ConfirmationButton?: ComponentType<ButtonProps>;
|
8
|
-
|
8
|
+
onErrorDuringSubmit?: (error: Error) => void;
|
9
|
+
onInvalidSubmit?: (errorSummary: ErrorSummary) => void;
|
9
10
|
onSuccessfulSubmit?: () => void;
|
10
11
|
onValidSubmit?: (values: CreditCardInput) => Promise<void>;
|
11
12
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,kBAAkB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,
|
1
|
+
{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,kBAAkB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC5C,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IACtD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D"}
|
@@ -5,7 +5,8 @@ import { ComponentType } from 'react';
|
|
5
5
|
import { CreditCardInput } from '../../models/index.js';
|
6
6
|
export interface CreditCardFormProps extends FlexBoxProps {
|
7
7
|
ConfirmationButton?: ComponentType<ButtonProps>;
|
8
|
-
|
8
|
+
onErrorDuringSubmit?: (error: Error) => void;
|
9
|
+
onInvalidSubmit?: (errorSummary: ErrorSummary) => void;
|
9
10
|
onSuccessfulSubmit?: () => void;
|
10
11
|
onValidSubmit?: (values: CreditCardInput) => Promise<void>;
|
11
12
|
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,kBAAkB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,
|
1
|
+
{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEvD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,kBAAkB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC5C,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IACtD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,qBAAqB,CAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
export * from './FormGroupCreditCardContext.js';
|
2
|
-
export * from './FormGroupCreditCardProvider.
|
3
|
-
export * from './useFormGroupWithCreditCard.
|
2
|
+
export * from './FormGroupCreditCardProvider.js';
|
3
|
+
export * from './useFormGroupWithCreditCard.js';
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA;AAChD,cAAc,iCAAiC,CAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
export * from './FormGroupCreditCardContext.js';
|
2
|
-
export * from './FormGroupCreditCardProvider.
|
3
|
-
export * from './useFormGroupWithCreditCard.
|
2
|
+
export * from './FormGroupCreditCardProvider.js';
|
3
|
+
export * from './useFormGroupWithCreditCard.js';
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA;AAChD,cAAc,iCAAiC,CAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
export * from './FormGroupCreditCardContext.js';
|
2
|
-
export * from './FormGroupCreditCardProvider.
|
3
|
-
export * from './useFormGroupWithCreditCard.
|
2
|
+
export * from './FormGroupCreditCardProvider.js';
|
3
|
+
export * from './useFormGroupWithCreditCard.js';
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kCAAkC,CAAA;AAChD,cAAc,iCAAiC,CAAA"}
|
package/dist/browser/index.cjs
CHANGED
@@ -49,6 +49,7 @@ __export(src_exports, {
|
|
49
49
|
FormControlTextField: () => FormControlTextField,
|
50
50
|
FormGroupCreditCardContext: () => FormGroupCreditCardContext,
|
51
51
|
FormGroupCreditCardProvider: () => FormGroupCreditCardProvider,
|
52
|
+
InputFieldsStack: () => InputFieldsStack,
|
52
53
|
MastercardIcon: () => import_mastercard.default,
|
53
54
|
NameFields: () => NameFields,
|
54
55
|
NameFormControl: () => NameFormControl,
|
@@ -61,6 +62,7 @@ __export(src_exports, {
|
|
61
62
|
useCreditCardFormControl: () => useCreditCardFormControl,
|
62
63
|
useCreditCardNumberFormControl: () => useCreditCardNumberFormControl,
|
63
64
|
useFormGroupWithCreditCardInput: () => useFormGroupWithCreditCardInput,
|
65
|
+
useFormStorage: () => useFormStorage,
|
64
66
|
validateCreditCardInputs: () => validateCreditCardInputs
|
65
67
|
});
|
66
68
|
module.exports = __toCommonJS(src_exports);
|
@@ -512,7 +514,8 @@ var useFormGroupWithCreditCardInput = (required = false) => {
|
|
512
514
|
|
513
515
|
// src/components/controls/card/useCreditCardFormControl.tsx
|
514
516
|
var import_react3 = require("react");
|
515
|
-
var
|
517
|
+
var StableDefaultArgs = [];
|
518
|
+
var useCreditCardFormControl = (formControlName, Control, args = StableDefaultArgs) => {
|
516
519
|
const [error, setError] = (0, import_react3.useState)("");
|
517
520
|
const [value, setValue] = (0, import_react3.useState)("");
|
518
521
|
const inputRef = (0, import_react3.useRef)(null);
|
@@ -522,11 +525,6 @@ var useCreditCardFormControl = (formControlName, Control, args = []) => {
|
|
522
525
|
const control = new Control(...args);
|
523
526
|
control.registerOnErrorChange((newError) => setError(newError));
|
524
527
|
control.registerOnChange((value2) => setValue(value2));
|
525
|
-
control.onCursorChange = (cursor) => {
|
526
|
-
if (inputRef.current && cursor) {
|
527
|
-
inputRef.current.setSelectionRange(cursor, cursor);
|
528
|
-
}
|
529
|
-
};
|
530
528
|
if (formControlName) formGroup?.registerControl(formControlName, control);
|
531
529
|
return control;
|
532
530
|
}
|
@@ -575,7 +573,11 @@ var CreditCardCvvWithFormControl = ({ formControlName = "cvc", fieldLabel = "CVC
|
|
575
573
|
|
576
574
|
// src/components/controls/card/Email.tsx
|
577
575
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
578
|
-
var CreditCardEmailWithFormControl = ({
|
576
|
+
var CreditCardEmailWithFormControl = ({
|
577
|
+
formControlName = "emailAddress",
|
578
|
+
fieldLabel = "Email",
|
579
|
+
...props
|
580
|
+
}) => {
|
579
581
|
const { creditCardFormControl, error, inputRef, value } = useCreditCardFormControl(formControlName, CreditCardEmailFormControl);
|
580
582
|
const { autoComplete, autoCorrect, id, inputMode, name, spellCheck, ...cvcProps } = creditCardFormControl?.props ?? {};
|
581
583
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
@@ -673,12 +675,17 @@ var useCreditCardNumberFormControl = (formControlName, control) => {
|
|
673
675
|
const [type, setType] = (0, import_react6.useState)("");
|
674
676
|
(0, import_react6.useEffect)(() => {
|
675
677
|
if (creditCardFormControl) {
|
676
|
-
const
|
677
|
-
if (!
|
678
|
+
const castControl = creditCardFormControl;
|
679
|
+
if (!castControl.onCreditCardTypeChange) {
|
678
680
|
console.error("cannot set onCreditCardTypeChange on control because it is not a CreditCardNumberFormControl");
|
679
681
|
return;
|
680
682
|
}
|
681
|
-
|
683
|
+
castControl.onCreditCardTypeChange = (type2) => setType(type2);
|
684
|
+
castControl.onCursorChange = (cursor) => {
|
685
|
+
if (inputRef.current && cursor) {
|
686
|
+
inputRef.current.setSelectionRange(cursor, cursor);
|
687
|
+
}
|
688
|
+
};
|
682
689
|
}
|
683
690
|
}, [creditCardFormControl, inputRef]);
|
684
691
|
return { creditCardFormControl, error, inputRef, type, value };
|
@@ -737,6 +744,7 @@ var CreditCardZipWithFormControl = ({ formControlName = "zip", fieldLabel = "Zip
|
|
737
744
|
var import_material4 = require("@mui/material");
|
738
745
|
var import_react_flexbox = require("@xylabs/react-flexbox");
|
739
746
|
var import_react_error = require("@xyo-network/react-error");
|
747
|
+
var import_react7 = require("react");
|
740
748
|
|
741
749
|
// src/components/support/Fields.ts
|
742
750
|
var NameFields = ["firstName", "lastName"];
|
@@ -755,12 +763,12 @@ var validateCreditCardInputs = (values) => {
|
|
755
763
|
return {
|
756
764
|
cardNumber: (0, import_assert3.assertEx)(values.cardNumber, () => "card number is not a string"),
|
757
765
|
cvc: (0, import_assert3.assertEx)(values.cvc, () => "card cvc is not a string"),
|
758
|
-
emailAddress: (0, import_assert3.assertEx)(values.emailAddress, () => "
|
766
|
+
emailAddress: (0, import_assert3.assertEx)(values.emailAddress, () => "emailAddress is not a string"),
|
759
767
|
expiration: (0, import_assert3.assertEx)(values.expiration, () => "card expiration is not a string"),
|
760
768
|
firstName: (0, import_assert3.assertEx)(values.firstName, () => "first name is not a string"),
|
761
769
|
lastName: (0, import_assert3.assertEx)(values.lastName, () => "last name is not a string"),
|
762
770
|
schema: CreditCardInputSchema,
|
763
|
-
timestamp:
|
771
|
+
timestamp: values.timestamp,
|
764
772
|
zip: (0, import_assert3.assertEx)(values.zip, () => "zip is not a string")
|
765
773
|
};
|
766
774
|
};
|
@@ -819,31 +827,40 @@ var useFormStorage = () => {
|
|
819
827
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
820
828
|
var CreditCardFormFlexbox = ({
|
821
829
|
ConfirmationButton,
|
822
|
-
|
830
|
+
onErrorDuringSubmit,
|
831
|
+
onInvalidSubmit,
|
823
832
|
onSuccessfulSubmit,
|
824
833
|
onValidSubmit,
|
825
834
|
...props
|
826
835
|
}) => {
|
827
836
|
const { formGroup } = useFormGroupWithCreditCardInput(true);
|
837
|
+
const [error, setError] = (0, import_react7.useState)();
|
828
838
|
const handleConfirmPayment = async () => {
|
829
|
-
|
830
|
-
|
831
|
-
|
832
|
-
|
833
|
-
|
834
|
-
|
835
|
-
|
836
|
-
|
839
|
+
try {
|
840
|
+
if (!formGroup) {
|
841
|
+
throw new Error("formGroup is not defined");
|
842
|
+
}
|
843
|
+
formGroup.validateFields();
|
844
|
+
const errorSummary = formGroup.errorSummary;
|
845
|
+
if (errorSummary.invalidFields.length > 0) {
|
846
|
+
onInvalidSubmit?.(errorSummary);
|
847
|
+
}
|
848
|
+
if (errorSummary.invalidFields.length > 0) return;
|
849
|
+
const formOutput = validateCreditCardInputs(formGroup.values);
|
850
|
+
await onValidSubmit?.(formOutput);
|
851
|
+
onSuccessfulSubmit?.();
|
852
|
+
} catch (error2) {
|
853
|
+
onErrorDuringSubmit?.(error2);
|
854
|
+
setError(error2);
|
837
855
|
}
|
838
|
-
if (errorSummary.invalidFields.length > 0) return;
|
839
|
-
const formOutput = validateCreditCardInputs(formGroup.values);
|
840
|
-
await onValidSubmit?.(formOutput);
|
841
|
-
onSuccessfulSubmit?.();
|
842
856
|
};
|
843
|
-
return /* @__PURE__ */ (0, import_jsx_runtime10.
|
844
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
845
|
-
|
846
|
-
|
857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
|
858
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_error.ErrorRender, { error }),
|
859
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_flexbox.FlexCol, { sx: { flexDirection: { md: "row", xs: "column" } }, width: "100%", gap: 2, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material4.Stack, { flexDirection: "column", sx: { width: "100%" }, gap: 2, children: [
|
860
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InputFieldsStack, {}),
|
861
|
+
ConfirmationButton ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ConfirmationButton, { onClick: handleConfirmPayment, variant: "contained", sx: { alignSelf: "end" }, children: "Confirm Payment" }) : null
|
862
|
+
] }) })
|
863
|
+
] });
|
847
864
|
};
|
848
865
|
var CreditCardFormFlexboxWithFormGroupProvider = (props) => {
|
849
866
|
const [params, error] = useFormStorage();
|