@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.
Files changed (113) hide show
  1. package/dist/browser/components/controls/card/Email.d.cts.map +1 -1
  2. package/dist/browser/components/controls/card/Email.d.mts.map +1 -1
  3. package/dist/browser/components/controls/card/Email.d.ts.map +1 -1
  4. package/dist/browser/components/controls/card/number/use.d.cts.map +1 -1
  5. package/dist/browser/components/controls/card/number/use.d.mts.map +1 -1
  6. package/dist/browser/components/controls/card/number/use.d.ts.map +1 -1
  7. package/dist/browser/components/controls/card/useCreditCardFormControl.d.cts.map +1 -1
  8. package/dist/browser/components/controls/card/useCreditCardFormControl.d.mts.map +1 -1
  9. package/dist/browser/components/controls/card/useCreditCardFormControl.d.ts.map +1 -1
  10. package/dist/browser/components/form/Form.d.cts.map +1 -1
  11. package/dist/browser/components/form/Form.d.mts.map +1 -1
  12. package/dist/browser/components/form/Form.d.ts.map +1 -1
  13. package/dist/browser/components/form/Props.d.cts +2 -1
  14. package/dist/browser/components/form/Props.d.cts.map +1 -1
  15. package/dist/browser/components/form/Props.d.mts +2 -1
  16. package/dist/browser/components/form/Props.d.mts.map +1 -1
  17. package/dist/browser/components/form/Props.d.ts +2 -1
  18. package/dist/browser/components/form/Props.d.ts.map +1 -1
  19. package/dist/browser/components/form/index.d.cts +3 -0
  20. package/dist/browser/components/form/index.d.cts.map +1 -1
  21. package/dist/browser/components/form/index.d.mts +3 -0
  22. package/dist/browser/components/form/index.d.mts.map +1 -1
  23. package/dist/browser/components/form/index.d.ts +3 -0
  24. package/dist/browser/components/form/index.d.ts.map +1 -1
  25. package/dist/browser/context/index.d.cts +2 -2
  26. package/dist/browser/context/index.d.cts.map +1 -1
  27. package/dist/browser/context/index.d.mts +2 -2
  28. package/dist/browser/context/index.d.mts.map +1 -1
  29. package/dist/browser/context/index.d.ts +2 -2
  30. package/dist/browser/context/index.d.ts.map +1 -1
  31. package/dist/browser/index.cjs +46 -29
  32. package/dist/browser/index.cjs.map +1 -1
  33. package/dist/browser/index.js +47 -30
  34. package/dist/browser/index.js.map +1 -1
  35. package/dist/neutral/components/controls/card/Email.d.cts.map +1 -1
  36. package/dist/neutral/components/controls/card/Email.d.mts.map +1 -1
  37. package/dist/neutral/components/controls/card/Email.d.ts.map +1 -1
  38. package/dist/neutral/components/controls/card/number/use.d.cts.map +1 -1
  39. package/dist/neutral/components/controls/card/number/use.d.mts.map +1 -1
  40. package/dist/neutral/components/controls/card/number/use.d.ts.map +1 -1
  41. package/dist/neutral/components/controls/card/useCreditCardFormControl.d.cts.map +1 -1
  42. package/dist/neutral/components/controls/card/useCreditCardFormControl.d.mts.map +1 -1
  43. package/dist/neutral/components/controls/card/useCreditCardFormControl.d.ts.map +1 -1
  44. package/dist/neutral/components/form/Form.d.cts.map +1 -1
  45. package/dist/neutral/components/form/Form.d.mts.map +1 -1
  46. package/dist/neutral/components/form/Form.d.ts.map +1 -1
  47. package/dist/neutral/components/form/Props.d.cts +2 -1
  48. package/dist/neutral/components/form/Props.d.cts.map +1 -1
  49. package/dist/neutral/components/form/Props.d.mts +2 -1
  50. package/dist/neutral/components/form/Props.d.mts.map +1 -1
  51. package/dist/neutral/components/form/Props.d.ts +2 -1
  52. package/dist/neutral/components/form/Props.d.ts.map +1 -1
  53. package/dist/neutral/components/form/index.d.cts +3 -0
  54. package/dist/neutral/components/form/index.d.cts.map +1 -1
  55. package/dist/neutral/components/form/index.d.mts +3 -0
  56. package/dist/neutral/components/form/index.d.mts.map +1 -1
  57. package/dist/neutral/components/form/index.d.ts +3 -0
  58. package/dist/neutral/components/form/index.d.ts.map +1 -1
  59. package/dist/neutral/context/index.d.cts +2 -2
  60. package/dist/neutral/context/index.d.cts.map +1 -1
  61. package/dist/neutral/context/index.d.mts +2 -2
  62. package/dist/neutral/context/index.d.mts.map +1 -1
  63. package/dist/neutral/context/index.d.ts +2 -2
  64. package/dist/neutral/context/index.d.ts.map +1 -1
  65. package/dist/neutral/index.cjs +46 -29
  66. package/dist/neutral/index.cjs.map +1 -1
  67. package/dist/neutral/index.js +47 -30
  68. package/dist/neutral/index.js.map +1 -1
  69. package/dist/node/components/controls/card/Email.d.cts.map +1 -1
  70. package/dist/node/components/controls/card/Email.d.mts.map +1 -1
  71. package/dist/node/components/controls/card/Email.d.ts.map +1 -1
  72. package/dist/node/components/controls/card/number/use.d.cts.map +1 -1
  73. package/dist/node/components/controls/card/number/use.d.mts.map +1 -1
  74. package/dist/node/components/controls/card/number/use.d.ts.map +1 -1
  75. package/dist/node/components/controls/card/useCreditCardFormControl.d.cts.map +1 -1
  76. package/dist/node/components/controls/card/useCreditCardFormControl.d.mts.map +1 -1
  77. package/dist/node/components/controls/card/useCreditCardFormControl.d.ts.map +1 -1
  78. package/dist/node/components/form/Form.d.cts.map +1 -1
  79. package/dist/node/components/form/Form.d.mts.map +1 -1
  80. package/dist/node/components/form/Form.d.ts.map +1 -1
  81. package/dist/node/components/form/Props.d.cts +2 -1
  82. package/dist/node/components/form/Props.d.cts.map +1 -1
  83. package/dist/node/components/form/Props.d.mts +2 -1
  84. package/dist/node/components/form/Props.d.mts.map +1 -1
  85. package/dist/node/components/form/Props.d.ts +2 -1
  86. package/dist/node/components/form/Props.d.ts.map +1 -1
  87. package/dist/node/components/form/index.d.cts +3 -0
  88. package/dist/node/components/form/index.d.cts.map +1 -1
  89. package/dist/node/components/form/index.d.mts +3 -0
  90. package/dist/node/components/form/index.d.mts.map +1 -1
  91. package/dist/node/components/form/index.d.ts +3 -0
  92. package/dist/node/components/form/index.d.ts.map +1 -1
  93. package/dist/node/context/index.d.cts +2 -2
  94. package/dist/node/context/index.d.cts.map +1 -1
  95. package/dist/node/context/index.d.mts +2 -2
  96. package/dist/node/context/index.d.mts.map +1 -1
  97. package/dist/node/context/index.d.ts +2 -2
  98. package/dist/node/context/index.d.ts.map +1 -1
  99. package/dist/node/index.cjs +48 -29
  100. package/dist/node/index.cjs.map +1 -1
  101. package/dist/node/index.js +47 -30
  102. package/dist/node/index.js.map +1 -1
  103. package/package.json +4 -4
  104. package/src/components/controls/card/Email.tsx +5 -1
  105. package/src/components/controls/card/number/use.tsx +8 -3
  106. package/src/components/controls/card/useCreditCardFormControl.tsx +4 -6
  107. package/src/components/form/Form.tsx +34 -24
  108. package/src/components/form/Props.ts +2 -1
  109. package/src/components/form/index.ts +3 -0
  110. package/src/components/support/validateCreditCardInputs.ts +2 -2
  111. package/src/context/index.ts +2 -2
  112. package/src/stories/form.stories.tsx +26 -0
  113. 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,CAiBzE,CAAA"}
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,CAiBzE,CAAA"}
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,CAiBzE,CAAA"}
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;;;;;;CAgBnI,CAAA"}
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;;;;;;CAgBnI,CAAA"}
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;;;;;;CAgBnI,CAAA"}
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;AAKlF,eAAO,MAAM,wBAAwB,qBACjB,MAAM,YAEd,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,eAAe,CAAC,sBAAsB,CAAC,SAEnE,GAAG,EAAE;;;;;CA0BZ,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;AAKlF,eAAO,MAAM,wBAAwB,qBACjB,MAAM,YAEd,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,eAAe,CAAC,sBAAsB,CAAC,SAEnE,GAAG,EAAE;;;;;CA0BZ,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;AAKlF,eAAO,MAAM,wBAAwB,qBACjB,MAAM,YAEd,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,eAAe,CAAC,sBAAsB,CAAC,SAEnE,GAAG,EAAE;;;;;CA0BZ,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":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAGhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4C/D,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQpF,CAAA"}
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":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAGhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4C/D,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQpF,CAAA"}
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":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAGhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4C/D,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQpF,CAAA"}
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
- onFailedSubmit?: (errorSummary: ErrorSummary) => void;
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,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IACrD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D"}
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
- onFailedSubmit?: (errorSummary: ErrorSummary) => void;
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,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IACrD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D"}
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
- onFailedSubmit?: (errorSummary: ErrorSummary) => void;
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,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IACrD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D"}
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,2 +1,5 @@
1
1
  export * from './Form.js';
2
+ export * from './InputFieldsStack.js';
3
+ export * from './Props.js';
4
+ export * from './useFormStorage.js';
2
5
  //# sourceMappingURL=index.d.ts.map
@@ -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,2 +1,5 @@
1
1
  export * from './Form.js';
2
+ export * from './InputFieldsStack.js';
3
+ export * from './Props.js';
4
+ export * from './useFormStorage.js';
2
5
  //# sourceMappingURL=index.d.ts.map
@@ -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,2 +1,5 @@
1
1
  export * from './Form.js';
2
+ export * from './InputFieldsStack.js';
3
+ export * from './Props.js';
4
+ export * from './useFormStorage.js';
2
5
  //# sourceMappingURL=index.d.ts.map
@@ -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.jsx';
3
- export * from './useFormGroupWithCreditCard.jsx';
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,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA"}
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.jsx';
3
- export * from './useFormGroupWithCreditCard.jsx';
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,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA"}
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.jsx';
3
- export * from './useFormGroupWithCreditCard.jsx';
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,mCAAmC,CAAA;AACjD,cAAc,kCAAkC,CAAA"}
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"}
@@ -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 useCreditCardFormControl = (formControlName, Control, args = []) => {
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 = ({ formControlName = "email", fieldLabel = "Email", ...props }) => {
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 castInstance = creditCardFormControl;
677
- if (!castInstance.onCreditCardTypeChange) {
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
- castInstance.onCreditCardTypeChange = (type2) => setType(type2);
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, () => "email is not a string"),
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: (0, import_assert3.assertEx)(values.timestamp, () => "timestamp is not a number"),
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
- onFailedSubmit,
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
- if (!formGroup) {
830
- console.error("formGroup is not defined");
831
- return;
832
- }
833
- formGroup.validateFields();
834
- const errorSummary = formGroup.errorSummary;
835
- if (errorSummary.invalidFields.length > 0) {
836
- onFailedSubmit?.(errorSummary);
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.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: [
844
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(InputFieldsStack, {}),
845
- ConfirmationButton ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ConfirmationButton, { onClick: handleConfirmPayment, variant: "contained", sx: { alignSelf: "end" }, children: "Confirm Payment" }) : null
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();