period-ui 0.8.1 → 0.10.0
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/components/atoms/base-input/base-input.d.ts +1 -0
- package/dist/components/atoms/base-input/base-input.d.ts.map +1 -1
- package/dist/components/atoms/base-input/base-input.js +3 -3
- package/dist/components/atoms/base-input/base-input.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/molecules/form/form-story-stubs.d.ts.map +1 -1
- package/dist/components/molecules/form/form-story-stubs.js +13 -2
- package/dist/components/molecules/form/form-story-stubs.js.map +1 -1
- package/dist/components/molecules/text-field/components/text-field-input.js +1 -1
- package/dist/components/molecules/text-field/components/text-field-input.js.map +1 -1
- package/dist/components/organisms/filter-modal/components/filter.d.ts.map +1 -1
- package/dist/components/organisms/filter-modal/components/filter.js +3 -2
- package/dist/components/organisms/filter-modal/components/filter.js.map +1 -1
- package/dist/components/organisms/payment-card-fields/components/payment-card-field-control.d.ts +26 -0
- package/dist/components/organisms/payment-card-fields/components/payment-card-field-control.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/components/payment-card-field-control.js +11 -0
- package/dist/components/organisms/payment-card-fields/components/payment-card-field-control.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/components/stored-card-value-input.d.ts +8 -0
- package/dist/components/organisms/payment-card-fields/components/stored-card-value-input.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/components/stored-card-value-input.js +23 -0
- package/dist/components/organisms/payment-card-fields/components/stored-card-value-input.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/index.d.ts +5 -0
- package/dist/components/organisms/payment-card-fields/index.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/index.js +23 -0
- package/dist/components/organisms/payment-card-fields/index.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-detection.d.ts +5 -0
- package/dist/components/organisms/payment-card-fields/payment-card-detection.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-detection.js +33 -0
- package/dist/components/organisms/payment-card-fields/payment-card-detection.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-constants.d.ts +16 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-constants.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-constants.js +35 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-constants.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-styles.d.ts +2 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-styles.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-styles.js +5 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-styles.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-types.d.ts +35 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-types.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-types.js +19 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-types.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-validation.d.ts +24 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-validation.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-validation.js +65 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields-validation.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields.d.ts +16 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields.js +26 -0
- package/dist/components/organisms/payment-card-fields/payment-card-fields.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-format.d.ts +4 -0
- package/dist/components/organisms/payment-card-fields/payment-card-format.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/payment-card-format.js +16 -0
- package/dist/components/organisms/payment-card-fields/payment-card-format.js.map +1 -0
- package/dist/components/organisms/payment-card-fields/use-payment-card-fields.d.ts +27 -0
- package/dist/components/organisms/payment-card-fields/use-payment-card-fields.d.ts.map +1 -0
- package/dist/components/organisms/payment-card-fields/use-payment-card-fields.js +110 -0
- package/dist/components/organisms/payment-card-fields/use-payment-card-fields.js.map +1 -0
- package/dist/components/organisms/tool-tip/index.d.ts +0 -1
- package/dist/components/organisms/tool-tip/index.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/index.js +0 -1
- package/dist/components/organisms/tool-tip/index.js.map +1 -1
- package/dist/components/organisms/tool-tip/tool-tip-styles.d.ts +4 -0
- package/dist/components/organisms/tool-tip/tool-tip-styles.d.ts.map +1 -0
- package/dist/components/organisms/tool-tip/tool-tip-styles.js +7 -0
- package/dist/components/organisms/tool-tip/tool-tip-styles.js.map +1 -0
- package/dist/components/organisms/tool-tip/tool-tip.d.ts +6 -20
- package/dist/components/organisms/tool-tip/tool-tip.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/tool-tip.js +5 -10
- package/dist/components/organisms/tool-tip/tool-tip.js.map +1 -1
- package/dist/components/organisms/tool-tip/use-tool-tip.d.ts +2 -13
- package/dist/components/organisms/tool-tip/use-tool-tip.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/use-tool-tip.js +8 -22
- package/dist/components/organisms/tool-tip/use-tool-tip.js.map +1 -1
- package/dist/containers/form-control/components/form-label.d.ts +2 -2
- package/dist/containers/form-control/components/form-label.d.ts.map +1 -1
- package/dist/containers/form-control/components/form-label.js +1 -3
- package/dist/containers/form-control/components/form-label.js.map +1 -1
- package/dist/containers/form-control/form-control-types.d.ts +6 -1
- package/dist/containers/form-control/form-control-types.d.ts.map +1 -1
- package/dist/containers/form-control/form-control-types.js +2 -0
- package/dist/containers/form-control/form-control-types.js.map +1 -1
- package/dist/containers/form-control/form-control.d.ts +3 -3
- package/dist/containers/form-control/form-control.d.ts.map +1 -1
- package/dist/containers/form-control/form-control.js +1 -1
- package/dist/containers/form-control/form-control.js.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7927 -6853
- package/package.json +2 -1
- package/dist/components/organisms/tool-tip/tool-tip-type.d.ts +0 -6
- package/dist/components/organisms/tool-tip/tool-tip-type.d.ts.map +0 -1
- package/dist/components/organisms/tool-tip/tool-tip-type.js +0 -10
- package/dist/components/organisms/tool-tip/tool-tip-type.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAA4B,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"base-input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAA4B,MAAM,OAAO,CAAC;AAG9E,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,SAAS,0HAoDpB,CAAC"}
|
|
@@ -4,10 +4,10 @@ exports.BaseInput = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_imask_1 = require("react-imask");
|
|
7
|
-
exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ mask, maskOptions, onValueChange, onChange, value = '', name, ...rest }, ref) {
|
|
7
|
+
exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ mask, maskOptions, onValueChange, onChange, value = '', name, autoComplete = 'off', ...rest }, ref) {
|
|
8
8
|
const resolvedMaskOptions = maskOptions ?? (mask ? { mask } : undefined);
|
|
9
9
|
if (resolvedMaskOptions) {
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(react_imask_1.IMaskInput, { ...rest, ...resolvedMaskOptions, inputRef: ref, name: name, value: String(value), autoComplete:
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(react_imask_1.IMaskInput, { ...rest, ...resolvedMaskOptions, inputRef: ref, name: name, value: String(value), autoComplete: autoComplete, onAccept: (acceptedValue) => {
|
|
11
11
|
if (acceptedValue === String(value))
|
|
12
12
|
return;
|
|
13
13
|
onValueChange?.(acceptedValue);
|
|
@@ -16,7 +16,7 @@ exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ mask, maskOptio
|
|
|
16
16
|
});
|
|
17
17
|
} }));
|
|
18
18
|
}
|
|
19
|
-
return ((0, jsx_runtime_1.jsx)("input", { ...rest, ref: ref, name: name, value: value, autoComplete:
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)("input", { ...rest, ref: ref, name: name, value: value, autoComplete: autoComplete, onChange: (event) => {
|
|
20
20
|
const capturedValue = event.target.value;
|
|
21
21
|
onValueChange?.(capturedValue);
|
|
22
22
|
onChange?.({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8E;AAC9E,6CAAyC;
|
|
1
|
+
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../../../src/components/atoms/base-input/base-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8E;AAC9E,6CAAyC;AAkB5B,QAAA,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CACpD,EACE,IAAI,EACJ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,GAAG,IAAI,EACQ,EACjB,GAAmC;IAEnC,MAAM,mBAAmB,GAAG,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,CACL,uBAAC,wBAAU,OACL,IAAI,KACJ,mBAAmB,EACvB,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,aAAqB,EAAE,EAAE;gBAClC,IAAI,aAAa,KAAK,MAAM,CAAC,KAAK,CAAC;oBAAE,OAAO;gBAC5C,aAAa,EAAE,CAAC,aAAa,CAAC,CAAC;gBAC/B,QAAQ,EAAE,CAAC;oBACT,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAoC;iBACxC,CAAC,CAAC;YACtC,CAAC,GACD,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,qCACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;YAEzC,aAAa,EAAE,CAAC,aAAa,CAAC,CAAC;YAC/B,QAAQ,EAAE,CAAC;gBACT,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAoC;aACxC,CAAC,CAAC;QACtC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -45,6 +45,7 @@ export * from './organisms/tool-tip';
|
|
|
45
45
|
export * from './organisms/filter-modal';
|
|
46
46
|
export * from './organisms/dropdown-button';
|
|
47
47
|
export * from './organisms/document-field';
|
|
48
|
+
export * from './organisms/payment-card-fields';
|
|
48
49
|
export * from './organisms/file-uploader';
|
|
49
50
|
export * from './organisms/image-uploader';
|
|
50
51
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sCAAsC,CAAC;AACrD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AACrD,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -61,6 +61,7 @@ __exportStar(require("./organisms/tool-tip"), exports);
|
|
|
61
61
|
__exportStar(require("./organisms/filter-modal"), exports);
|
|
62
62
|
__exportStar(require("./organisms/dropdown-button"), exports);
|
|
63
63
|
__exportStar(require("./organisms/document-field"), exports);
|
|
64
|
+
__exportStar(require("./organisms/payment-card-fields"), exports);
|
|
64
65
|
__exportStar(require("./organisms/file-uploader"), exports);
|
|
65
66
|
__exportStar(require("./organisms/image-uploader"), exports);
|
|
66
67
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,mDAAiC;AACjC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AACpC,2DAAyC;AAGzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,6DAA2C;AAC3C,0DAAwC;AACxC,uEAAqD;AACrD,oEAAkD;AAClD,sEAAoD;AACpD,uEAAqD;AACrD,sDAAoC;AACpC,0DAAwC;AACxC,oDAAkC;AAClC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C;AAC3C,4DAA0C;AAC1C,6DAA2C"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,oDAAkC;AAClC,mDAAiC;AACjC,qDAAmC;AACnC,gDAA8B;AAC9B,qDAAmC;AACnC,iDAA+B;AAC/B,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,0DAAwC;AACxC,yDAAuC;AACvC,oEAAkD;AAClD,sDAAoC;AACpC,+CAA6B;AAC7B,sDAAoC;AACpC,6DAA2C;AAC3C,kDAAgC;AAChC,sDAAoC;AACpC,2DAAyC;AAGzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,+DAA6C;AAC7C,mEAAiD;AACjD,iEAA+C;AAC/C,qEAAmD;AACnD,oEAAkD;AAClD,qDAAmC;AACnC,8DAA4C;AAC5C,yDAAuC;AACvC,6DAA2C;AAC3C,0DAAwC;AACxC,uEAAqD;AACrD,oEAAkD;AAClD,sEAAoD;AACpD,uEAAqD;AACrD,sDAAoC;AACpC,0DAAwC;AACxC,oDAAkC;AAClC,wDAAsC;AACtC,yDAAuC;AACvC,uDAAqC;AACrC,6DAA2C;AAG3C,uDAAqC;AACrC,2DAAyC;AACzC,8DAA4C;AAC5C,6DAA2C;AAC3C,kEAAgD;AAChD,4DAA0C;AAC1C,6DAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-story-stubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,YAAY,EAEZ,aAAa,EACb,YAAY,EACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAmB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,CAAC,cAAc,SAAS,YAAY,IAAI;IAC1D,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C,CAAC;AAyDF,wBAAgB,sBAAsB,CAAC,cAAc,SAAS,YAAY,EACxE,MAAM,EAAE,eAAe,CAAC,cAAc,CAAC,GACtC,eAAe,CAAC,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"form-story-stubs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"AAGA,OAAO,EAIL,YAAY,EAEZ,aAAa,EACb,YAAY,EACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAmB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,eAAe,CAAC,cAAc,SAAS,YAAY,IAAI;IAC1D,aAAa,EAAE,cAAc,CAAC;IAC9B,gBAAgB,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC7C,CAAC;AAyDF,wBAAgB,sBAAsB,CAAC,cAAc,SAAS,YAAY,EACxE,MAAM,EAAE,eAAe,CAAC,cAAc,CAAC,GACtC,eAAe,CAAC,cAAc,CAAC,CA8EjC;AAED,MAAM,MAAM,UAAU,CAAC,cAAc,IAAI;IACvC,aAAa,EAAE,cAAc,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACnF,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,EAC1D,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GACpB,eAAe,CAAC,CAAC,CAAC,CAuFpB"}
|
|
@@ -5,6 +5,7 @@ exports.createMockFormikProps = createMockFormikProps;
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const yup_1 = require("yup");
|
|
7
7
|
function buildErrorsFromValidationError(validationError) {
|
|
8
|
+
var _a, _b;
|
|
8
9
|
const errors = {};
|
|
9
10
|
const errorsToProcess = validationError.inner.length > 0
|
|
10
11
|
? validationError.inner
|
|
@@ -14,14 +15,14 @@ function buildErrorsFromValidationError(validationError) {
|
|
|
14
15
|
continue;
|
|
15
16
|
const pathParts = singleError.path.split('.');
|
|
16
17
|
if (pathParts.length === 1) {
|
|
17
|
-
errors[pathParts[0]] = singleError.message;
|
|
18
|
+
errors[_a = pathParts[0]] ?? (errors[_a] = singleError.message);
|
|
18
19
|
}
|
|
19
20
|
else {
|
|
20
21
|
const [fieldName, subfieldName] = pathParts;
|
|
21
22
|
if (!errors[fieldName] || typeof errors[fieldName] === 'string') {
|
|
22
23
|
errors[fieldName] = {};
|
|
23
24
|
}
|
|
24
|
-
errors[fieldName][subfieldName] = singleError.message;
|
|
25
|
+
(_b = errors[fieldName])[subfieldName] ?? (_b[subfieldName] = singleError.message);
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
28
|
return errors;
|
|
@@ -63,6 +64,16 @@ function useReactiveFormikProps(config) {
|
|
|
63
64
|
await runValidation(nextValues);
|
|
64
65
|
}
|
|
65
66
|
},
|
|
67
|
+
setValues: async (nextValuesOrUpdater, shouldValidate) => {
|
|
68
|
+
const nextValues = typeof nextValuesOrUpdater === 'function'
|
|
69
|
+
? nextValuesOrUpdater(latestValuesRef.current)
|
|
70
|
+
: nextValuesOrUpdater;
|
|
71
|
+
setValuesState(nextValues);
|
|
72
|
+
latestValuesRef.current = nextValues;
|
|
73
|
+
if (shouldValidate !== false) {
|
|
74
|
+
await runValidation(nextValues);
|
|
75
|
+
}
|
|
76
|
+
},
|
|
66
77
|
setFieldTouched: async (field, isTouched = true, shouldValidate) => {
|
|
67
78
|
setTouchedState((previousTouched) => ({
|
|
68
79
|
...previousTouched,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-story-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":";;AAkFA,
|
|
1
|
+
{"version":3,"file":"form-story-stubs.js","sourceRoot":"","sources":["../../../../src/components/molecules/form/form-story-stubs.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,6 @@ const components_1 = require("../../../../components");
|
|
|
7
7
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
8
8
|
const components_2 = require("../../../../components");
|
|
9
9
|
exports.TextFieldInput = (0, react_1.forwardRef)(function TextFieldInput({ mask, maskOptions, isRequired, isDisabled, className, ...rest }, ref) {
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(components_1.BaseInput, { ref: ref, mask: mask, maskOptions: maskOptions, required: isRequired, disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex-grow py-4 px-4 bg-transparent text-gray-01', 'focus:outline-none', components_2.TextStyle[components_2.TextVariant.BODY], className), ...rest }));
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)(components_1.BaseInput, { ref: ref, mask: mask, maskOptions: maskOptions, required: isRequired, disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex-grow min-w-0 py-4 px-4 bg-transparent text-gray-01', 'focus:outline-none', components_2.TextStyle[components_2.TextVariant.BODY], className), ...rest }));
|
|
11
11
|
});
|
|
12
12
|
//# sourceMappingURL=text-field-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AACjE,uDAAgE;AAChE,qEAA4D;AAC5D,uDAAgE;AAYnD,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,SAAS,cAAc,CAC9D,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAuB,EACtF,GAAmC;IAEnC,OAAO,CACL,uBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,
|
|
1
|
+
{"version":3,"file":"text-field-input.js","sourceRoot":"","sources":["../../../../../src/components/molecules/text-field/components/text-field-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiE;AACjE,uDAAgE;AAChE,qEAA4D;AAC5D,uDAAgE;AAYnD,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,SAAS,cAAc,CAC9D,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,EAAuB,EACtF,GAAmC;IAEnC,OAAO,CACL,uBAAC,sBAAS,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,yDAAyD,EACzD,oBAAoB,EACpB,sBAAS,CAAC,wBAAW,CAAC,IAAI,CAAC,EAC3B,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAElB,iBAAiB,EAEjB,mBAAmB,EAEnB,oBAAoB,EAEpB,eAAe,EAGhB,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAElB,iBAAiB,EAEjB,mBAAmB,EAEnB,oBAAoB,EAEpB,eAAe,EAGhB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,OAAO,EACP,WAAW,EACX,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,YAAY,GACb,EAAE,KAAK,2CA0GP"}
|
|
@@ -5,6 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const tailwind_utils_1 = require("../../../../utils/tailwind-utils");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const components_1 = require("../../../../components");
|
|
8
|
+
const containers_1 = require("../../../../containers");
|
|
8
9
|
const filter_variant_1 = require("./filter-variant");
|
|
9
10
|
function Filter({ variant, caption, selectProps, checkBoxProps, datePickerProps, radioButtonProps, onChangeData, }) {
|
|
10
11
|
const [hasBlurred, setHasBlurred] = (0, react_1.useState)(false);
|
|
@@ -23,12 +24,12 @@ function Filter({ variant, caption, selectProps, checkBoxProps, datePickerProps,
|
|
|
23
24
|
containerClassName: (0, tailwind_utils_1.tailwind)('w-full', option.containerClassName),
|
|
24
25
|
})), errorText: !checkBoxProps.checkedData || checkBoxProps.checkedData.length === 0
|
|
25
26
|
? checkBoxProps.errorText
|
|
26
|
-
: undefined,
|
|
27
|
+
: undefined, inputWidth: containers_1.FormInputWidth.FULL, onCheckData: onChangeData })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})),
|
|
27
28
|
[filter_variant_1.FilterVariant.RADIO_BUTTON]: radioButtonProps ? ((0, jsx_runtime_1.jsx)(components_1.FormRadioButton, { ...radioButtonProps, data: radioButtonProps.data.map((option) => ({
|
|
28
29
|
...option,
|
|
29
30
|
labelClassName: (0, tailwind_utils_1.tailwind)('truncate', option.labelClassName),
|
|
30
31
|
containerClassName: (0, tailwind_utils_1.tailwind)('w-full', option.containerClassName),
|
|
31
|
-
})), errorText: !radioButtonProps.selectedData ? radioButtonProps.errorText : undefined,
|
|
32
|
+
})), errorText: !radioButtonProps.selectedData ? radioButtonProps.errorText : undefined, inputWidth: containers_1.FormInputWidth.FULL, onSelect: onChangeData })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})),
|
|
32
33
|
[filter_variant_1.FilterVariant.DATE_PICKER]: datePickerProps ? ((0, jsx_runtime_1.jsx)(components_1.FormDatePicker, { ...datePickerProps, numberOfMonths: 1, errorText: !datePickerProps.startDate && hasBlurred ? datePickerProps.errorText : undefined, mobileEndDateProps: {
|
|
33
34
|
...datePickerProps.mobileEndDateProps,
|
|
34
35
|
errorText: !datePickerProps.endDate && hasBlurredEndDate
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"filter.js","sourceRoot":"","sources":["../../../../../src/components/organisms/filter-modal/components/filter.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/organisms/payment-card-fields/components/payment-card-field-control.d.ts
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { FormRenderProps, MaskOptions } from '../../../../components';
|
|
3
|
+
import { FormInputWidth } from '../../../../containers';
|
|
4
|
+
import { PaymentCardCvvFieldContent, PaymentCardFieldName, PaymentCardFormValues } from '../payment-card-fields-types';
|
|
5
|
+
type Props<FormValuesType extends PaymentCardFormValues> = {
|
|
6
|
+
fieldName: PaymentCardFieldName;
|
|
7
|
+
content: PaymentCardCvvFieldContent;
|
|
8
|
+
formProps: FormRenderProps<FormValuesType>;
|
|
9
|
+
displayValue: string;
|
|
10
|
+
inputWidth: FormInputWidth;
|
|
11
|
+
isRequired: boolean;
|
|
12
|
+
isDisabled: boolean;
|
|
13
|
+
isShowingStoredCard: boolean;
|
|
14
|
+
autoComplete: string;
|
|
15
|
+
inputMode: HTMLAttributes<HTMLInputElement>['inputMode'];
|
|
16
|
+
maskOptions?: MaskOptions;
|
|
17
|
+
maxLength?: number;
|
|
18
|
+
leadingElement?: ReactNode;
|
|
19
|
+
inputRef: (input: HTMLInputElement | null) => void;
|
|
20
|
+
onReplaceStoredCard: (insertedText: string) => void;
|
|
21
|
+
onValueChange: (displayValue: string) => void;
|
|
22
|
+
onBlur: () => void;
|
|
23
|
+
};
|
|
24
|
+
export declare function PaymentCardFieldControl<FormValuesType extends PaymentCardFormValues>({ fieldName, content, formProps, displayValue, inputWidth, isRequired, isDisabled, isShowingStoredCard, autoComplete, inputMode, maskOptions, maxLength, leadingElement, inputRef, onReplaceStoredCard, onValueChange, onBlur, }: Props<FormValuesType>): JSX.Element;
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=payment-card-field-control.d.ts.map
|
package/dist/components/organisms/payment-card-fields/components/payment-card-field-control.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-field-control.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/payment-card-fields/components/payment-card-field-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,WAAW,EAAa,MAAM,wBAAwB,CAAC;AACjF,OAAO,EAAe,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,8BAA8B,CAAC;AAGtC,KAAK,KAAK,CAAC,cAAc,SAAS,qBAAqB,IAAI;IACzD,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,0BAA0B,CAAC;IACpC,SAAS,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;IACnD,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,cAAc,SAAS,qBAAqB,EAAE,EACpF,SAAS,EACT,OAAO,EACP,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,cAAc,EACd,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,MAAM,GACP,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC,OAAO,CAoDrC"}
|
package/dist/components/organisms/payment-card-fields/components/payment-card-field-control.js
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PaymentCardFieldControl = PaymentCardFieldControl;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("../../../../components");
|
|
6
|
+
const containers_1 = require("../../../../containers");
|
|
7
|
+
const stored_card_value_input_1 = require("./stored-card-value-input");
|
|
8
|
+
function PaymentCardFieldControl({ fieldName, content, formProps, displayValue, inputWidth, isRequired, isDisabled, isShowingStoredCard, autoComplete, inputMode, maskOptions, maxLength, leadingElement, inputRef, onReplaceStoredCard, onValueChange, onBlur, }) {
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(containers_1.FormControl, { label: content.label, helperText: content.helperText, toolTipProps: content.toolTipProps, formName: fieldName, formProps: formProps, inputWidth: inputWidth, isRequired: isRequired, isDisabled: isDisabled, errorText: formProps.errors[fieldName], children: ({ isErrorVisible, inputId, describedBy }) => isShowingStoredCard ? ((0, jsx_runtime_1.jsx)(stored_card_value_input_1.StoredCardValueInput, { id: inputId, name: fieldName, "aria-describedby": describedBy, type: "text", inputMode: inputMode, placeholder: content.placeholder, value: displayValue, isRequired: isRequired, isDisabled: isDisabled, leadingElement: leadingElement, onReplace: onReplaceStoredCard })) : ((0, jsx_runtime_1.jsx)(components_1.TextField, { ref: inputRef, id: inputId, name: fieldName, "aria-describedby": describedBy, type: "text", inputMode: inputMode, autoComplete: autoComplete, placeholder: content.placeholder, value: displayValue, maskOptions: maskOptions, maxLength: maxLength, isRequired: isRequired, isDisabled: isDisabled, isErrorVisible: isErrorVisible, leadingElement: leadingElement, onChange: (event) => onValueChange(event.target.value), onBlur: onBlur })) }));
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=payment-card-field-control.js.map
|
package/dist/components/organisms/payment-card-fields/components/payment-card-field-control.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-field-control.js","sourceRoot":"","sources":["../../../../../src/components/organisms/payment-card-fields/components/payment-card-field-control.tsx"],"names":[],"mappings":";;AA8BA,0DAsEC;;AAnGD,uDAAiF;AACjF,uDAAqE;AAMrE,uEAAiE;AAsBjE,SAAgB,uBAAuB,CAA+C,EACpF,SAAS,EACT,OAAO,EACP,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,cAAc,EACd,QAAQ,EACR,mBAAmB,EACnB,aAAa,EACb,MAAM,GACgB;IACtB,OAAO,CACL,uBAAC,wBAAW,IACV,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,UAAU,EAAE,OAAO,CAAC,UAAU,EAC9B,YAAY,EAAE,OAAO,CAAC,YAAY,EAClC,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,CAAuB,YAE3D,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAC5C,mBAAmB,CAAC,CAAC,CAAC,CACpB,uBAAC,8CAAoB,IACnB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,SAAS,sBACG,WAAW,EAC7B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,mBAAmB,GAC9B,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,sBAAS,IACR,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,SAAS,sBACG,WAAW,EAC7B,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,CAAC,KAAoC,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACrF,MAAM,EAAE,MAAM,GACd,CACH,GAES,CACf,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextFieldProps } from '../../../../components';
|
|
2
|
+
type Props = Omit<TextFieldProps, 'value' | 'onChange' | 'autoComplete' | 'mask' | 'maskOptions'> & {
|
|
3
|
+
value: string;
|
|
4
|
+
onReplace: (insertedText: string) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare function StoredCardValueInput({ value, onReplace, ...rest }: Props): JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=stored-card-value-input.d.ts.map
|
package/dist/components/organisms/payment-card-fields/components/stored-card-value-input.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stored-card-value-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/payment-card-fields/components/stored-card-value-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAEnE,KAAK,KAAK,GAAG,IAAI,CACf,cAAc,EACd,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,GAAG,aAAa,CAC/D,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA6BtF"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StoredCardValueInput = StoredCardValueInput;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const components_1 = require("../../../../components");
|
|
7
|
+
function StoredCardValueInput({ value, onReplace, ...rest }) {
|
|
8
|
+
const inputRef = (0, react_1.useRef)(null);
|
|
9
|
+
(0, react_1.useEffect)(() => {
|
|
10
|
+
const input = inputRef.current;
|
|
11
|
+
if (!input) {
|
|
12
|
+
return;
|
|
13
|
+
}
|
|
14
|
+
function handleBeforeInput(event) {
|
|
15
|
+
event.preventDefault();
|
|
16
|
+
onReplace(event.data ?? event.dataTransfer?.getData('text/plain') ?? '');
|
|
17
|
+
}
|
|
18
|
+
input.addEventListener('beforeinput', handleBeforeInput);
|
|
19
|
+
return () => input.removeEventListener('beforeinput', handleBeforeInput);
|
|
20
|
+
}, [onReplace]);
|
|
21
|
+
return ((0, jsx_runtime_1.jsx)(components_1.TextField, { ref: inputRef, value: value, autoComplete: "off", onChange: () => onReplace(''), ...rest }));
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=stored-card-value-input.js.map
|
package/dist/components/organisms/payment-card-fields/components/stored-card-value-input.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stored-card-value-input.js","sourceRoot":"","sources":["../../../../../src/components/organisms/payment-card-fields/components/stored-card-value-input.tsx"],"names":[],"mappings":";;AAWA,oDA6BC;;AAxCD,iCAA0C;AAC1C,uDAAmE;AAUnE,SAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAS;IACvE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,SAAS,iBAAiB,CAAC,KAAiB;YAC1C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;QAC3E,CAAC;QAED,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;IAC3E,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,uBAAC,sBAAS,IACR,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,KACzB,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.getCardBrand = void 0;
|
|
18
|
+
__exportStar(require("./payment-card-fields"), exports);
|
|
19
|
+
__exportStar(require("./payment-card-fields-types"), exports);
|
|
20
|
+
__exportStar(require("./payment-card-fields-validation"), exports);
|
|
21
|
+
var payment_card_detection_1 = require("./payment-card-detection");
|
|
22
|
+
Object.defineProperty(exports, "getCardBrand", { enumerable: true, get: function () { return payment_card_detection_1.getCardBrand; } });
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,wDAAsC;AACtC,8DAA4C;AAC5C,mEAAiD;AACjD,mEAAwD;AAA/C,sHAAA,YAAY,OAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { CardBrand } from './payment-card-fields-types';
|
|
2
|
+
export declare function getCardBrand(cardNumber: string): CardBrand | undefined;
|
|
3
|
+
export declare function getCardNumberMask(cardNumber: string): string;
|
|
4
|
+
export declare function getCvvLength(cardNumber: string): number;
|
|
5
|
+
//# sourceMappingURL=payment-card-detection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-detection.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-detection.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAQxD,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAQtE;AAED,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAU5D;AAED,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAEvD"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.getCardBrand = getCardBrand;
|
|
7
|
+
exports.getCardNumberMask = getCardNumberMask;
|
|
8
|
+
exports.getCvvLength = getCvvLength;
|
|
9
|
+
const card_validator_1 = __importDefault(require("card-validator"));
|
|
10
|
+
const payment_card_fields_constants_1 = require("./payment-card-fields-constants");
|
|
11
|
+
const payment_card_fields_types_1 = require("./payment-card-fields-types");
|
|
12
|
+
function detectCardType(cardNumber) {
|
|
13
|
+
return card_validator_1.default.number(cardNumber).card;
|
|
14
|
+
}
|
|
15
|
+
function getCardBrand(cardNumber) {
|
|
16
|
+
const detectedCardType = detectCardType(cardNumber);
|
|
17
|
+
if (!detectedCardType) {
|
|
18
|
+
return undefined;
|
|
19
|
+
}
|
|
20
|
+
return payment_card_fields_constants_1.CARD_BRAND_BY_DETECTED_TYPE[detectedCardType.type] ?? payment_card_fields_types_1.CardBrand.OTHER;
|
|
21
|
+
}
|
|
22
|
+
function getCardNumberMask(cardNumber) {
|
|
23
|
+
const detectedCardType = detectCardType(cardNumber);
|
|
24
|
+
const gaps = detectedCardType?.gaps ?? payment_card_fields_constants_1.DEFAULT_CARD_NUMBER_GAPS;
|
|
25
|
+
const maxLength = detectedCardType
|
|
26
|
+
? Math.max(...detectedCardType.lengths)
|
|
27
|
+
: payment_card_fields_constants_1.DEFAULT_CARD_NUMBER_MAX_LENGTH;
|
|
28
|
+
return Array.from({ length: maxLength }, (_, digitIndex) => gaps.includes(digitIndex) ? ' 0' : '0').join('');
|
|
29
|
+
}
|
|
30
|
+
function getCvvLength(cardNumber) {
|
|
31
|
+
return detectCardType(cardNumber)?.code.size ?? payment_card_fields_constants_1.DEFAULT_CVV_LENGTH;
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=payment-card-detection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-detection.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-detection.ts"],"names":[],"mappings":";;;;;AAeA,oCAQC;AAED,8CAUC;AAED,oCAEC;AAvCD,oEAA2C;AAC3C,mFAKyC;AACzC,2EAAwD;AAIxD,SAAS,cAAc,CAAC,UAAkB;IACxC,OAAO,wBAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;AAC/C,CAAC;AAED,SAAgB,YAAY,CAAC,UAAkB;IAC7C,MAAM,gBAAgB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IAEpD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,2DAA2B,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,qCAAS,CAAC,KAAK,CAAC;AAC/E,CAAC;AAED,SAAgB,iBAAiB,CAAC,UAAkB;IAClD,MAAM,gBAAgB,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,gBAAgB,EAAE,IAAI,IAAI,wDAAwB,CAAC;IAChE,MAAM,SAAS,GAAG,gBAAgB;QAChC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACvC,CAAC,CAAC,8DAA8B,CAAC;IAEnC,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CACzD,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CACvC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACb,CAAC;AAED,SAAgB,YAAY,CAAC,UAAkB;IAC7C,OAAO,cAAc,CAAC,UAAU,CAAC,EAAE,IAAI,CAAC,IAAI,IAAI,kDAAkB,CAAC;AACrE,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { IconSymbol, MaskOptions } from '../../../components';
|
|
2
|
+
import { CardBrand, PaymentCardFormValues } from './payment-card-fields-types';
|
|
3
|
+
export declare const CARDHOLDER_NAME_MIN_LENGTH = 5;
|
|
4
|
+
export declare const CARDHOLDER_NAME_MAX_LENGTH = 26;
|
|
5
|
+
export declare const DEFAULT_CARD_NUMBER_GAPS: number[];
|
|
6
|
+
export declare const DEFAULT_CARD_NUMBER_MAX_LENGTH = 19;
|
|
7
|
+
export declare const DEFAULT_CVV_LENGTH = 3;
|
|
8
|
+
export declare const STORED_CARD_NUMBER_PREFIX = "**** **** **** ";
|
|
9
|
+
export declare const EXPIRATION_DATE_PATTERN: RegExp;
|
|
10
|
+
export declare const EXPIRATION_DATE_VALUE_SEPARATOR = "/";
|
|
11
|
+
export declare const EXPIRATION_DATE_DISPLAY_SEPARATOR = " / ";
|
|
12
|
+
export declare const EXPIRATION_DATE_MASK_OPTIONS: MaskOptions;
|
|
13
|
+
export declare const EMPTY_PAYMENT_CARD_VALUES: PaymentCardFormValues;
|
|
14
|
+
export declare const CARD_BRAND_BY_DETECTED_TYPE: Record<string, CardBrand>;
|
|
15
|
+
export declare const CARD_BRAND_ICONS: Record<CardBrand, IconSymbol>;
|
|
16
|
+
//# sourceMappingURL=payment-card-fields-constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields-constants.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EACL,SAAS,EAET,qBAAqB,EACtB,MAAM,6BAA6B,CAAC;AAErC,eAAO,MAAM,0BAA0B,IAAI,CAAC;AAC5C,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAE7C,eAAO,MAAM,wBAAwB,UAAa,CAAC;AACnD,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,eAAO,MAAM,yBAAyB,oBAAoB,CAAC;AAE3D,eAAO,MAAM,uBAAuB,QAA6B,CAAC;AAElE,eAAO,MAAM,+BAA+B,MAAM,CAAC;AACnD,eAAO,MAAM,iCAAiC,QAAQ,CAAC;AAEvD,eAAO,MAAM,4BAA4B,EAAE,WAAiC,CAAC;AAE7E,eAAO,MAAM,yBAAyB,EAAE,qBAKvC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAKjE,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,UAAU,CAM1D,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CARD_BRAND_ICONS = exports.CARD_BRAND_BY_DETECTED_TYPE = exports.EMPTY_PAYMENT_CARD_VALUES = exports.EXPIRATION_DATE_MASK_OPTIONS = exports.EXPIRATION_DATE_DISPLAY_SEPARATOR = exports.EXPIRATION_DATE_VALUE_SEPARATOR = exports.EXPIRATION_DATE_PATTERN = exports.STORED_CARD_NUMBER_PREFIX = exports.DEFAULT_CVV_LENGTH = exports.DEFAULT_CARD_NUMBER_MAX_LENGTH = exports.DEFAULT_CARD_NUMBER_GAPS = exports.CARDHOLDER_NAME_MAX_LENGTH = exports.CARDHOLDER_NAME_MIN_LENGTH = void 0;
|
|
4
|
+
const components_1 = require("../../../components");
|
|
5
|
+
const payment_card_fields_types_1 = require("./payment-card-fields-types");
|
|
6
|
+
exports.CARDHOLDER_NAME_MIN_LENGTH = 5;
|
|
7
|
+
exports.CARDHOLDER_NAME_MAX_LENGTH = 26;
|
|
8
|
+
exports.DEFAULT_CARD_NUMBER_GAPS = [4, 8, 12];
|
|
9
|
+
exports.DEFAULT_CARD_NUMBER_MAX_LENGTH = 19;
|
|
10
|
+
exports.DEFAULT_CVV_LENGTH = 3;
|
|
11
|
+
exports.STORED_CARD_NUMBER_PREFIX = '**** **** **** ';
|
|
12
|
+
exports.EXPIRATION_DATE_PATTERN = /^(0[1-9]|1[0-2])\/\d{2}$/;
|
|
13
|
+
exports.EXPIRATION_DATE_VALUE_SEPARATOR = '/';
|
|
14
|
+
exports.EXPIRATION_DATE_DISPLAY_SEPARATOR = ' / ';
|
|
15
|
+
exports.EXPIRATION_DATE_MASK_OPTIONS = { mask: '00 / 00' };
|
|
16
|
+
exports.EMPTY_PAYMENT_CARD_VALUES = {
|
|
17
|
+
[payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD]: '',
|
|
18
|
+
[payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER]: '',
|
|
19
|
+
[payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE]: '',
|
|
20
|
+
[payment_card_fields_types_1.PaymentCardFieldName.CVV]: '',
|
|
21
|
+
};
|
|
22
|
+
exports.CARD_BRAND_BY_DETECTED_TYPE = {
|
|
23
|
+
visa: payment_card_fields_types_1.CardBrand.VISA,
|
|
24
|
+
mastercard: payment_card_fields_types_1.CardBrand.MASTERCARD,
|
|
25
|
+
'american-express': payment_card_fields_types_1.CardBrand.AMEX,
|
|
26
|
+
discover: payment_card_fields_types_1.CardBrand.DISCOVER,
|
|
27
|
+
};
|
|
28
|
+
exports.CARD_BRAND_ICONS = {
|
|
29
|
+
[payment_card_fields_types_1.CardBrand.VISA]: components_1.IconSymbol.VISA,
|
|
30
|
+
[payment_card_fields_types_1.CardBrand.MASTERCARD]: components_1.IconSymbol.MASTERCARD,
|
|
31
|
+
[payment_card_fields_types_1.CardBrand.AMEX]: components_1.IconSymbol.CREDIT_CARD,
|
|
32
|
+
[payment_card_fields_types_1.CardBrand.DISCOVER]: components_1.IconSymbol.CREDIT_CARD,
|
|
33
|
+
[payment_card_fields_types_1.CardBrand.OTHER]: components_1.IconSymbol.CREDIT_CARD,
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=payment-card-fields-constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields-constants.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-constants.ts"],"names":[],"mappings":";;;AAAA,oDAA8D;AAC9D,2EAIqC;AAExB,QAAA,0BAA0B,GAAG,CAAC,CAAC;AAC/B,QAAA,0BAA0B,GAAG,EAAE,CAAC;AAEhC,QAAA,wBAAwB,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;AACtC,QAAA,8BAA8B,GAAG,EAAE,CAAC;AACpC,QAAA,kBAAkB,GAAG,CAAC,CAAC;AAEvB,QAAA,yBAAyB,GAAG,iBAAiB,CAAC;AAE9C,QAAA,uBAAuB,GAAG,0BAA0B,CAAC;AAErD,QAAA,+BAA+B,GAAG,GAAG,CAAC;AACtC,QAAA,iCAAiC,GAAG,KAAK,CAAC;AAE1C,QAAA,4BAA4B,GAAgB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;AAEhE,QAAA,yBAAyB,GAA0B;IAC9D,CAAC,gDAAoB,CAAC,YAAY,CAAC,EAAE,EAAE;IACvC,CAAC,gDAAoB,CAAC,WAAW,CAAC,EAAE,EAAE;IACtC,CAAC,gDAAoB,CAAC,eAAe,CAAC,EAAE,EAAE;IAC1C,CAAC,gDAAoB,CAAC,GAAG,CAAC,EAAE,EAAE;CAC/B,CAAC;AAEW,QAAA,2BAA2B,GAA8B;IACpE,IAAI,EAAE,qCAAS,CAAC,IAAI;IACpB,UAAU,EAAE,qCAAS,CAAC,UAAU;IAChC,kBAAkB,EAAE,qCAAS,CAAC,IAAI;IAClC,QAAQ,EAAE,qCAAS,CAAC,QAAQ;CAC7B,CAAC;AAEW,QAAA,gBAAgB,GAAkC;IAC7D,CAAC,qCAAS,CAAC,IAAI,CAAC,EAAE,uBAAU,CAAC,IAAI;IACjC,CAAC,qCAAS,CAAC,UAAU,CAAC,EAAE,uBAAU,CAAC,UAAU;IAC7C,CAAC,qCAAS,CAAC,IAAI,CAAC,EAAE,uBAAU,CAAC,WAAW;IACxC,CAAC,qCAAS,CAAC,QAAQ,CAAC,EAAE,uBAAU,CAAC,WAAW;IAC5C,CAAC,qCAAS,CAAC,KAAK,CAAC,EAAE,uBAAU,CAAC,WAAW;CAC1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wCAAwC,+BAA+B,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PAYMENT_CARD_FIELDS_CONTAINER_CLASS_NAME = void 0;
|
|
4
|
+
exports.PAYMENT_CARD_FIELDS_CONTAINER_CLASS_NAME = 'flex flex-col gap-8 w-full';
|
|
5
|
+
//# sourceMappingURL=payment-card-fields-styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields-styles.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-styles.ts"],"names":[],"mappings":";;;AAAa,QAAA,wCAAwC,GAAG,4BAA4B,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { FormTooltipProps } from '../../../containers/form-control/form-control-types';
|
|
2
|
+
export declare enum CardBrand {
|
|
3
|
+
VISA = "VISA",
|
|
4
|
+
MASTERCARD = "MASTERCARD",
|
|
5
|
+
AMEX = "AMEX",
|
|
6
|
+
DISCOVER = "DISCOVER",
|
|
7
|
+
OTHER = "OTHER"
|
|
8
|
+
}
|
|
9
|
+
export declare enum PaymentCardFieldName {
|
|
10
|
+
NAME_ON_CARD = "nameOnCard",
|
|
11
|
+
CARD_NUMBER = "cardNumber",
|
|
12
|
+
EXPIRATION_DATE = "expirationDate",
|
|
13
|
+
CVV = "cvv"
|
|
14
|
+
}
|
|
15
|
+
export type PaymentCardFormValues = {
|
|
16
|
+
[PaymentCardFieldName.NAME_ON_CARD]: string;
|
|
17
|
+
[PaymentCardFieldName.CARD_NUMBER]: string;
|
|
18
|
+
[PaymentCardFieldName.EXPIRATION_DATE]: string;
|
|
19
|
+
[PaymentCardFieldName.CVV]: string;
|
|
20
|
+
};
|
|
21
|
+
export type StoredPaymentCard = {
|
|
22
|
+
lastDigits: string;
|
|
23
|
+
brand: CardBrand;
|
|
24
|
+
nameOnCard: string;
|
|
25
|
+
expirationDate: string;
|
|
26
|
+
};
|
|
27
|
+
export type PaymentCardFieldContent = {
|
|
28
|
+
label: string;
|
|
29
|
+
helperText?: string;
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
};
|
|
32
|
+
export type PaymentCardCvvFieldContent = PaymentCardFieldContent & {
|
|
33
|
+
toolTipProps?: FormTooltipProps;
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=payment-card-fields-types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields-types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAEvF,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,KAAK,UAAU;CAChB;AAED,oBAAY,oBAAoB;IAC9B,YAAY,eAAe;IAC3B,WAAW,eAAe;IAC1B,eAAe,mBAAmB;IAClC,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,CAAC,oBAAoB,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC5C,CAAC,oBAAoB,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC3C,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAC/C,CAAC,oBAAoB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,uBAAuB,GAAG;IACjE,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PaymentCardFieldName = exports.CardBrand = void 0;
|
|
4
|
+
var CardBrand;
|
|
5
|
+
(function (CardBrand) {
|
|
6
|
+
CardBrand["VISA"] = "VISA";
|
|
7
|
+
CardBrand["MASTERCARD"] = "MASTERCARD";
|
|
8
|
+
CardBrand["AMEX"] = "AMEX";
|
|
9
|
+
CardBrand["DISCOVER"] = "DISCOVER";
|
|
10
|
+
CardBrand["OTHER"] = "OTHER";
|
|
11
|
+
})(CardBrand || (exports.CardBrand = CardBrand = {}));
|
|
12
|
+
var PaymentCardFieldName;
|
|
13
|
+
(function (PaymentCardFieldName) {
|
|
14
|
+
PaymentCardFieldName["NAME_ON_CARD"] = "nameOnCard";
|
|
15
|
+
PaymentCardFieldName["CARD_NUMBER"] = "cardNumber";
|
|
16
|
+
PaymentCardFieldName["EXPIRATION_DATE"] = "expirationDate";
|
|
17
|
+
PaymentCardFieldName["CVV"] = "cvv";
|
|
18
|
+
})(PaymentCardFieldName || (exports.PaymentCardFieldName = PaymentCardFieldName = {}));
|
|
19
|
+
//# sourceMappingURL=payment-card-fields-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields-types.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-types.ts"],"names":[],"mappings":";;;AAEA,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,sCAAyB,CAAA;IACzB,0BAAa,CAAA;IACb,kCAAqB,CAAA;IACrB,4BAAe,CAAA;AACjB,CAAC,EANW,SAAS,yBAAT,SAAS,QAMpB;AAED,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,mDAA2B,CAAA;IAC3B,kDAA0B,CAAA;IAC1B,0DAAkC,CAAA;IAClC,mCAAW,CAAA;AACb,CAAC,EALW,oBAAoB,oCAApB,oBAAoB,QAK/B"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { CardBrand } from './payment-card-fields-types';
|
|
2
|
+
export type PaymentCardValidationMessages = {
|
|
3
|
+
nameOnCardRequired: string;
|
|
4
|
+
nameOnCardTooShort: string;
|
|
5
|
+
cardNumberRequired: string;
|
|
6
|
+
cardNumberIncomplete: string;
|
|
7
|
+
cardNumberInvalid: string;
|
|
8
|
+
cardBrandNotAccepted: string;
|
|
9
|
+
expirationDateRequired: string;
|
|
10
|
+
expirationDateInvalid: string;
|
|
11
|
+
expirationDateExpired: string;
|
|
12
|
+
cvvRequired: string;
|
|
13
|
+
cvvIncomplete: string;
|
|
14
|
+
};
|
|
15
|
+
export type PaymentCardValidationOptions = {
|
|
16
|
+
acceptedBrands: CardBrand[];
|
|
17
|
+
};
|
|
18
|
+
export declare function paymentCardValidationSchema(messages: PaymentCardValidationMessages, { acceptedBrands }: PaymentCardValidationOptions): {
|
|
19
|
+
nameOnCard: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
|
|
20
|
+
cardNumber: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
|
|
21
|
+
expirationDate: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
|
|
22
|
+
cvv: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=payment-card-fields-validation.d.ts.map
|