@xyo-network/react-form-credit-card 4.4.9 → 4.4.11

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 (87) hide show
  1. package/dist/browser/components/controls/WithFormControlProps.d.ts +6 -0
  2. package/dist/browser/components/controls/WithFormControlProps.d.ts.map +1 -0
  3. package/dist/browser/components/controls/card/Email.d.ts +4 -0
  4. package/dist/browser/components/controls/card/Email.d.ts.map +1 -0
  5. package/dist/browser/components/controls/card/Expiration.d.ts +4 -0
  6. package/dist/browser/components/controls/card/Expiration.d.ts.map +1 -0
  7. package/dist/browser/components/controls/card/FormControlTextField.d.ts +10 -0
  8. package/dist/browser/components/controls/card/FormControlTextField.d.ts.map +1 -0
  9. package/dist/browser/components/controls/card/Name.d.ts +7 -0
  10. package/dist/browser/components/controls/card/Name.d.ts.map +1 -0
  11. package/dist/browser/components/controls/card/Options.d.ts +12 -0
  12. package/dist/browser/components/controls/card/Options.d.ts.map +1 -0
  13. package/dist/browser/components/controls/card/Zip.d.ts +4 -0
  14. package/dist/browser/components/controls/card/Zip.d.ts.map +1 -0
  15. package/dist/browser/components/controls/card/cvv/Cvv.d.ts +4 -0
  16. package/dist/browser/components/controls/card/cvv/Cvv.d.ts.map +1 -0
  17. package/dist/browser/components/controls/card/cvv/index.d.ts +3 -0
  18. package/dist/browser/components/controls/card/cvv/index.d.ts.map +1 -0
  19. package/dist/browser/components/controls/card/cvv/use.d.ts +9 -0
  20. package/dist/browser/components/controls/card/cvv/use.d.ts.map +1 -0
  21. package/dist/browser/components/controls/card/index.d.ts +10 -0
  22. package/dist/browser/components/controls/card/index.d.ts.map +1 -0
  23. package/dist/browser/components/controls/card/number/Number.d.ts +4 -0
  24. package/dist/browser/components/controls/card/number/Number.d.ts.map +1 -0
  25. package/dist/browser/components/controls/card/number/index.d.ts +3 -0
  26. package/dist/browser/components/controls/card/number/index.d.ts.map +1 -0
  27. package/dist/browser/components/controls/card/number/use.d.ts +10 -0
  28. package/dist/browser/components/controls/card/number/use.d.ts.map +1 -0
  29. package/dist/browser/components/controls/card/useCreditCardFormControl.d.ts +9 -0
  30. package/dist/browser/components/controls/card/useCreditCardFormControl.d.ts.map +1 -0
  31. package/dist/browser/components/controls/index.d.ts +3 -0
  32. package/dist/browser/components/controls/index.d.ts.map +1 -0
  33. package/dist/browser/components/form/Form.d.ts +5 -0
  34. package/dist/browser/components/form/Form.d.ts.map +1 -0
  35. package/dist/browser/components/form/InputFieldsStack.d.ts +7 -0
  36. package/dist/browser/components/form/InputFieldsStack.d.ts.map +1 -0
  37. package/dist/browser/components/form/Props.d.ts +14 -0
  38. package/dist/browser/components/form/Props.d.ts.map +1 -0
  39. package/dist/browser/components/form/index.d.ts +5 -0
  40. package/dist/browser/components/form/index.d.ts.map +1 -0
  41. package/dist/browser/components/form/useFormStorage.d.ts +4 -0
  42. package/dist/browser/components/form/useFormStorage.d.ts.map +1 -0
  43. package/dist/browser/components/img/index.d.ts +5 -0
  44. package/dist/browser/components/img/index.d.ts.map +1 -0
  45. package/dist/browser/components/index.d.ts +4 -0
  46. package/dist/browser/components/index.d.ts.map +1 -0
  47. package/dist/browser/components/support/Fields.d.ts +4 -0
  48. package/dist/browser/components/support/Fields.d.ts.map +1 -0
  49. package/dist/browser/components/support/InputError.d.ts +5 -0
  50. package/dist/browser/components/support/InputError.d.ts.map +1 -0
  51. package/dist/browser/components/support/index.d.ts +4 -0
  52. package/dist/browser/components/support/index.d.ts.map +1 -0
  53. package/dist/browser/components/support/validateCreditCardInputs.d.ts +3 -0
  54. package/dist/browser/components/support/validateCreditCardInputs.d.ts.map +1 -0
  55. package/dist/browser/context/FormGroupCreditCardContext.d.ts +4 -0
  56. package/dist/browser/context/FormGroupCreditCardContext.d.ts.map +1 -0
  57. package/dist/browser/context/FormGroupCreditCardProvider.d.ts +10 -0
  58. package/dist/browser/context/FormGroupCreditCardProvider.d.ts.map +1 -0
  59. package/dist/browser/context/index.d.ts +4 -0
  60. package/dist/browser/context/index.d.ts.map +1 -0
  61. package/dist/browser/context/useFormGroupWithCreditCard.d.ts +2 -0
  62. package/dist/browser/context/useFormGroupWithCreditCard.d.ts.map +1 -0
  63. package/dist/browser/controls/CreditCardCvv.d.ts +20 -0
  64. package/dist/browser/controls/CreditCardCvv.d.ts.map +1 -0
  65. package/dist/browser/controls/CreditCardExpiry.d.ts +21 -0
  66. package/dist/browser/controls/CreditCardExpiry.d.ts.map +1 -0
  67. package/dist/browser/controls/CreditCardNumber.d.ts +23 -0
  68. package/dist/browser/controls/CreditCardNumber.d.ts.map +1 -0
  69. package/dist/browser/controls/Email.d.ts +14 -0
  70. package/dist/browser/controls/Email.d.ts.map +1 -0
  71. package/dist/browser/controls/Name.d.ts +10 -0
  72. package/dist/browser/controls/Name.d.ts.map +1 -0
  73. package/dist/browser/controls/Zip.d.ts +13 -0
  74. package/dist/browser/controls/Zip.d.ts.map +1 -0
  75. package/dist/browser/controls/index.d.ts +7 -0
  76. package/dist/browser/controls/index.d.ts.map +1 -0
  77. package/dist/browser/index.d.ts +6 -210
  78. package/dist/browser/index.d.ts.map +1 -0
  79. package/dist/browser/models/CreditCardInput.d.ts +16 -0
  80. package/dist/browser/models/CreditCardInput.d.ts.map +1 -0
  81. package/dist/browser/models/index.d.ts +2 -0
  82. package/dist/browser/models/index.d.ts.map +1 -0
  83. package/dist/browser/utils/index.d.ts +2 -0
  84. package/dist/browser/utils/index.d.ts.map +1 -0
  85. package/dist/browser/utils/umask.d.ts +2 -0
  86. package/dist/browser/utils/umask.d.ts.map +1 -0
  87. package/package.json +15 -15
@@ -0,0 +1,6 @@
1
+ import type { StandardTextFieldProps } from '@mui/material';
2
+ export interface WithFormControlProps extends StandardTextFieldProps {
3
+ fieldLabel?: string;
4
+ formControlName?: string;
5
+ }
6
+ //# sourceMappingURL=WithFormControlProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WithFormControlProps.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/WithFormControlProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,sBAAsB;IAClE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { WithFormControlProps } from '../WithFormControlProps.ts';
3
+ export declare const CreditCardEmailWithFormControl: React.FC<WithFormControlProps>;
4
+ //# sourceMappingURL=Email.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Email.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAItE,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2BzE,CAAA"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { WithFormControlProps } from '../WithFormControlProps.ts';
3
+ export declare const CreditCardExpirationWithFormControl: React.FC<WithFormControlProps>;
4
+ //# sourceMappingURL=Expiration.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Expiration.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Expiration.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAItE,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2B9E,CAAA"}
@@ -0,0 +1,10 @@
1
+ import type { StandardTextFieldProps } from '@mui/material';
2
+ import type { FormControl } from '@xyo-network/react-form-group';
3
+ import React from 'react';
4
+ export interface FormControlTextFieldProps extends StandardTextFieldProps {
5
+ fieldLabel: string;
6
+ formControl?: FormControl<StandardTextFieldProps>;
7
+ formControlError?: string;
8
+ }
9
+ export declare const FormControlTextField: React.ForwardRefExoticComponent<Omit<FormControlTextFieldProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
+ //# sourceMappingURL=FormControlTextField.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormControlTextField.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/FormControlTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAKhE,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,oBAAoB,+GA+ChC,CAAA"}
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import type { WithFormControlProps } from '../WithFormControlProps.ts';
3
+ export interface NameWithFormControlProps extends WithFormControlProps {
4
+ autoCompleteLabel: string;
5
+ }
6
+ export declare const NameWithFormControl: React.FC<NameWithFormControlProps>;
7
+ //# sourceMappingURL=Name.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Name.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Name.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAItE,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IACpE,iBAAiB,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA8BlE,CAAA"}
@@ -0,0 +1,12 @@
1
+ export interface CreditCardInfo {
2
+ icon: string;
3
+ name: string;
4
+ }
5
+ export interface CreditCardOptions {
6
+ amex: CreditCardInfo;
7
+ discover: CreditCardInfo;
8
+ mastercard: CreditCardInfo;
9
+ visa: CreditCardInfo;
10
+ }
11
+ export declare const CreditCardData: CreditCardOptions;
12
+ //# sourceMappingURL=Options.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Options.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,cAAc,CAAA;IACpB,QAAQ,EAAE,cAAc,CAAA;IACxB,UAAU,EAAE,cAAc,CAAA;IAC1B,IAAI,EAAE,cAAc,CAAA;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,iBAK5B,CAAA"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { WithFormControlProps } from '../WithFormControlProps.ts';
3
+ export declare const CreditCardZipWithFormControl: React.FC<WithFormControlProps>;
4
+ //# sourceMappingURL=Zip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Zip.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/Zip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAItE,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyBvE,CAAA"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { WithFormControlProps } from '../../WithFormControlProps.ts';
3
+ export declare const CreditCardCvvWithFormControl: React.FC<WithFormControlProps>;
4
+ //# sourceMappingURL=Cvv.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Cvv.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/cvv/Cvv.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAIzE,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyBvE,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './Cvv.tsx';
2
+ export * from './use.ts';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/cvv/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}
@@ -0,0 +1,9 @@
1
+ import type { StandardTextFieldProps } from '@mui/material';
2
+ import type { FormControlBase } from '@xyo-network/react-form-group';
3
+ export declare const useCreditCardCvvFormControl: (formControlName?: string, cardNumberControlName?: string, control?: new () => FormControlBase<StandardTextFieldProps>) => {
4
+ creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
5
+ error: string;
6
+ inputRef: import("react").RefObject<HTMLInputElement>;
7
+ value: import("@xyo-network/react-form-group").ValidControlValue;
8
+ };
9
+ //# sourceMappingURL=use.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/cvv/use.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAOpE,eAAO,MAAM,2BAA2B,GACtC,kBAAkB,MAAM,EACxB,8BAAoC,EACpC,UAAU,UAAU,eAAe,CAAC,sBAAsB,CAAC;;;;;CAyB5D,CAAA"}
@@ -0,0 +1,10 @@
1
+ export * from './cvv/index.ts';
2
+ export * from './Email.tsx';
3
+ export * from './Expiration.tsx';
4
+ export * from './FormControlTextField.tsx';
5
+ export * from './Name.tsx';
6
+ export * from './number/index.ts';
7
+ export * from './Options.ts';
8
+ export * from './useCreditCardFormControl.tsx';
9
+ export * from './Zip.tsx';
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,gCAAgC,CAAA;AAC9C,cAAc,WAAW,CAAA"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { WithFormControlProps } from '../../WithFormControlProps.ts';
3
+ export declare const CreditCardNumberWithFormControl: React.FC<WithFormControlProps>;
4
+ //# sourceMappingURL=Number.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Number.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/Number.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAA;AAKzE,eAAO,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqC1E,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './Number.tsx';
2
+ export * from './use.ts';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA"}
@@ -0,0 +1,10 @@
1
+ import type { StandardTextFieldProps } from '@mui/material';
2
+ import type { FormControlBase } from '@xyo-network/react-form-group';
3
+ export declare const useCreditCardNumberFormControl: (formControlName?: string, control?: new () => FormControlBase<StandardTextFieldProps>) => {
4
+ creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
5
+ error: string;
6
+ inputRef: import("react").RefObject<HTMLInputElement>;
7
+ type: "visa" | "mastercard" | "amex" | "discover";
8
+ value: import("@xyo-network/react-form-group").ValidControlValue;
9
+ };
10
+ //# sourceMappingURL=use.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/card/number/use.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAOpE,eAAO,MAAM,8BAA8B,GAAI,kBAAkB,MAAM,EAAE,UAAU,UAAU,eAAe,CAAC,sBAAsB,CAAC;;;;;;CAyBnI,CAAA"}
@@ -0,0 +1,9 @@
1
+ import type { StandardTextFieldProps } from '@mui/material';
2
+ import type { FormControlBase, ValidControlValue } from '@xyo-network/react-form-group';
3
+ export declare const useCreditCardFormControl: (formControlName?: string, Control?: new (...args: any[]) => FormControlBase<StandardTextFieldProps>, args?: any[]) => {
4
+ creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
5
+ error: string;
6
+ inputRef: import("react").RefObject<HTMLInputElement>;
7
+ value: ValidControlValue;
8
+ };
9
+ //# sourceMappingURL=useCreditCardFormControl.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useCreditCardFormControl.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/card/useCreditCardFormControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAUvF,eAAO,MAAM,wBAAwB,GACnC,kBAAkB,MAAM,EAExB,UAAU,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,eAAe,CAAC,sBAAsB,CAAC,EAEzE,OAAM,GAAG,EAAwB;;;;;CAuBlC,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './card/index.ts';
2
+ export * from './WithFormControlProps.ts';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,2BAA2B,CAAA"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { CreditCardFormProps } from './Props.ts';
3
+ export declare const CreditCardFormFlexbox: React.FC<CreditCardFormProps>;
4
+ export declare const CreditCardFormFlexboxWithFormGroupProvider: React.FC<CreditCardFormProps>;
5
+ //# sourceMappingURL=Form.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAKvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAGrD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6D/D,CAAA;AAED,eAAO,MAAM,0CAA0C,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAQpF,CAAA"}
@@ -0,0 +1,7 @@
1
+ import type { StackProps } from '@mui/material';
2
+ import type { PropsWithChildren } from 'react';
3
+ import React from 'react';
4
+ export interface InputFieldsStackProps extends StackProps, PropsWithChildren {
5
+ }
6
+ export declare const InputFieldsStack: React.FC<InputFieldsStackProps>;
7
+ //# sourceMappingURL=InputFieldsStack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputFieldsStack.d.ts","sourceRoot":"","sources":["../../../../src/components/form/InputFieldsStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAsB,SAAQ,UAAU,EAAE,iBAAiB;CAAG;AAE/E,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoD5D,CAAA"}
@@ -0,0 +1,14 @@
1
+ import type { ButtonProps } from '@mui/material';
2
+ import type { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ import type { ErrorSummary } from '@xyo-network/react-form-group';
4
+ import type { ComponentType } from 'react';
5
+ import type { CreditCardInput } from '../../models/index.ts';
6
+ export interface CreditCardFormProps extends FlexBoxProps {
7
+ ConfirmationButton?: ComponentType<ButtonProps>;
8
+ displayErrors?: boolean;
9
+ onErrorDuringSubmit?: (error: Error) => void;
10
+ onInvalidSubmit?: (errorSummary: ErrorSummary) => void;
11
+ onSuccessfulSubmit?: () => void;
12
+ onValidSubmit?: (values: CreditCardInput) => Promise<void>;
13
+ }
14
+ //# sourceMappingURL=Props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,kBAAkB,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,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"}
@@ -0,0 +1,5 @@
1
+ export * from './Form.tsx';
2
+ export * from './InputFieldsStack.tsx';
3
+ export * from './Props.ts';
4
+ export * from './useFormStorage.tsx';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,wBAAwB,CAAA;AACtC,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { FormGroupParams } from '@xyo-network/react-form-group';
2
+ import type { CreditCardInput } from '../../models/index.ts';
3
+ export declare const useFormStorage: () => [FormGroupParams<CreditCardInput> | undefined, Error | undefined, import("@xylabs/react-promise").UsePromiseState | undefined];
4
+ //# sourceMappingURL=useFormStorage.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFormStorage.d.ts","sourceRoot":"","sources":["../../../../src/components/form/useFormStorage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAGpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAU5D,eAAO,MAAM,cAAc,sIAwB1B,CAAA"}
@@ -0,0 +1,5 @@
1
+ export { default as AmexIcon } from './american-express.svg';
2
+ export { default as DiscoverIcon } from './discover.svg';
3
+ export { default as MastercardIcon } from './mastercard.svg';
4
+ export { default as VisaIcon } from './visa.svg';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/img/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './controls/index.ts';
2
+ export * from './form/index.ts';
3
+ export * from './support/index.ts';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA"}
@@ -0,0 +1,4 @@
1
+ export declare const NameFields: readonly ["firstName", "lastName"];
2
+ export declare const NameLabels: readonly ["First", "Last"];
3
+ export type NameLabel = (typeof NameLabels)[number];
4
+ //# sourceMappingURL=Fields.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Fields.d.ts","sourceRoot":"","sources":["../../../../src/components/support/Fields.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,oCAAqC,CAAA;AAC5D,eAAO,MAAM,UAAU,4BAA6B,CAAA;AACpD,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA"}
@@ -0,0 +1,5 @@
1
+ export type InputError = {
2
+ errorMessage: string;
3
+ invalidFields: string[];
4
+ };
5
+ //# sourceMappingURL=InputError.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputError.d.ts","sourceRoot":"","sources":["../../../../src/components/support/InputError.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,EAAE,CAAA;CACxB,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './Fields.ts';
2
+ export * from './InputError.ts';
3
+ export * from './validateCreditCardInputs.ts';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/support/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,+BAA+B,CAAA"}
@@ -0,0 +1,3 @@
1
+ import type { CreditCardInput } from '../../models/index.ts';
2
+ export declare const validateCreditCardInputs: (values: CreditCardInput) => CreditCardInput;
3
+ //# sourceMappingURL=validateCreditCardInputs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"validateCreditCardInputs.d.ts","sourceRoot":"","sources":["../../../../src/components/support/validateCreditCardInputs.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAG5D,eAAO,MAAM,wBAAwB,GAAI,QAAQ,eAAe,KAAG,eAYlE,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { FormGroupContextWithPayloadState } from '@xyo-network/react-form-group';
2
+ import type { CreditCardInput } from '../models/index.ts';
3
+ export declare const FormGroupCreditCardContext: import("react").Context<FormGroupContextWithPayloadState<CreditCardInput, CreditCardInput> & import("@xyo-network/react-shared").ContextExState>;
4
+ //# sourceMappingURL=FormGroupCreditCardContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormGroupCreditCardContext.d.ts","sourceRoot":"","sources":["../../../src/context/FormGroupCreditCardContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAA;AAGrF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEzD,eAAO,MAAM,0BAA0B,kJAAwF,CAAA"}
@@ -0,0 +1,10 @@
1
+ import type { Payload } from '@xyo-network/payload-model';
2
+ import type { FormGroupParams } from '@xyo-network/react-form-group';
3
+ import type { PropsWithChildren } from 'react';
4
+ import React from 'react';
5
+ import type { CreditCardInput } from '../models/index.ts';
6
+ export interface FormGroupCreditCardProviderProps<TStorage extends Payload = Payload> extends PropsWithChildren {
7
+ params?: FormGroupParams<TStorage>;
8
+ }
9
+ export declare const FormGroupCreditCardProvider: React.FC<FormGroupCreditCardProviderProps<CreditCardInput>>;
10
+ //# sourceMappingURL=FormGroupCreditCardProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormGroupCreditCardProvider.d.ts","sourceRoot":"","sources":["../../../src/context/FormGroupCreditCardProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAkB,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGzD,MAAM,WAAW,gCAAgC,CAAC,QAAQ,SAAS,OAAO,GAAG,OAAO,CAAE,SAAQ,iBAAiB;IAC7G,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;CACnC;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,gCAAgC,CAAC,eAAe,CAAC,CAmBnG,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './FormGroupCreditCardContext.ts';
2
+ export * from './FormGroupCreditCardProvider.tsx';
3
+ export * from './useFormGroupWithCreditCard.tsx';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ export declare const useFormGroupWithCreditCardInput: (required?: boolean) => Omit<import("@xyo-network/react-form-group").FormGroupContextWithPayloadState<import("../index.ts").CreditCardInput, import("../index.ts").CreditCardInput> & import("@xyo-network/react-shared").ContextExState, "provided">;
2
+ //# sourceMappingURL=useFormGroupWithCreditCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useFormGroupWithCreditCard.d.ts","sourceRoot":"","sources":["../../../src/context/useFormGroupWithCreditCard.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,+BAA+B,GAAI,kBAAgB,kOAE/D,CAAA"}
@@ -0,0 +1,20 @@
1
+ import type { EmptyObject } from '@xylabs/object';
2
+ import type { AbstractControl } from '@xyo-network/react-form-group';
3
+ import { FormControlBase } from '@xyo-network/react-form-group';
4
+ import { unmask } from '../utils/index.ts';
5
+ export declare class CreditCardCvvFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
6
+ invalidMessage: string;
7
+ pattern: RegExp;
8
+ patternStrict: RegExp;
9
+ props: TProps;
10
+ required: boolean;
11
+ unmask: typeof unmask;
12
+ private _cardNumberFormControl;
13
+ constructor();
14
+ get cardNumberFormControl(): AbstractControl<import("@xyo-network/react-form-group").ValidControlValue>;
15
+ blurError(value: string): void;
16
+ changeError(value: string): void;
17
+ setCardNumberFormControl(cardNumberFormControl: AbstractControl): void;
18
+ private getCardNumberCvcMax;
19
+ }
20
+ //# sourceMappingURL=CreditCardCvv.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreditCardCvv.d.ts","sourceRoot":"","sources":["../../../src/controls/CreditCardCvv.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAI1C,qBAAa,wBAAwB,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe,CAAC,MAAM,CAAC;IACpG,cAAc,SAA8B;IAE5C,OAAO,SAAc;IACrB,aAAa,SAAc;IAE3B,KAAK,EAQT,MAAM,CAAA;IAEF,QAAQ,UAAO;IAEf,MAAM,gBAAS;IAExB,OAAO,CAAC,sBAAsB,CAAyC;;IAQvE,IAAI,qBAAqB,+EAExB;IAEQ,SAAS,CAAC,KAAK,EAAE,MAAM;IAavB,WAAW,CAAC,KAAK,EAAE,MAAM;IAoBlC,wBAAwB,CAAC,qBAAqB,EAAE,eAAe;IAI/D,OAAO,CAAC,mBAAmB;CAK5B"}
@@ -0,0 +1,21 @@
1
+ import type { EmptyObject } from '@xylabs/object';
2
+ import type { AbstractControl } from '@xyo-network/react-form-group';
3
+ import { FormControlBase } from '@xyo-network/react-form-group';
4
+ import { unmask } from '../utils/index.ts';
5
+ export declare class CreditCardExpirationFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase {
6
+ invalidMessage: string;
7
+ pattern: RegExp;
8
+ patternStrict: RegExp;
9
+ props: TProps;
10
+ required: boolean;
11
+ unmask: typeof unmask;
12
+ private _cardNumberFormControl;
13
+ constructor();
14
+ get cardNumberFormControl(): AbstractControl<import("@xyo-network/react-form-group").ValidControlValue>;
15
+ get rawValue(): import("@xyo-network/react-form-group").ValidControlValue;
16
+ blurError(value: string): void;
17
+ changeError(value: string): void;
18
+ mask(value: string): string;
19
+ private makeMask;
20
+ }
21
+ //# sourceMappingURL=CreditCardExpiry.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreditCardExpiry.d.ts","sourceRoot":"","sources":["../../../src/controls/CreditCardExpiry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAI1C,qBAAa,+BAA+B,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe;IACnG,cAAc,SAA+B;IAE7C,OAAO,SAAc;IACrB,aAAa,SAAc;IAE3B,KAAK,EAQT,MAAM,CAAA;IAEF,QAAQ,UAAO;IAEf,MAAM,gBAAS;IAExB,OAAO,CAAC,sBAAsB,CAAyC;;IAQvE,IAAI,qBAAqB,+EAExB;IAGD,IAAa,QAAQ,8DAEpB;IAEQ,SAAS,CAAC,KAAK,EAAE,MAAM;IAYvB,WAAW,CAAC,KAAK,EAAE,MAAM;IAYzB,IAAI,CAAC,KAAK,EAAE,MAAM;IAO3B,OAAO,CAAC,QAAQ;CAejB"}
@@ -0,0 +1,23 @@
1
+ import type { EmptyObject } from '@xylabs/object';
2
+ import type { SetOptions, ValidControlValue } from '@xyo-network/react-form-group';
3
+ import { FormControlBase } from '@xyo-network/react-form-group';
4
+ import { unmask } from '../utils/index.ts';
5
+ export declare class CreditCardNumberFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
6
+ creditCardType: string;
7
+ invalidMessage: string;
8
+ pattern: RegExp;
9
+ patternStrict: RegExp;
10
+ props: TProps;
11
+ required: boolean;
12
+ unmask: typeof unmask;
13
+ constructor();
14
+ blurError(value: string): void;
15
+ changeError(value: string): void;
16
+ earlyNumberCheck(number: string): void;
17
+ getCursorPosition(): number | undefined;
18
+ mask(value?: ValidControlValue): string;
19
+ onCreditCardTypeChange: (type: string) => void;
20
+ setCreditCardType(type: string): void;
21
+ setValue(value: string | undefined, options: SetOptions): void;
22
+ }
23
+ //# sourceMappingURL=CreditCardNumber.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreditCardNumber.d.ts","sourceRoot":"","sources":["../../../src/controls/CreditCardNumber.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAI1C,qBAAa,2BAA2B,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe,CAAC,MAAM,CAAC;IAChH,cAAc,EAAE,MAAM,CAAK;IAElB,cAAc,SAA2B;IAEzC,OAAO,SAAa;IACpB,aAAa,SAAU;IAEvB,KAAK,EAQT,MAAM,CAAA;IAEF,QAAQ,UAAO;IAEf,MAAM,gBAAS;;IAQf,SAAS,CAAC,KAAK,EAAE,MAAM;IAUvB,WAAW,CAAC,KAAK,EAAE,MAAM;IAelC,gBAAgB,CAAC,MAAM,EAAE,MAAM;IAwBtB,iBAAiB;IAsBjB,IAAI,CAAC,KAAK,GAAE,iBAAsB;IAmB3C,sBAAsB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAW;IAEzD,iBAAiB,CAAC,IAAI,EAAE,MAAM;IAKrB,QAAQ,CAAC,KAAK,oBAAK,EAAE,OAAO,EAAE,UAAU;CAKlD"}
@@ -0,0 +1,14 @@
1
+ import type { EmptyObject } from '@xylabs/object';
2
+ import { FormControlBase } from '@xyo-network/react-form-group';
3
+ export declare class CreditCardEmailFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
4
+ invalidMessage: string;
5
+ pattern: RegExp;
6
+ patternStrict: RegExp;
7
+ props: TProps;
8
+ required: boolean;
9
+ constructor();
10
+ blurError(value: string): void;
11
+ changeError(value: string): void;
12
+ private updateValidation;
13
+ }
14
+ //# sourceMappingURL=Email.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Email.d.ts","sourceRoot":"","sources":["../../../src/controls/Email.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAI/D,qBAAa,0BAA0B,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe,CAAC,MAAM,CAAC;IACtG,cAAc,SAA2B;IAEzC,OAAO,SAAS;IAChB,aAAa,SAAwD;IAErE,KAAK,EAOT,MAAM,CAAA;IAEF,QAAQ,UAAO;;IAQf,SAAS,CAAC,KAAK,EAAE,MAAM;IAKvB,WAAW,CAAC,KAAK,EAAE,MAAM;IAMlC,OAAO,CAAC,gBAAgB;CAOzB"}
@@ -0,0 +1,10 @@
1
+ import type { EmptyObject } from '@xylabs/object';
2
+ import { FormControlBase } from '@xyo-network/react-form-group';
3
+ export declare class NameFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
4
+ private nameLabel;
5
+ required: boolean;
6
+ constructor(nameLabel: string, autoCompleteLabel: string, placeHolder: string);
7
+ blurError(value: string): void;
8
+ changeError(value: string): void;
9
+ }
10
+ //# sourceMappingURL=Name.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Name.d.ts","sourceRoot":"","sources":["../../../src/controls/Name.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAE/D,qBAAa,eAAe,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe,CAAC,MAAM,CAAC;IAIlG,OAAO,CAAC,SAAS;IAHV,QAAQ,UAAO;gBAGd,SAAS,EAAE,MAAM,EACzB,iBAAiB,EAAE,MAAM,EACzB,WAAW,EAAE,MAAM;IAgBZ,SAAS,CAAC,KAAK,EAAE,MAAM;IAQvB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;CAG1C"}
@@ -0,0 +1,13 @@
1
+ import type { EmptyObject } from '@xylabs/object';
2
+ import { FormControlBase } from '@xyo-network/react-form-group';
3
+ import { unmask } from '../utils/index.ts';
4
+ export declare class CreditCardZipFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
5
+ invalidMessage: string;
6
+ props: TProps;
7
+ required: boolean;
8
+ unmask: typeof unmask;
9
+ constructor();
10
+ blurError(value: string): void;
11
+ changeError(value: string): void;
12
+ }
13
+ //# sourceMappingURL=Zip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Zip.d.ts","sourceRoot":"","sources":["../../../src/controls/Zip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAI1C,qBAAa,wBAAwB,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,eAAe,CAAC,MAAM,CAAC;IACpG,cAAc,SAA8B;IAE5C,KAAK,EAOT,MAAM,CAAA;IAEF,QAAQ,UAAO;IAEf,MAAM,gBAAS;;IAQf,SAAS,CAAC,KAAK,EAAE,MAAM;IASvB,WAAW,CAAC,KAAK,EAAE,MAAM;CAcnC"}
@@ -0,0 +1,7 @@
1
+ export * from './CreditCardCvv.ts';
2
+ export * from './CreditCardExpiry.ts';
3
+ export * from './CreditCardNumber.ts';
4
+ export * from './Email.ts';
5
+ export * from './Name.ts';
6
+ export * from './Zip.ts';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA"}
@@ -1,210 +1,6 @@
1
- import * as React from 'react';
2
- import React__default, { ComponentType, PropsWithChildren } from 'react';
3
- import { StandardTextFieldProps, ButtonProps, StackProps } from '@mui/material';
4
- import * as _xyo_network_react_form_group from '@xyo-network/react-form-group';
5
- import { FormControlBase, FormControl, ValidControlValue, ErrorSummary, FormGroupParams, FormGroupContextWithPayloadState, AbstractControl, SetOptions } from '@xyo-network/react-form-group';
6
- import { FlexBoxProps } from '@xylabs/react-flexbox';
7
- import { Payload } from '@xyo-network/payload-model';
8
- import * as _xylabs_react_promise from '@xylabs/react-promise';
9
- import * as _xyo_network_react_shared from '@xyo-network/react-shared';
10
- import { EmptyObject } from '@xylabs/object';
11
-
12
- interface WithFormControlProps extends StandardTextFieldProps {
13
- fieldLabel?: string;
14
- formControlName?: string;
15
- }
16
-
17
- declare const CreditCardCvvWithFormControl: React__default.FC<WithFormControlProps>;
18
-
19
- declare const useCreditCardCvvFormControl: (formControlName?: string, cardNumberControlName?: string, control?: new () => FormControlBase<StandardTextFieldProps>) => {
20
- creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
21
- error: string;
22
- inputRef: React.RefObject<HTMLInputElement>;
23
- value: _xyo_network_react_form_group.ValidControlValue;
24
- };
25
-
26
- declare const CreditCardEmailWithFormControl: React__default.FC<WithFormControlProps>;
27
-
28
- declare const CreditCardExpirationWithFormControl: React__default.FC<WithFormControlProps>;
29
-
30
- interface FormControlTextFieldProps extends StandardTextFieldProps {
31
- fieldLabel: string;
32
- formControl?: FormControl<StandardTextFieldProps>;
33
- formControlError?: string;
34
- }
35
- declare const FormControlTextField: React__default.ForwardRefExoticComponent<Omit<FormControlTextFieldProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
36
-
37
- interface NameWithFormControlProps extends WithFormControlProps {
38
- autoCompleteLabel: string;
39
- }
40
- declare const NameWithFormControl: React__default.FC<NameWithFormControlProps>;
41
-
42
- declare const CreditCardNumberWithFormControl: React__default.FC<WithFormControlProps>;
43
-
44
- declare const useCreditCardNumberFormControl: (formControlName?: string, control?: new () => FormControlBase<StandardTextFieldProps>) => {
45
- creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
46
- error: string;
47
- inputRef: React.RefObject<HTMLInputElement>;
48
- type: "visa" | "mastercard" | "amex" | "discover";
49
- value: _xyo_network_react_form_group.ValidControlValue;
50
- };
51
-
52
- interface CreditCardInfo {
53
- icon: string;
54
- name: string;
55
- }
56
- interface CreditCardOptions {
57
- amex: CreditCardInfo;
58
- discover: CreditCardInfo;
59
- mastercard: CreditCardInfo;
60
- visa: CreditCardInfo;
61
- }
62
- declare const CreditCardData: CreditCardOptions;
63
-
64
- declare const useCreditCardFormControl: (formControlName?: string, Control?: new (...args: any[]) => FormControlBase<StandardTextFieldProps>, args?: any[]) => {
65
- creditCardFormControl: FormControlBase<StandardTextFieldProps> | undefined;
66
- error: string;
67
- inputRef: React.RefObject<HTMLInputElement>;
68
- value: ValidControlValue;
69
- };
70
-
71
- declare const CreditCardZipWithFormControl: React__default.FC<WithFormControlProps>;
72
-
73
- declare const CreditCardInputSchema: "network.xyo.credit.card.input";
74
- type CreditCardInputSchema = typeof CreditCardInputSchema;
75
- type CreditCardInputFields = {
76
- cardNumber: string;
77
- cvc: string;
78
- emailAddress: string;
79
- expiration: string;
80
- firstName: string;
81
- lastName: string;
82
- timestamp: number;
83
- zip: string;
84
- };
85
- type CreditCardInput = Payload<CreditCardInputFields, CreditCardInputSchema>;
86
- declare const isCreditCardInput: (x?: unknown | null) => x is CreditCardInput;
87
-
88
- interface CreditCardFormProps extends FlexBoxProps {
89
- ConfirmationButton?: ComponentType<ButtonProps>;
90
- displayErrors?: boolean;
91
- onErrorDuringSubmit?: (error: Error) => void;
92
- onInvalidSubmit?: (errorSummary: ErrorSummary) => void;
93
- onSuccessfulSubmit?: () => void;
94
- onValidSubmit?: (values: CreditCardInput) => Promise<void>;
95
- }
96
-
97
- declare const CreditCardFormFlexbox: React__default.FC<CreditCardFormProps>;
98
- declare const CreditCardFormFlexboxWithFormGroupProvider: React__default.FC<CreditCardFormProps>;
99
-
100
- interface InputFieldsStackProps extends StackProps, PropsWithChildren {
101
- }
102
- declare const InputFieldsStack: React__default.FC<InputFieldsStackProps>;
103
-
104
- declare const useFormStorage: () => [FormGroupParams<CreditCardInput> | undefined, Error | undefined, _xylabs_react_promise.UsePromiseState | undefined];
105
-
106
- declare const NameFields: readonly ["firstName", "lastName"];
107
- declare const NameLabels: readonly ["First", "Last"];
108
- type NameLabel = (typeof NameLabels)[number];
109
-
110
- type InputError = {
111
- errorMessage: string;
112
- invalidFields: string[];
113
- };
114
-
115
- declare const validateCreditCardInputs: (values: CreditCardInput) => CreditCardInput;
116
-
117
- declare const FormGroupCreditCardContext: React.Context<FormGroupContextWithPayloadState<CreditCardInput, CreditCardInput> & _xyo_network_react_shared.ContextExState>;
118
-
119
- interface FormGroupCreditCardProviderProps<TStorage extends Payload = Payload> extends PropsWithChildren {
120
- params?: FormGroupParams<TStorage>;
121
- }
122
- declare const FormGroupCreditCardProvider: React__default.FC<FormGroupCreditCardProviderProps<CreditCardInput>>;
123
-
124
- declare const useFormGroupWithCreditCardInput: (required?: boolean) => Omit<_xyo_network_react_form_group.FormGroupContextWithPayloadState<CreditCardInput, CreditCardInput> & _xyo_network_react_shared.ContextExState, "provided">;
125
-
126
- declare function unmask(value: string): string;
127
-
128
- declare class CreditCardCvvFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
129
- invalidMessage: string;
130
- pattern: RegExp;
131
- patternStrict: RegExp;
132
- props: TProps;
133
- required: boolean;
134
- unmask: typeof unmask;
135
- private _cardNumberFormControl;
136
- constructor();
137
- get cardNumberFormControl(): AbstractControl<_xyo_network_react_form_group.ValidControlValue>;
138
- blurError(value: string): void;
139
- changeError(value: string): void;
140
- setCardNumberFormControl(cardNumberFormControl: AbstractControl): void;
141
- private getCardNumberCvcMax;
142
- }
143
-
144
- declare class CreditCardExpirationFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase {
145
- invalidMessage: string;
146
- pattern: RegExp;
147
- patternStrict: RegExp;
148
- props: TProps;
149
- required: boolean;
150
- unmask: typeof unmask;
151
- private _cardNumberFormControl;
152
- constructor();
153
- get cardNumberFormControl(): AbstractControl<_xyo_network_react_form_group.ValidControlValue>;
154
- get rawValue(): _xyo_network_react_form_group.ValidControlValue;
155
- blurError(value: string): void;
156
- changeError(value: string): void;
157
- mask(value: string): string;
158
- private makeMask;
159
- }
160
-
161
- declare class CreditCardNumberFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
162
- creditCardType: string;
163
- invalidMessage: string;
164
- pattern: RegExp;
165
- patternStrict: RegExp;
166
- props: TProps;
167
- required: boolean;
168
- unmask: typeof unmask;
169
- constructor();
170
- blurError(value: string): void;
171
- changeError(value: string): void;
172
- earlyNumberCheck(number: string): void;
173
- getCursorPosition(): number | undefined;
174
- mask(value?: ValidControlValue): string;
175
- onCreditCardTypeChange: (type: string) => void;
176
- setCreditCardType(type: string): void;
177
- setValue(value: string | undefined, options: SetOptions): void;
178
- }
179
-
180
- declare class CreditCardEmailFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
181
- invalidMessage: string;
182
- pattern: RegExp;
183
- patternStrict: RegExp;
184
- props: TProps;
185
- required: boolean;
186
- constructor();
187
- blurError(value: string): void;
188
- changeError(value: string): void;
189
- private updateValidation;
190
- }
191
-
192
- declare class NameFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
193
- private nameLabel;
194
- required: boolean;
195
- constructor(nameLabel: string, autoCompleteLabel: string, placeHolder: string);
196
- blurError(value: string): void;
197
- changeError(value: string): void;
198
- }
199
-
200
- declare class CreditCardZipFormControl<TProps extends EmptyObject = EmptyObject> extends FormControlBase<TProps> {
201
- invalidMessage: string;
202
- props: TProps;
203
- required: boolean;
204
- unmask: typeof unmask;
205
- constructor();
206
- blurError(value: string): void;
207
- changeError(value: string): void;
208
- }
209
-
210
- export { CreditCardCvvFormControl, CreditCardCvvWithFormControl, CreditCardData, CreditCardEmailFormControl, CreditCardEmailWithFormControl, CreditCardExpirationFormControl, CreditCardExpirationWithFormControl, CreditCardFormFlexbox, CreditCardFormFlexboxWithFormGroupProvider, type CreditCardFormProps, type CreditCardInfo, type CreditCardInput, type CreditCardInputFields, CreditCardInputSchema, CreditCardNumberFormControl, CreditCardNumberWithFormControl, type CreditCardOptions, CreditCardZipFormControl, CreditCardZipWithFormControl, FormControlTextField, type FormControlTextFieldProps, FormGroupCreditCardContext, FormGroupCreditCardProvider, type FormGroupCreditCardProviderProps, type InputError, InputFieldsStack, type InputFieldsStackProps, NameFields, NameFormControl, type NameLabel, NameLabels, NameWithFormControl, type NameWithFormControlProps, type WithFormControlProps, isCreditCardInput, unmask, useCreditCardCvvFormControl, useCreditCardFormControl, useCreditCardNumberFormControl, useFormGroupWithCreditCardInput, useFormStorage, validateCreditCardInputs };
1
+ export * from './components/index.ts';
2
+ export * from './context/index.ts';
3
+ export * from './controls/index.ts';
4
+ export * from './models/index.ts';
5
+ export * from './utils/index.ts';
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA"}
@@ -0,0 +1,16 @@
1
+ import type { Payload } from '@xyo-network/payload-model';
2
+ export declare const CreditCardInputSchema: "network.xyo.credit.card.input";
3
+ export type CreditCardInputSchema = typeof CreditCardInputSchema;
4
+ export type CreditCardInputFields = {
5
+ cardNumber: string;
6
+ cvc: string;
7
+ emailAddress: string;
8
+ expiration: string;
9
+ firstName: string;
10
+ lastName: string;
11
+ timestamp: number;
12
+ zip: string;
13
+ };
14
+ export type CreditCardInput = Payload<CreditCardInputFields, CreditCardInputSchema>;
15
+ export declare const isCreditCardInput: (x?: unknown | null) => x is CreditCardInput;
16
+ //# sourceMappingURL=CreditCardInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreditCardInput.d.ts","sourceRoot":"","sources":["../../../src/models/CreditCardInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAGzD,eAAO,MAAM,qBAAqB,EAAG,+BAAwC,CAAA;AAC7E,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAA;AAEhE,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,CAAA;AAEnF,eAAO,MAAM,iBAAiB,8CAAgE,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './CreditCardInput.ts';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './umask.ts';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
@@ -0,0 +1,2 @@
1
+ export declare function unmask(value: string): string;
2
+ //# sourceMappingURL=umask.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"umask.d.ts","sourceRoot":"","sources":["../../../src/utils/umask.ts"],"names":[],"mappings":"AAAA,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,UAEnC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xyo-network/react-form-credit-card",
3
- "version": "4.4.9",
3
+ "version": "4.4.11",
4
4
  "description": "Common React library for all XYO projects that use React",
5
5
  "keywords": [
6
6
  "xyo",
@@ -44,28 +44,28 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "@mui/icons-material": "^6.4.6",
47
- "@xylabs/assert": "^4.5.1",
48
- "@xylabs/object": "^4.5.1",
49
- "@xylabs/react-error": "^5.3.23",
50
- "@xylabs/react-flexbox": "^5.3.23",
51
- "@xylabs/react-promise": "^5.3.23",
52
- "@xyo-network/archivist-storage": "^3.9.17",
53
- "@xyo-network/payload-model": "^3.9.17",
54
- "@xyo-network/react-form-group": "^4.4.9",
55
- "@xyo-network/react-shared": "^4.4.9",
47
+ "@xylabs/assert": "^4.5.6",
48
+ "@xylabs/object": "^4.5.6",
49
+ "@xylabs/react-error": "^5.3.25",
50
+ "@xylabs/react-flexbox": "^5.3.25",
51
+ "@xylabs/react-promise": "^5.3.25",
52
+ "@xyo-network/archivist-storage": "^3.9.25",
53
+ "@xyo-network/payload-model": "^3.9.25",
54
+ "@xyo-network/react-form-group": "^4.4.11",
55
+ "@xyo-network/react-shared": "^4.4.11",
56
56
  "card-validator": "^10.0.2"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@mui/material": "^6.4.6",
60
60
  "@mui/styles": "^6.4.6",
61
- "@storybook/react": "^8.6.2",
62
- "@xylabs/ts-scripts-yarn3": "^5.0.25",
63
- "@xylabs/tsconfig-react": "^5.0.25",
61
+ "@storybook/react": "^8.6.3",
62
+ "@xylabs/ts-scripts-yarn3": "^5.0.39",
63
+ "@xylabs/tsconfig-react": "^5.0.39",
64
64
  "react": "^18.3.1",
65
65
  "react-dom": "^18.3.1",
66
66
  "react-router-dom": "^7.2.0",
67
- "storybook": "^8.6.2",
68
- "typescript": "^5.7.3"
67
+ "storybook": "^8.6.3",
68
+ "typescript": "^5.8.2"
69
69
  },
70
70
  "peerDependencies": {
71
71
  "@mui/material": "^6",