period-ui 0.7.2 → 0.9.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/badge/badge-styles.d.ts +1 -0
- package/dist/components/atoms/badge/badge-styles.d.ts.map +1 -1
- package/dist/components/atoms/badge/badge-styles.js +2 -1
- package/dist/components/atoms/badge/badge-styles.js.map +1 -1
- package/dist/components/atoms/badge/badge.d.ts.map +1 -1
- package/dist/components/atoms/badge/badge.js +2 -2
- package/dist/components/atoms/badge/badge.js.map +1 -1
- 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/atoms/check-box/check-box.js +1 -1
- package/dist/components/atoms/check-box/check-box.js.map +1 -1
- package/dist/components/atoms/drop-down-menu/components/menu-item.js +2 -2
- package/dist/components/atoms/drop-down-menu/components/menu-item.js.map +1 -1
- package/dist/components/atoms/progress-indicator/components/linear/linear.js +1 -1
- package/dist/components/atoms/progress-indicator/components/linear/linear.js.map +1 -1
- package/dist/components/atoms/radio-button/radio-button.js +1 -1
- package/dist/components/atoms/radio-button/radio-button.js.map +1 -1
- package/dist/components/atoms/segmented-button/components/segment-styles.d.ts +1 -0
- package/dist/components/atoms/segmented-button/components/segment-styles.d.ts.map +1 -1
- package/dist/components/atoms/segmented-button/components/segment-styles.js +2 -1
- package/dist/components/atoms/segmented-button/components/segment-styles.js.map +1 -1
- package/dist/components/atoms/segmented-button/components/segment.d.ts.map +1 -1
- package/dist/components/atoms/segmented-button/components/segment.js +1 -1
- package/dist/components/atoms/segmented-button/components/segment.js.map +1 -1
- package/dist/components/atoms/text/text.js +1 -1
- package/dist/components/atoms/text/text.js.map +1 -1
- package/dist/components/atoms/text-button/text-button.js +1 -1
- package/dist/components/atoms/text-button/text-button.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/accordion/components/accordion-item.js +1 -1
- package/dist/components/molecules/accordion/components/accordion-item.js.map +1 -1
- package/dist/components/molecules/callout/callout.d.ts.map +1 -1
- package/dist/components/molecules/callout/callout.js +1 -1
- package/dist/components/molecules/callout/callout.js.map +1 -1
- package/dist/components/molecules/empty-state/empty-state-styles.js +1 -1
- package/dist/components/molecules/empty-state/empty-state-styles.js.map +1 -1
- package/dist/components/molecules/empty-state/empty-state.d.ts.map +1 -1
- package/dist/components/molecules/empty-state/empty-state.js +1 -1
- package/dist/components/molecules/empty-state/empty-state.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/modal/modal.js +1 -1
- package/dist/components/molecules/modal/modal.js.map +1 -1
- package/dist/components/molecules/phone-field/phone-field.d.ts.map +1 -1
- package/dist/components/molecules/phone-field/phone-field.js +1 -1
- package/dist/components/molecules/phone-field/phone-field.js.map +1 -1
- package/dist/components/molecules/select/select.js +1 -1
- package/dist/components/molecules/select/select.js.map +1 -1
- package/dist/components/molecules/status-selector/status-selector.d.ts.map +1 -1
- package/dist/components/molecules/status-selector/status-selector.js +1 -1
- package/dist/components/molecules/status-selector/status-selector.js.map +1 -1
- package/dist/components/molecules/table/components/pagination/pagination-styles.d.ts +1 -0
- package/dist/components/molecules/table/components/pagination/pagination-styles.d.ts.map +1 -1
- package/dist/components/molecules/table/components/pagination/pagination-styles.js +1 -0
- package/dist/components/molecules/table/components/pagination/pagination-styles.js.map +1 -1
- package/dist/components/molecules/table/components/pagination/pagination.d.ts.map +1 -1
- package/dist/components/molecules/table/components/pagination/pagination.js +2 -2
- package/dist/components/molecules/table/components/pagination/pagination.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/file-uploader/components/drop-area.d.ts.map +1 -1
- package/dist/components/organisms/file-uploader/components/drop-area.js +1 -1
- package/dist/components/organisms/file-uploader/components/drop-area.js.map +1 -1
- package/dist/components/organisms/file-uploader/components/uploaded-file.d.ts.map +1 -1
- package/dist/components/organisms/file-uploader/components/uploaded-file.js +1 -1
- package/dist/components/organisms/file-uploader/components/uploaded-file.js.map +1 -1
- package/dist/components/organisms/file-uploader/components/uploading-file.d.ts.map +1 -1
- package/dist/components/organisms/file-uploader/components/uploading-file.js +1 -1
- package/dist/components/organisms/file-uploader/components/uploading-file.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 +4 -3
- package/dist/components/organisms/filter-modal/components/filter.js.map +1 -1
- package/dist/components/organisms/filter-modal/filter-default-state.d.ts +5 -0
- package/dist/components/organisms/filter-modal/filter-default-state.d.ts.map +1 -0
- package/dist/components/organisms/filter-modal/filter-default-state.js +57 -0
- package/dist/components/organisms/filter-modal/filter-default-state.js.map +1 -0
- package/dist/components/organisms/filter-modal/index.d.ts +1 -0
- package/dist/components/organisms/filter-modal/index.d.ts.map +1 -1
- package/dist/components/organisms/filter-modal/index.js +1 -0
- package/dist/components/organisms/filter-modal/index.js.map +1 -1
- package/dist/components/organisms/filter-modal/use-filter-modal.d.ts.map +1 -1
- package/dist/components/organisms/filter-modal/use-filter-modal.js +29 -77
- package/dist/components/organisms/filter-modal/use-filter-modal.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/tool-tip.d.ts.map +1 -1
- package/dist/components/organisms/tool-tip/tool-tip.js +1 -1
- package/dist/components/organisms/tool-tip/tool-tip.js.map +1 -1
- package/dist/containers/form-control/components/form-error.d.ts.map +1 -1
- package/dist/containers/form-control/components/form-error.js +1 -1
- package/dist/containers/form-control/components/form-error.js.map +1 -1
- package/dist/containers/form-control/components/form-helper.d.ts.map +1 -1
- package/dist/containers/form-control/components/form-helper.js +1 -2
- package/dist/containers/form-control/components/form-helper.js.map +1 -1
- package/dist/containers/form-control/form-control-types.d.ts +2 -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.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 +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10312 -9105
- package/package.json +2 -1
|
@@ -0,0 +1,65 @@
|
|
|
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.paymentCardValidationSchema = paymentCardValidationSchema;
|
|
30
|
+
const card_validator_1 = __importDefault(require("card-validator"));
|
|
31
|
+
const Yup = __importStar(require("yup"));
|
|
32
|
+
const payment_card_fields_constants_1 = require("./payment-card-fields-constants");
|
|
33
|
+
const payment_card_detection_1 = require("./payment-card-detection");
|
|
34
|
+
const payment_card_fields_types_1 = require("./payment-card-fields-types");
|
|
35
|
+
function isAcceptedBrand(cardNumber, acceptedBrands) {
|
|
36
|
+
const brand = (0, payment_card_detection_1.getCardBrand)(cardNumber);
|
|
37
|
+
if (!brand) {
|
|
38
|
+
return true;
|
|
39
|
+
}
|
|
40
|
+
return acceptedBrands.includes(brand);
|
|
41
|
+
}
|
|
42
|
+
function paymentCardValidationSchema(messages, { acceptedBrands }) {
|
|
43
|
+
return {
|
|
44
|
+
[payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD]: Yup.string()
|
|
45
|
+
.trim()
|
|
46
|
+
.required(messages.nameOnCardRequired)
|
|
47
|
+
.min(payment_card_fields_constants_1.CARDHOLDER_NAME_MIN_LENGTH, messages.nameOnCardTooShort),
|
|
48
|
+
[payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER]: Yup.string()
|
|
49
|
+
.required(messages.cardNumberRequired)
|
|
50
|
+
.test('card-brand-accepted', messages.cardBrandNotAccepted, (value) => isAcceptedBrand(value ?? '', acceptedBrands))
|
|
51
|
+
.test('card-number-invalid', messages.cardNumberInvalid, (value) => card_validator_1.default.number(value).isPotentiallyValid)
|
|
52
|
+
.test('card-number-complete', messages.cardNumberIncomplete, (value) => card_validator_1.default.number(value).isValid),
|
|
53
|
+
[payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE]: Yup.string()
|
|
54
|
+
.required(messages.expirationDateRequired)
|
|
55
|
+
.matches(payment_card_fields_constants_1.EXPIRATION_DATE_PATTERN, messages.expirationDateInvalid)
|
|
56
|
+
.test('expiration-date-not-expired', messages.expirationDateExpired, (value) => card_validator_1.default.expirationDate(value).isValid),
|
|
57
|
+
[payment_card_fields_types_1.PaymentCardFieldName.CVV]: Yup.string()
|
|
58
|
+
.required(messages.cvvRequired)
|
|
59
|
+
.test('cvv-complete', messages.cvvIncomplete, function validate(value) {
|
|
60
|
+
const cardNumber = this.parent[payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER] ?? '';
|
|
61
|
+
return (value ?? '').length === (0, payment_card_detection_1.getCvvLength)(cardNumber);
|
|
62
|
+
}),
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=payment-card-fields-validation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields-validation.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields-validation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,kEAwCC;AA7ED,oEAA2C;AAC3C,yCAA2B;AAC3B,mFAGyC;AACzC,qEAAsE;AACtE,2EAA8E;AAoB9E,SAAS,eAAe,CAAC,UAAkB,EAAE,cAA2B;IACtE,MAAM,KAAK,GAAG,IAAA,qCAAY,EAAC,UAAU,CAAC,CAAC;IAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AACxC,CAAC;AAED,SAAgB,2BAA2B,CACzC,QAAuC,EACvC,EAAE,cAAc,EAAgC;IAEhD,OAAO;QACL,CAAC,gDAAoB,CAAC,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE;aAC9C,IAAI,EAAE;aACN,QAAQ,CAAC,QAAQ,CAAC,kBAAkB,CAAC;aACrC,GAAG,CAAC,0DAA0B,EAAE,QAAQ,CAAC,kBAAkB,CAAC;QAC/D,CAAC,gDAAoB,CAAC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE;aAC7C,QAAQ,CAAC,QAAQ,CAAC,kBAAkB,CAAC;aACrC,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,oBAAoB,EAAE,CAAC,KAAK,EAAE,EAAE,CACpE,eAAe,CAAC,KAAK,IAAI,EAAE,EAAE,cAAc,CAAC,CAC7C;aACA,IAAI,CACH,qBAAqB,EACrB,QAAQ,CAAC,iBAAiB,EAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,wBAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAC1D;aACA,IAAI,CACH,sBAAsB,EACtB,QAAQ,CAAC,oBAAoB,EAC7B,CAAC,KAAK,EAAE,EAAE,CAAC,wBAAa,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO,CAC/C;QACH,CAAC,gDAAoB,CAAC,eAAe,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE;aACjD,QAAQ,CAAC,QAAQ,CAAC,sBAAsB,CAAC;aACzC,OAAO,CAAC,uDAAuB,EAAE,QAAQ,CAAC,qBAAqB,CAAC;aAChE,IAAI,CACH,6BAA6B,EAC7B,QAAQ,CAAC,qBAAqB,EAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,wBAAa,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,CACvD;QACH,CAAC,gDAAoB,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE;aACrC,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC;aAC9B,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,aAAa,EAAE,SAAS,QAAQ,CAAC,KAAK;YACnE,MAAM,UAAU,GAAI,IAAI,CAAC,MAAM,CAAC,gDAAoB,CAAC,WAAW,CAAY,IAAI,EAAE,CAAC;YAEnF,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,KAAK,IAAA,qCAAY,EAAC,UAAU,CAAC,CAAC;QAC3D,CAAC,CAAC;KACL,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FormRenderProps } from '../../../components';
|
|
2
|
+
import { PaymentCardCvvFieldContent, PaymentCardFieldContent, PaymentCardFormValues, StoredPaymentCard } from './payment-card-fields-types';
|
|
3
|
+
type Props<FormValuesType extends PaymentCardFormValues> = {
|
|
4
|
+
formProps: FormRenderProps<FormValuesType>;
|
|
5
|
+
nameOnCardField: PaymentCardFieldContent;
|
|
6
|
+
cardNumberField: PaymentCardFieldContent;
|
|
7
|
+
expirationDateField: PaymentCardFieldContent;
|
|
8
|
+
cvvField: PaymentCardCvvFieldContent;
|
|
9
|
+
storedCard?: StoredPaymentCard;
|
|
10
|
+
isRequired?: boolean;
|
|
11
|
+
isDisabled?: boolean;
|
|
12
|
+
containerClassName?: string;
|
|
13
|
+
};
|
|
14
|
+
export declare function FormPaymentCardFields<FormValuesType extends PaymentCardFormValues>({ formProps, nameOnCardField, cardNumberField, expirationDateField, cvvField, storedCard, isRequired, isDisabled, containerClassName, }: Props<FormValuesType>): JSX.Element;
|
|
15
|
+
export type { Props as FormPaymentCardFieldsProps };
|
|
16
|
+
//# sourceMappingURL=payment-card-fields.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,eAAe,EAAwB,MAAM,qBAAqB,CAAC;AASvF,OAAO,EACL,0BAA0B,EAC1B,uBAAuB,EAEvB,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAGrC,KAAK,KAAK,CAAC,cAAc,SAAS,qBAAqB,IAAI;IACzD,SAAS,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC3C,eAAe,EAAE,uBAAuB,CAAC;IACzC,eAAe,EAAE,uBAAuB,CAAC;IACzC,mBAAmB,EAAE,uBAAuB,CAAC;IAC7C,QAAQ,EAAE,0BAA0B,CAAC;IACrC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,cAAc,SAAS,qBAAqB,EAAE,EAClF,SAAS,EACT,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,UAAiB,EACjB,UAAkB,EAClB,kBAAkB,GACnB,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,GAAG,CAAC,OAAO,CA8FrC;AAED,YAAY,EAAE,KAAK,IAAI,0BAA0B,EAAE,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FormPaymentCardFields = FormPaymentCardFields;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const components_1 = require("../../../components");
|
|
6
|
+
const containers_1 = require("../../../containers");
|
|
7
|
+
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
8
|
+
const payment_card_field_control_1 = require("./components/payment-card-field-control");
|
|
9
|
+
const payment_card_fields_constants_1 = require("./payment-card-fields-constants");
|
|
10
|
+
const payment_card_fields_styles_1 = require("./payment-card-fields-styles");
|
|
11
|
+
const payment_card_fields_types_1 = require("./payment-card-fields-types");
|
|
12
|
+
const use_payment_card_fields_1 = require("./use-payment-card-fields");
|
|
13
|
+
function FormPaymentCardFields({ formProps, nameOnCardField, cardNumberField, expirationDateField, cvvField, storedCard, isRequired = true, isDisabled = false, containerClassName, }) {
|
|
14
|
+
const { displayValues, storedCard: storedCardState, cardNumber, cvv, entry, } = (0, use_payment_card_fields_1.usePaymentCardFields)({
|
|
15
|
+
formProps,
|
|
16
|
+
storedCard,
|
|
17
|
+
});
|
|
18
|
+
const sharedControlProps = {
|
|
19
|
+
formProps,
|
|
20
|
+
isRequired,
|
|
21
|
+
isDisabled,
|
|
22
|
+
isShowingStoredCard: storedCardState.isShowing,
|
|
23
|
+
};
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)(payment_card_fields_styles_1.PAYMENT_CARD_FIELDS_CONTAINER_CLASS_NAME, containerClassName), children: [(0, jsx_runtime_1.jsx)(payment_card_field_control_1.PaymentCardFieldControl, { ...sharedControlProps, fieldName: payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD, inputWidth: containers_1.FormInputWidth.THREE_COLUMN, content: nameOnCardField, displayValue: displayValues[payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD], autoComplete: "cc-name", inputMode: "text", maxLength: payment_card_fields_constants_1.CARDHOLDER_NAME_MAX_LENGTH, inputRef: entry.registerInput(payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD), onReplaceStoredCard: (insertedText) => storedCardState.replace(payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD, insertedText), onValueChange: (value) => entry.handleValueChange(payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD, value), onBlur: () => entry.handleBlur(payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD) }), (0, jsx_runtime_1.jsx)(payment_card_field_control_1.PaymentCardFieldControl, { ...sharedControlProps, fieldName: payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER, inputWidth: containers_1.FormInputWidth.THREE_COLUMN, content: cardNumberField, displayValue: displayValues[payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER], autoComplete: "cc-number", inputMode: "numeric", maskOptions: cardNumber.maskOptions, leadingElement: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: cardNumber.brandIcon, size: components_1.IconSize.XL }), inputRef: entry.registerInput(payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER), onReplaceStoredCard: (insertedText) => storedCardState.replace(payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER, insertedText), onValueChange: (value) => entry.handleValueChange(payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER, value), onBlur: () => entry.handleBlur(payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER) }), (0, jsx_runtime_1.jsx)(payment_card_field_control_1.PaymentCardFieldControl, { ...sharedControlProps, fieldName: payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE, inputWidth: containers_1.FormInputWidth.ONE_COLUMN, content: expirationDateField, displayValue: displayValues[payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE], autoComplete: "cc-exp", inputMode: "numeric", maskOptions: payment_card_fields_constants_1.EXPIRATION_DATE_MASK_OPTIONS, inputRef: entry.registerInput(payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE), onReplaceStoredCard: (insertedText) => storedCardState.replace(payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE, insertedText), onValueChange: (value) => entry.handleValueChange(payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE, value), onBlur: () => entry.handleBlur(payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE) }), (0, jsx_runtime_1.jsx)(payment_card_field_control_1.PaymentCardFieldControl, { ...sharedControlProps, fieldName: payment_card_fields_types_1.PaymentCardFieldName.CVV, inputWidth: containers_1.FormInputWidth.ONE_COLUMN, content: cvvField, displayValue: displayValues[payment_card_fields_types_1.PaymentCardFieldName.CVV], autoComplete: "cc-csc", inputMode: "numeric", maskOptions: cvv.maskOptions, leadingElement: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.LOCK, size: components_1.IconSize.XL }), inputRef: entry.registerInput(payment_card_fields_types_1.PaymentCardFieldName.CVV), onReplaceStoredCard: (insertedText) => storedCardState.replace(payment_card_fields_types_1.PaymentCardFieldName.CVV, insertedText), onValueChange: (value) => entry.handleValueChange(payment_card_fields_types_1.PaymentCardFieldName.CVV, value), onBlur: () => entry.handleBlur(payment_card_fields_types_1.PaymentCardFieldName.CVV) })] }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=payment-card-fields.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-fields.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-fields.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare function toExpirationDateDisplay(expirationDate: string): string;
|
|
2
|
+
export declare function toExpirationDateValue(displayedExpirationDate: string): string;
|
|
3
|
+
export declare function toStoredCardNumberDisplay(lastDigits: string): string;
|
|
4
|
+
//# sourceMappingURL=payment-card-format.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-format.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-format.ts"],"names":[],"mappings":"AAMA,wBAAgB,uBAAuB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,wBAAgB,qBAAqB,CAAC,uBAAuB,EAAE,MAAM,GAAG,MAAM,CAE7E;AAED,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAEpE"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.toExpirationDateDisplay = toExpirationDateDisplay;
|
|
4
|
+
exports.toExpirationDateValue = toExpirationDateValue;
|
|
5
|
+
exports.toStoredCardNumberDisplay = toStoredCardNumberDisplay;
|
|
6
|
+
const payment_card_fields_constants_1 = require("./payment-card-fields-constants");
|
|
7
|
+
function toExpirationDateDisplay(expirationDate) {
|
|
8
|
+
return expirationDate.replace(payment_card_fields_constants_1.EXPIRATION_DATE_VALUE_SEPARATOR, payment_card_fields_constants_1.EXPIRATION_DATE_DISPLAY_SEPARATOR);
|
|
9
|
+
}
|
|
10
|
+
function toExpirationDateValue(displayedExpirationDate) {
|
|
11
|
+
return displayedExpirationDate.replace(/\s/g, '');
|
|
12
|
+
}
|
|
13
|
+
function toStoredCardNumberDisplay(lastDigits) {
|
|
14
|
+
return `${payment_card_fields_constants_1.STORED_CARD_NUMBER_PREFIX}${lastDigits}`;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=payment-card-format.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"payment-card-format.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/payment-card-format.ts"],"names":[],"mappings":";;AAMA,0DAEC;AAED,sDAEC;AAED,8DAEC;AAhBD,mFAIyC;AAEzC,SAAgB,uBAAuB,CAAC,cAAsB;IAC5D,OAAO,cAAc,CAAC,OAAO,CAAC,+DAA+B,EAAE,iEAAiC,CAAC,CAAC;AACpG,CAAC;AAED,SAAgB,qBAAqB,CAAC,uBAA+B;IACnE,OAAO,uBAAuB,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AACpD,CAAC;AAED,SAAgB,yBAAyB,CAAC,UAAkB;IAC1D,OAAO,GAAG,yDAAyB,GAAG,UAAU,EAAE,CAAC;AACrD,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { FormRenderProps, IconSymbol, MaskOptions } from '../../../components';
|
|
2
|
+
import { PaymentCardFieldName, PaymentCardFormValues, StoredPaymentCard } from './payment-card-fields-types';
|
|
3
|
+
export type UsePaymentCardFieldsParams<FormValuesType extends PaymentCardFormValues> = {
|
|
4
|
+
formProps: FormRenderProps<FormValuesType>;
|
|
5
|
+
storedCard?: StoredPaymentCard;
|
|
6
|
+
};
|
|
7
|
+
export type UsePaymentCardFieldsResult = {
|
|
8
|
+
displayValues: PaymentCardFormValues;
|
|
9
|
+
storedCard: {
|
|
10
|
+
isShowing: boolean;
|
|
11
|
+
replace: (fieldName: PaymentCardFieldName, insertedText: string) => void;
|
|
12
|
+
};
|
|
13
|
+
cardNumber: {
|
|
14
|
+
maskOptions: MaskOptions;
|
|
15
|
+
brandIcon: IconSymbol;
|
|
16
|
+
};
|
|
17
|
+
cvv: {
|
|
18
|
+
maskOptions: MaskOptions;
|
|
19
|
+
};
|
|
20
|
+
entry: {
|
|
21
|
+
registerInput: (fieldName: PaymentCardFieldName) => (input: HTMLInputElement | null) => void;
|
|
22
|
+
handleValueChange: (fieldName: PaymentCardFieldName, displayValue: string) => void;
|
|
23
|
+
handleBlur: (fieldName: PaymentCardFieldName) => void;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export declare function usePaymentCardFields<FormValuesType extends PaymentCardFormValues>({ formProps, storedCard, }: UsePaymentCardFieldsParams<FormValuesType>): UsePaymentCardFieldsResult;
|
|
27
|
+
//# sourceMappingURL=use-payment-card-fields.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-payment-card-fields.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/use-payment-card-fields.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAY/E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EACrB,iBAAiB,EAClB,MAAM,6BAA6B,CAAC;AAOrC,MAAM,MAAM,0BAA0B,CAAC,cAAc,SAAS,qBAAqB,IAAI;IACrF,SAAS,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,qBAAqB,CAAC;IACrC,UAAU,EAAE;QACV,SAAS,EAAE,OAAO,CAAC;QACnB,OAAO,EAAE,CAAC,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;KAC1E,CAAC;IACF,UAAU,EAAE;QACV,WAAW,EAAE,WAAW,CAAC;QACzB,SAAS,EAAE,UAAU,CAAC;KACvB,CAAC;IACF,GAAG,EAAE;QACH,WAAW,EAAE,WAAW,CAAC;KAC1B,CAAC;IACF,KAAK,EAAE;QACL,aAAa,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;QAC7F,iBAAiB,EAAE,CAAC,SAAS,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;QACnF,UAAU,EAAE,CAAC,SAAS,EAAE,oBAAoB,KAAK,IAAI,CAAC;KACvD,CAAC;CACH,CAAC;AAuCF,wBAAgB,oBAAoB,CAAC,cAAc,SAAS,qBAAqB,EAAE,EACjF,SAAS,EACT,UAAU,GACX,EAAE,0BAA0B,CAAC,cAAc,CAAC,GAAG,0BAA0B,CAwFzE"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.usePaymentCardFields = usePaymentCardFields;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const components_1 = require("../../../components");
|
|
6
|
+
const payment_card_fields_constants_1 = require("./payment-card-fields-constants");
|
|
7
|
+
const payment_card_detection_1 = require("./payment-card-detection");
|
|
8
|
+
const payment_card_format_1 = require("./payment-card-format");
|
|
9
|
+
const payment_card_fields_types_1 = require("./payment-card-fields-types");
|
|
10
|
+
function getStoredCardKey(storedCard) {
|
|
11
|
+
return [
|
|
12
|
+
storedCard.lastDigits,
|
|
13
|
+
storedCard.brand,
|
|
14
|
+
storedCard.nameOnCard,
|
|
15
|
+
storedCard.expirationDate,
|
|
16
|
+
].join('|');
|
|
17
|
+
}
|
|
18
|
+
function getStoredCardDisplayValues(storedCard) {
|
|
19
|
+
return {
|
|
20
|
+
[payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD]: storedCard.nameOnCard,
|
|
21
|
+
[payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER]: (0, payment_card_format_1.toStoredCardNumberDisplay)(storedCard.lastDigits),
|
|
22
|
+
[payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE]: (0, payment_card_format_1.toExpirationDateDisplay)(storedCard.expirationDate),
|
|
23
|
+
[payment_card_fields_types_1.PaymentCardFieldName.CVV]: '',
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
function getEntryDisplayValues(values) {
|
|
27
|
+
return {
|
|
28
|
+
[payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD]: values[payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD],
|
|
29
|
+
[payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER]: values[payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER],
|
|
30
|
+
[payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE]: (0, payment_card_format_1.toExpirationDateDisplay)(values[payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE]),
|
|
31
|
+
[payment_card_fields_types_1.PaymentCardFieldName.CVV]: values[payment_card_fields_types_1.PaymentCardFieldName.CVV],
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
function toFormValue(fieldName, displayValue) {
|
|
35
|
+
if (fieldName === payment_card_fields_types_1.PaymentCardFieldName.EXPIRATION_DATE) {
|
|
36
|
+
return (0, payment_card_format_1.toExpirationDateValue)(displayValue);
|
|
37
|
+
}
|
|
38
|
+
return displayValue;
|
|
39
|
+
}
|
|
40
|
+
function usePaymentCardFields({ formProps, storedCard, }) {
|
|
41
|
+
const [replacement, setReplacement] = (0, react_1.useState)();
|
|
42
|
+
const entryInputsRef = (0, react_1.useRef)({});
|
|
43
|
+
const storedCardKey = storedCard ? getStoredCardKey(storedCard) : undefined;
|
|
44
|
+
const isShowingStoredCard = storedCardKey !== undefined && storedCardKey !== replacement?.storedCardKey;
|
|
45
|
+
const enteredCardNumber = formProps.values[payment_card_fields_types_1.PaymentCardFieldName.CARD_NUMBER];
|
|
46
|
+
const brand = isShowingStoredCard ? storedCard?.brand : (0, payment_card_detection_1.getCardBrand)(enteredCardNumber);
|
|
47
|
+
(0, react_1.useEffect)(() => {
|
|
48
|
+
if (!replacement) {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
const replacedInput = entryInputsRef.current[replacement.fieldName];
|
|
52
|
+
if (!replacedInput) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
replacedInput.focus();
|
|
56
|
+
const valueLength = replacedInput.value.length;
|
|
57
|
+
replacedInput.setSelectionRange(valueLength, valueLength);
|
|
58
|
+
}, [replacement]);
|
|
59
|
+
function replaceStoredCard(fieldName, insertedText) {
|
|
60
|
+
if (!storedCardKey) {
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
const initialFieldValue = fieldName === payment_card_fields_types_1.PaymentCardFieldName.NAME_ON_CARD
|
|
64
|
+
? insertedText.slice(0, payment_card_fields_constants_1.CARDHOLDER_NAME_MAX_LENGTH)
|
|
65
|
+
: toFormValue(fieldName, insertedText);
|
|
66
|
+
setReplacement({ storedCardKey, fieldName });
|
|
67
|
+
void formProps.setValues({
|
|
68
|
+
...formProps.values,
|
|
69
|
+
...payment_card_fields_constants_1.EMPTY_PAYMENT_CARD_VALUES,
|
|
70
|
+
[fieldName]: initialFieldValue,
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
function registerInput(fieldName) {
|
|
74
|
+
return (input) => {
|
|
75
|
+
entryInputsRef.current[fieldName] = input;
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
function handleValueChange(fieldName, displayValue) {
|
|
79
|
+
const value = toFormValue(fieldName, displayValue);
|
|
80
|
+
if (value === formProps.values[fieldName]) {
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
void formProps.setFieldValue(fieldName, value);
|
|
84
|
+
}
|
|
85
|
+
function handleBlur(fieldName) {
|
|
86
|
+
void formProps.setFieldTouched(fieldName, true, true);
|
|
87
|
+
}
|
|
88
|
+
return {
|
|
89
|
+
displayValues: isShowingStoredCard && storedCard
|
|
90
|
+
? getStoredCardDisplayValues(storedCard)
|
|
91
|
+
: getEntryDisplayValues(formProps.values),
|
|
92
|
+
storedCard: {
|
|
93
|
+
isShowing: isShowingStoredCard,
|
|
94
|
+
replace: replaceStoredCard,
|
|
95
|
+
},
|
|
96
|
+
cardNumber: {
|
|
97
|
+
maskOptions: { mask: (0, payment_card_detection_1.getCardNumberMask)(enteredCardNumber), unmask: true },
|
|
98
|
+
brandIcon: brand ? payment_card_fields_constants_1.CARD_BRAND_ICONS[brand] : components_1.IconSymbol.CREDIT_CARD,
|
|
99
|
+
},
|
|
100
|
+
cvv: {
|
|
101
|
+
maskOptions: { mask: '0'.repeat((0, payment_card_detection_1.getCvvLength)(enteredCardNumber)) },
|
|
102
|
+
},
|
|
103
|
+
entry: {
|
|
104
|
+
registerInput,
|
|
105
|
+
handleValueChange,
|
|
106
|
+
handleBlur,
|
|
107
|
+
},
|
|
108
|
+
};
|
|
109
|
+
}
|
|
110
|
+
//# sourceMappingURL=use-payment-card-fields.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-payment-card-fields.js","sourceRoot":"","sources":["../../../../src/components/organisms/payment-card-fields/use-payment-card-fields.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAC7C,OAAO,EAIL,SAAS,EACT,QAAQ,EACR,UAAU,EAIV,eAAe,EAGf,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAsB,EACtB,WAAiC,EACjC,QAAoC,EACpC,iBAAwB,EACxB,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"tool-tip.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAC7C,OAAO,EAIL,SAAS,EACT,QAAQ,EACR,UAAU,EAIV,eAAe,EAGf,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;QAChB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,eAAsB,EACtB,WAAiC,EACjC,QAAoC,EACpC,iBAAwB,EACxB,OAAkB,GACnB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CA2FrB;AAED,YAAY,EAAE,KAAK,IAAI,YAAY,EAAE,CAAC"}
|
|
@@ -14,6 +14,6 @@ function Tooltip({ text, children, iconProps, textClassName, arrowClassName, und
|
|
|
14
14
|
modalOnlyOnMobile,
|
|
15
15
|
onClick,
|
|
16
16
|
});
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [isFilledTooltip ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { ref: buttonRef, isFocusable: false, isClickable: false, onClick: handleOnClick, onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, variant: components_1.IconButtonVariant.FILLED, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.X, ...iconProps, className: (0, tailwind_utils_1.tailwind)('self-center outline-none focus-visible:none m-1', iconProps?.className) })) : ((0, jsx_runtime_1.jsx)("button", { ref: buttonRef, type: "button", onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, onClick: handleOnClick, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px] outline-none inline-flex items-center justify-center'), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.INFO_FILLED, color: components_1.IconColor.BLUE_01, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, ...iconProps }) })), isModalTooltip && modalTooltipTitle ? ((0, jsx_runtime_1.jsxs)(components_1.Modal, { mobileFullScreen: false, title: modalTooltipTitle, variant: components_1.ModalVariant.INFO, isOpen: isMessageVisible && isMessageShowed, onClose: closeTooltip, children: [(0, jsx_runtime_1.jsx)(components_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY,
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "relative inline-block", children: [isFilledTooltip ? ((0, jsx_runtime_1.jsx)(components_1.IconButton, { ref: buttonRef, isFocusable: false, isClickable: false, onClick: handleOnClick, onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, variant: components_1.IconButtonVariant.FILLED, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, icon: components_1.IconSymbol.X, ...iconProps, className: (0, tailwind_utils_1.tailwind)('self-center outline-none focus-visible:none m-1', iconProps?.className) })) : ((0, jsx_runtime_1.jsx)("button", { ref: buttonRef, type: "button", onFocus: !isModalTooltip ? openTooltip : undefined, onBlur: !isModalTooltip ? closeTooltip : undefined, onClick: handleOnClick, onPointerEnter: pointerActionEnabled ? openTooltip : undefined, onPointerLeave: pointerActionEnabled ? closeTooltip : undefined, className: (0, tailwind_utils_1.tailwind)('w-[24px] h-[24px] outline-none inline-flex items-center justify-center'), children: (0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.INFO_FILLED, color: components_1.IconColor.BLUE_01, size: isMobile ? components_1.IconSize.LG : components_1.IconSize.XL, ...iconProps }) })), isModalTooltip && modalTooltipTitle ? ((0, jsx_runtime_1.jsxs)(components_1.Modal, { mobileFullScreen: false, title: modalTooltipTitle, variant: components_1.ModalVariant.INFO, isOpen: isMessageVisible && isMessageShowed, onClose: closeTooltip, children: [(0, jsx_runtime_1.jsx)(components_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY, children: text ?? children }) }), (0, jsx_runtime_1.jsx)(components_1.Modal.Footer, { primaryButton: { children: understoodLabel, onClick: closeTooltip } })] })) : ((0, jsx_runtime_1.jsx)(components_1.PopOver, { text: text, position: position, arrowClassName: arrowClassName, textClassName: textClassName, containerClassName: containerClassName, isVisible: isMessageVisible && isMessageShowed, onPointerEnter: !isMobile ? openTooltip : undefined, onPointerLeave: !isMobile ? closeTooltip : undefined, children: children }))] }));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=tool-tip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":";;AAyCA,
|
|
1
|
+
{"version":3,"file":"tool-tip.js","sourceRoot":"","sources":["../../../../src/components/organisms/tool-tip/tool-tip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-error.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-error.tsx"],"names":[],"mappings":"AAWA,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"form-error.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-error.tsx"],"names":[],"mappings":"AAWA,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,cAAc,2CAkBrE"}
|
|
@@ -5,6 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const components_1 = require("../../../components");
|
|
6
6
|
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
7
|
function FormError({ errorText, className, id }) {
|
|
8
|
-
return ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "alert", className: (0, tailwind_utils_1.tailwind)('flex flex-row justify-start items-start', className), children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ALERT_FILLED, size: components_1.IconSize.SM, color: components_1.IconColor.RED_01, className: (0, tailwind_utils_1.tailwind)('mr-1 leading-[16px] md:leading-[21px]') }), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.RED,
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "alert", className: (0, tailwind_utils_1.tailwind)('flex flex-row justify-start items-start', className), children: [(0, jsx_runtime_1.jsx)(components_1.BilloIcon, { icon: components_1.IconSymbol.ALERT_FILLED, size: components_1.IconSize.SM, color: components_1.IconColor.RED_01, className: (0, tailwind_utils_1.tailwind)('mr-1 leading-[16px] md:leading-[21px]') }), (0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, color: components_1.TextColors.RED, children: errorText })] }));
|
|
9
9
|
}
|
|
10
10
|
//# sourceMappingURL=form-error.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-error.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-error.tsx"],"names":[],"mappings":";;AAiBA,
|
|
1
|
+
{"version":3,"file":"form-error.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-error.tsx"],"names":[],"mappings":";;AAiBA,8BAkBC;;AAnCD,oDAQ6B;AAC7B,kEAAyD;AAQzD,SAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAkB;IACpE,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,yBAAQ,EAAC,yCAAyC,EAAE,SAAS,CAAC,aAEzE,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,YAAY,EAC7B,IAAI,EAAE,qBAAQ,CAAC,EAAE,EACjB,KAAK,EAAE,sBAAS,CAAC,MAAM,EACvB,SAAS,EAAE,IAAA,yBAAQ,EAAC,uCAAuC,CAAC,GAC5D,EACF,uBAAC,iBAAI,IAAC,OAAO,EAAE,wBAAW,CAAC,MAAM,EAAE,KAAK,EAAE,uBAAU,CAAC,GAAG,YACrD,SAAS,GACL,IACH,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-helper.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-helper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAe,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"form-helper.d.ts","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-helper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAe,MAAM,qBAAqB,CAAC;AAEpE,KAAK,KAAK,GAAG;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAA2B,EAAE,EAAE,EAAE,EAAE,KAAK,2CAM3F"}
|
|
@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.FormHelper = FormHelper;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const components_1 = require("../../../components");
|
|
6
|
-
const tailwind_utils_1 = require("../../../utils/tailwind-utils");
|
|
7
6
|
function FormHelper({ helperText, className, color = components_1.TextColors.BLACK_02, id }) {
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)(components_1.Text, { id: id, variant: components_1.TextVariant.HELPER, color: color, className:
|
|
7
|
+
return ((0, jsx_runtime_1.jsx)(components_1.Text, { id: id, variant: components_1.TextVariant.HELPER, color: color, className: className, children: helperText }));
|
|
9
8
|
}
|
|
10
9
|
//# sourceMappingURL=form-helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-helper.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-helper.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"form-helper.js","sourceRoot":"","sources":["../../../../src/containers/form-control/components/form-helper.tsx"],"names":[],"mappings":";;AASA,gCAMC;;AAfD,oDAAoE;AASpE,SAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAG,uBAAU,CAAC,QAAQ,EAAE,EAAE,EAAS;IAC1F,OAAO,CACL,uBAAC,iBAAI,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,wBAAW,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YAC1E,UAAU,GACN,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -4,7 +4,8 @@ export declare enum FormInputWidth {
|
|
|
4
4
|
THREE_COLUMN = "THREE_COLUMN",
|
|
5
5
|
FOUR_COLUMN = "FOUR_COLUMN",
|
|
6
6
|
FIVE_COLUMN = "FIVE_COLUMN",
|
|
7
|
-
SIX_COLUMN = "SIX_COLUMN"
|
|
7
|
+
SIX_COLUMN = "SIX_COLUMN",
|
|
8
|
+
FULL = "FULL"
|
|
8
9
|
}
|
|
9
10
|
export declare const FormInputWidthClassNames: {
|
|
10
11
|
[type in FormInputWidth]: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control-types.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control-types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,UAAU,eAAe;
|
|
1
|
+
{"version":3,"file":"form-control-types.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control-types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,UAAU,eAAe;IACzB,IAAI,SAAS;CACd;AAED,eAAO,MAAM,wBAAwB,EAAE;KACpC,IAAI,IAAI,cAAc,GAAG,MAAM;CASjC,CAAC"}
|
|
@@ -9,6 +9,7 @@ var FormInputWidth;
|
|
|
9
9
|
FormInputWidth["FOUR_COLUMN"] = "FOUR_COLUMN";
|
|
10
10
|
FormInputWidth["FIVE_COLUMN"] = "FIVE_COLUMN";
|
|
11
11
|
FormInputWidth["SIX_COLUMN"] = "SIX_COLUMN";
|
|
12
|
+
FormInputWidth["FULL"] = "FULL";
|
|
12
13
|
})(FormInputWidth || (exports.FormInputWidth = FormInputWidth = {}));
|
|
13
14
|
exports.FormInputWidthClassNames = {
|
|
14
15
|
[FormInputWidth.ONE_COLUMN]: 'w-24 max-w-24 md:max-w-24',
|
|
@@ -17,5 +18,6 @@ exports.FormInputWidthClassNames = {
|
|
|
17
18
|
[FormInputWidth.FOUR_COLUMN]: 'w-[320px] md:w-[424px] max-w-[320px] md:max-w-[424px]',
|
|
18
19
|
[FormInputWidth.FIVE_COLUMN]: 'w-[320px] md:w-[580px] max-w-[320px] md:max-w-[580px]',
|
|
19
20
|
[FormInputWidth.SIX_COLUMN]: 'w-[320px] md:w-[643px] max-w-[320px] md:max-w-[643px]',
|
|
21
|
+
[FormInputWidth.FULL]: 'w-full',
|
|
20
22
|
};
|
|
21
23
|
//# sourceMappingURL=form-control-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control-types.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,
|
|
1
|
+
{"version":3,"file":"form-control-types.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,2CAAyB,CAAA;IACzB,2CAAyB,CAAA;IACzB,+CAA6B,CAAA;IAC7B,6CAA2B,CAAA;IAC3B,6CAA2B,CAAA;IAC3B,2CAAyB,CAAA;IACzB,+BAAa,CAAA;AACf,CAAC,EARW,cAAc,8BAAd,cAAc,QAQzB;AAEY,QAAA,wBAAwB,GAEjC;IACF,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,2BAA2B;IACxD,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,0CAA0C;IACvE,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,uDAAuD;IACtF,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,uDAAuD;IACrF,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,uDAAuD;IACrF,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,uDAAuD;IACpF,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,QAAQ;CAChC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAc,YAAY,EAAE,MAAM,QAAQ,CAAC;AAKnE,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAA8B,EAC9B,UAAuC,EACvC,QAAQ,GACT,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"form-control.d.ts","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAc,YAAY,EAAE,MAAM,QAAQ,CAAC;AAKnE,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC;AAEhF,KAAK,mBAAmB,GAAG;IACzB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,mBAAmB,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAA8B,EAC9B,UAAuC,EACvC,QAAQ,GACT,EAAE,KAAK,2CAoDP;AAED,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,CAAC"}
|
|
@@ -24,6 +24,6 @@ function FormControl({ id, isDisabled, isRequired, formName, label, formProps, c
|
|
|
24
24
|
const isErrorVisible = !!(errorText && isTouched);
|
|
25
25
|
const isHelperVisible = !isErrorVisible && !!helperText;
|
|
26
26
|
const describedBy = isErrorVisible ? errorId : isHelperVisible ? helperId : undefined;
|
|
27
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2 w-full', containerClassName), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2',
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2 w-full', containerClassName), children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)('flex flex-col space-y-2', className), children: [label && ((0, jsx_runtime_1.jsx)(form_label_1.FormLabel, { htmlFor: associateLabelWithInput ? inputId : undefined, id: labelId, isRequired: isRequired, hideRequiredMark: hideRequiredMark, label: label, optionalLabel: optionalLabel, toolTipProps: toolTipProps })), children && ((0, jsx_runtime_1.jsx)("div", { className: widthClassName, children: children({ isErrorVisible, inputId, labelId, errorId, describedBy }) }))] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_utils_1.tailwind)({ hidden: !isHelperVisible && !isErrorVisible }), children: [isHelperVisible && ((0, jsx_runtime_1.jsx)(form_helper_1.FormHelper, { id: helperId, helperText: helperText, color: isDisabled ? __1.TextColors.BLACK_03 : __1.TextColors.BLACK_02 })), isErrorVisible && (0, jsx_runtime_1.jsx)(form_error_1.FormError, { id: errorId, className: "w-full", errorText: errorText })] })] }));
|
|
28
28
|
}
|
|
29
29
|
//# sourceMappingURL=form-control.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;;;;AAoCA,
|
|
1
|
+
{"version":3,"file":"form-control.js","sourceRoot":"","sources":["../../../src/containers/form-control/form-control.tsx"],"names":[],"mappings":";;;;;AAoCA,kCAqEC;;AAxGD,kDAA0B;AAC1B,8BAAmE;AACnE,+DAAsD;AACtD,wDAAoD;AACpD,0DAAsD;AACtD,wDAAoD;AACpD,6DAAgF;AA6BhF,SAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,UAAU,EACV,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,uBAAuB,GAAG,IAAI,EAC9B,UAAU,GAAG,mCAAc,CAAC,WAAW,EACvC,QAAQ,GACF;IACN,MAAM,WAAW,GAAG,eAAK,CAAC,KAAK,EAAE,CAAC;IAClC,MAAM,MAAM,GAAG,EAAE,IAAI,QAAQ,IAAI,WAAW,CAAC;IAC7C,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,MAAM,QAAQ,CAAC;IAClC,MAAM,QAAQ,GAAG,GAAG,MAAM,SAAS,CAAC;IAEpC,MAAM,cAAc,GAAG,6CAAwB,CAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,SAAS,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAClF,MAAM,cAAc,GAAG,CAAC,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC;IAClD,MAAM,eAAe,GAAG,CAAC,cAAc,IAAI,CAAC,CAAC,UAAU,CAAC;IACxD,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAEtF,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,gCAAgC,EAAE,kBAAkB,CAAC,aAC5E,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,yBAAyB,EAAE,SAAS,CAAC,aAE3D,KAAK,IAAI,CACR,uBAAC,sBAAS,IACR,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtD,EAAE,EAAE,OAAO,EACX,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,GAC1B,CACH,EAEA,QAAQ,IAAI,CACX,gCAAK,SAAS,EAAE,cAAc,YAC3B,QAAQ,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,GACjE,CACP,IACG,EAEN,iCAAK,SAAS,EAAE,IAAA,yBAAQ,EAAC,EAAE,MAAM,EAAE,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE,CAAC,aAEtE,eAAe,IAAI,CAClB,uBAAC,wBAAU,IACT,EAAE,EAAE,QAAQ,EACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,cAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAU,CAAC,QAAQ,GAC7D,CACH,EAGA,cAAc,IAAI,uBAAC,sBAAS,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,GAAI,IAClF,IACF,CACP,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -2,10 +2,10 @@ export declare const _periodUI_marker = true;
|
|
|
2
2
|
export { Signature } from './components';
|
|
3
3
|
export type { SignatureProps, SignatureRef, SignatureData, SignatureImageFormat, SignatureImageSource, } from './components';
|
|
4
4
|
export { Skeleton, SkeletonVariant, Badge, BadgeVariant, BadgeSize, BilloIcon, IconColor, IconSymbol, IconSize, Button, ButtonVariant, Checkbox, RadioButton, CheckboxVariant, Chip, ChipList, DropDownMenu, MenuItemVariant, IconButton, IconButtonVariant, SearchBar, Text, TextVariant, TextColors, TextButton, TextButtonVariant, PopOver, PopOverPosition, Tooltip, ToolTipType, ProgressIndicator, ProgressIndicatorVariant, SpinnerVariant, AccordionItem, Accordion, Divider, DividerVariant, DatePicker, DatePickerVariants, SegmentedButton, } from './components';
|
|
5
|
-
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, ModalVariant, FilterVariant, Select, TextField, PasswordField, PhoneField, FormPasswordField, FormPhoneField, FormSelect, FilterModal, FormCheckBox, FormTextField, StatusSelector, StatusSelectorVariant, FormRadioButton, FormDatePicker, FormFileUploader, FormImageUploader, Callout, CalloutVariant, EmptyState, Table, TableColumnAlign, HeaderWidth, ThreeDotMenu, } from './components';
|
|
6
|
-
export { DropdownButton, FileUploader, FileUploaderState, ImageUploader, ImageUploaderState, ImageUploaderFit, FormDocumentField, DocumentType, DOCUMENT_TYPE_MASKS, DOCUMENT_TYPE_ORDER, DOCUMENT_TYPE_PATTERNS, documentValidationSchema, isValidDocumentNumber, stripDocumentNumber, } from './components';
|
|
5
|
+
export { Form, Drawer, DrawerVariant, DrawerDirection, Modal, ModalVariant, FilterVariant, Select, TextField, PasswordField, PhoneField, FormPasswordField, FormPhoneField, FormSelect, FilterModal, areFiltersAtDefault, FormCheckBox, FormTextField, StatusSelector, StatusSelectorVariant, FormRadioButton, FormDatePicker, FormFileUploader, FormImageUploader, Callout, CalloutVariant, EmptyState, Table, TableColumnAlign, HeaderWidth, ThreeDotMenu, } from './components';
|
|
6
|
+
export { DropdownButton, FileUploader, FileUploaderState, ImageUploader, ImageUploaderState, ImageUploaderFit, FormDocumentField, DocumentType, DOCUMENT_TYPE_MASKS, DOCUMENT_TYPE_ORDER, DOCUMENT_TYPE_PATTERNS, documentValidationSchema, isValidDocumentNumber, stripDocumentNumber, FormPaymentCardFields, CardBrand, PaymentCardFieldName, paymentCardValidationSchema, getCardBrand, } from './components';
|
|
7
7
|
export { FormControl, FormInputWidth } from './containers';
|
|
8
8
|
export type { FormControlProps } from './containers';
|
|
9
|
-
export type { SkeletonProps, BadgeProps, BilloIconProps, ButtonProps, ToolTipProps, ChipProps, CheckboxProps, DatePickerProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, StatusSelectorOptionProps, SegmentedButtonProps, SegmentedButtonOption, DrawerProps, ModalProps, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, MaskOptions, PasswordFieldProps, PhoneFieldProps, FormSelectProps, FormTextFieldProps, FormPasswordFieldProps, FormPhoneFieldProps, FormDatePickerProps, EmptyStateProps, EmptyStateAction, TableProps, TableColumn, TablePagination, ThreeDotMenuProps, DropdownButtonProps, FormDocumentFieldProps, DocumentTypeOption, DocumentValidationMessages, DocumentValidationFieldNames, FileUploaderProps, FormFileUploaderProps, ImageUploaderProps, FormImageUploaderProps, } from './components';
|
|
9
|
+
export type { SkeletonProps, BadgeProps, BilloIconProps, ButtonProps, ToolTipProps, ChipProps, CheckboxProps, DatePickerProps, CheckboxMultiOptions, CheckBoxFilterOptions, DropDownMenuOptionProps, RadioButtonFilterOptions, StatusSelectorOptionProps, SegmentedButtonProps, SegmentedButtonOption, DrawerProps, ModalProps, FiltersOptions, FilterModalProps, FooterContentProps, ExtendableContentProps, FormErrors, FormConfig, FormHelpers, FormNames, FormRenderProps, FormSchema, TextFieldProps, MaskOptions, PasswordFieldProps, PhoneFieldProps, FormSelectProps, FormTextFieldProps, FormPasswordFieldProps, FormPhoneFieldProps, FormDatePickerProps, EmptyStateProps, EmptyStateAction, TableProps, TableColumn, TablePagination, ThreeDotMenuProps, DropdownButtonProps, FormDocumentFieldProps, DocumentTypeOption, DocumentValidationMessages, DocumentValidationFieldNames, FormPaymentCardFieldsProps, PaymentCardFormValues, StoredPaymentCard, PaymentCardFieldContent, PaymentCardCvvFieldContent, PaymentCardValidationMessages, PaymentCardValidationOptions, FileUploaderProps, FormFileUploaderProps, ImageUploaderProps, FormImageUploaderProps, } from './components';
|
|
10
10
|
export type { MultiOptions } from './types/general';
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAGrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,YAAY,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,YAAY,EACZ,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,WAAW,EACX,eAAe,EACf,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACd,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,eAAe,GAChB,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,eAAe,EACf,KAAK,EACL,YAAY,EACZ,aAAa,EACb,MAAM,EACN,SAAS,EACT,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,WAAW,EACX,YAAY,EACZ,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,EACP,cAAc,EACd,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,YAAY,GACb,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Select = exports.FilterVariant = exports.ModalVariant = exports.Modal = exports.DrawerDirection = exports.DrawerVariant = exports.Drawer = exports.Form = exports.SegmentedButton = exports.DatePickerVariants = exports.DatePicker = exports.DividerVariant = exports.Divider = exports.Accordion = exports.AccordionItem = exports.SpinnerVariant = exports.ProgressIndicatorVariant = exports.ProgressIndicator = exports.ToolTipType = exports.Tooltip = exports.PopOverPosition = exports.PopOver = exports.TextButtonVariant = exports.TextButton = exports.TextColors = exports.TextVariant = exports.Text = exports.SearchBar = exports.IconButtonVariant = exports.IconButton = exports.MenuItemVariant = exports.DropDownMenu = exports.ChipList = exports.Chip = exports.CheckboxVariant = exports.RadioButton = exports.Checkbox = exports.ButtonVariant = exports.Button = exports.IconSize = exports.IconSymbol = exports.IconColor = exports.BilloIcon = exports.BadgeSize = exports.BadgeVariant = exports.Badge = exports.SkeletonVariant = exports.Skeleton = exports.Signature = exports._periodUI_marker = void 0;
|
|
4
|
-
exports.FormInputWidth = exports.FormControl = exports.stripDocumentNumber = exports.isValidDocumentNumber = exports.documentValidationSchema = exports.DOCUMENT_TYPE_PATTERNS = exports.DOCUMENT_TYPE_ORDER = exports.DOCUMENT_TYPE_MASKS = exports.DocumentType = exports.FormDocumentField = exports.ImageUploaderFit = exports.ImageUploaderState = exports.ImageUploader = exports.FileUploaderState = exports.FileUploader = exports.DropdownButton = exports.ThreeDotMenu = exports.HeaderWidth = exports.TableColumnAlign = exports.Table = exports.EmptyState = exports.CalloutVariant = exports.Callout = exports.FormImageUploader = exports.FormFileUploader = exports.FormDatePicker = exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = exports.FormCheckBox = exports.FilterModal = exports.FormSelect = exports.FormPhoneField = exports.FormPasswordField = exports.PhoneField = exports.PasswordField = exports.TextField = void 0;
|
|
4
|
+
exports.FormInputWidth = exports.FormControl = exports.getCardBrand = exports.paymentCardValidationSchema = exports.PaymentCardFieldName = exports.CardBrand = exports.FormPaymentCardFields = exports.stripDocumentNumber = exports.isValidDocumentNumber = exports.documentValidationSchema = exports.DOCUMENT_TYPE_PATTERNS = exports.DOCUMENT_TYPE_ORDER = exports.DOCUMENT_TYPE_MASKS = exports.DocumentType = exports.FormDocumentField = exports.ImageUploaderFit = exports.ImageUploaderState = exports.ImageUploader = exports.FileUploaderState = exports.FileUploader = exports.DropdownButton = exports.ThreeDotMenu = exports.HeaderWidth = exports.TableColumnAlign = exports.Table = exports.EmptyState = exports.CalloutVariant = exports.Callout = exports.FormImageUploader = exports.FormFileUploader = exports.FormDatePicker = exports.FormRadioButton = exports.StatusSelectorVariant = exports.StatusSelector = exports.FormTextField = exports.FormCheckBox = exports.areFiltersAtDefault = exports.FilterModal = exports.FormSelect = exports.FormPhoneField = exports.FormPasswordField = exports.PhoneField = exports.PasswordField = exports.TextField = void 0;
|
|
5
5
|
exports._periodUI_marker = true;
|
|
6
6
|
var components_1 = require("./components");
|
|
7
7
|
Object.defineProperty(exports, "Signature", { enumerable: true, get: function () { return components_1.Signature; } });
|
|
@@ -62,6 +62,7 @@ Object.defineProperty(exports, "FormPasswordField", { enumerable: true, get: fun
|
|
|
62
62
|
Object.defineProperty(exports, "FormPhoneField", { enumerable: true, get: function () { return components_3.FormPhoneField; } });
|
|
63
63
|
Object.defineProperty(exports, "FormSelect", { enumerable: true, get: function () { return components_3.FormSelect; } });
|
|
64
64
|
Object.defineProperty(exports, "FilterModal", { enumerable: true, get: function () { return components_3.FilterModal; } });
|
|
65
|
+
Object.defineProperty(exports, "areFiltersAtDefault", { enumerable: true, get: function () { return components_3.areFiltersAtDefault; } });
|
|
65
66
|
Object.defineProperty(exports, "FormCheckBox", { enumerable: true, get: function () { return components_3.FormCheckBox; } });
|
|
66
67
|
Object.defineProperty(exports, "FormTextField", { enumerable: true, get: function () { return components_3.FormTextField; } });
|
|
67
68
|
Object.defineProperty(exports, "StatusSelector", { enumerable: true, get: function () { return components_3.StatusSelector; } });
|
|
@@ -92,6 +93,11 @@ Object.defineProperty(exports, "DOCUMENT_TYPE_PATTERNS", { enumerable: true, get
|
|
|
92
93
|
Object.defineProperty(exports, "documentValidationSchema", { enumerable: true, get: function () { return components_4.documentValidationSchema; } });
|
|
93
94
|
Object.defineProperty(exports, "isValidDocumentNumber", { enumerable: true, get: function () { return components_4.isValidDocumentNumber; } });
|
|
94
95
|
Object.defineProperty(exports, "stripDocumentNumber", { enumerable: true, get: function () { return components_4.stripDocumentNumber; } });
|
|
96
|
+
Object.defineProperty(exports, "FormPaymentCardFields", { enumerable: true, get: function () { return components_4.FormPaymentCardFields; } });
|
|
97
|
+
Object.defineProperty(exports, "CardBrand", { enumerable: true, get: function () { return components_4.CardBrand; } });
|
|
98
|
+
Object.defineProperty(exports, "PaymentCardFieldName", { enumerable: true, get: function () { return components_4.PaymentCardFieldName; } });
|
|
99
|
+
Object.defineProperty(exports, "paymentCardValidationSchema", { enumerable: true, get: function () { return components_4.paymentCardValidationSchema; } });
|
|
100
|
+
Object.defineProperty(exports, "getCardBrand", { enumerable: true, get: function () { return components_4.getCardBrand; } });
|
|
95
101
|
var containers_1 = require("./containers");
|
|
96
102
|
Object.defineProperty(exports, "FormControl", { enumerable: true, get: function () { return containers_1.FormControl; } });
|
|
97
103
|
Object.defineProperty(exports, "FormInputWidth", { enumerable: true, get: function () { return containers_1.FormInputWidth; } });
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AACa,QAAA,gBAAgB,GAAG,IAAI,CAAC;AAGrC,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAUlB,2CAyCsB;AAxCpB,sGAAA,QAAQ,OAAA;AACR,6GAAA,eAAe,OAAA;AACf,mGAAA,KAAK,OAAA;AACL,0GAAA,YAAY,OAAA;AACZ,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,sGAAA,QAAQ,OAAA;AACR,oGAAA,MAAM,OAAA;AACN,2GAAA,aAAa,OAAA;AACb,sGAAA,QAAQ,OAAA;AACR,yGAAA,WAAW,OAAA;AACX,6GAAA,eAAe,OAAA;AACf,kGAAA,IAAI,OAAA;AACJ,sGAAA,QAAQ,OAAA;AACR,0GAAA,YAAY,OAAA;AACZ,6GAAA,eAAe,OAAA;AACf,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,uGAAA,SAAS,OAAA;AACT,kGAAA,IAAI,OAAA;AACJ,yGAAA,WAAW,OAAA;AACX,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,+GAAA,iBAAiB,OAAA;AACjB,qGAAA,OAAO,OAAA;AACP,6GAAA,eAAe,OAAA;AACf,qGAAA,OAAO,OAAA;AACP,yGAAA,WAAW,OAAA;AACX,+GAAA,iBAAiB,OAAA;AACjB,sHAAA,wBAAwB,OAAA;AACxB,4GAAA,cAAc,OAAA;AACd,2GAAA,aAAa,OAAA;AACb,uGAAA,SAAS,OAAA;AACT,qGAAA,OAAO,OAAA;AACP,4GAAA,cAAc,OAAA;AACd,wGAAA,UAAU,OAAA;AACV,gHAAA,kBAAkB,OAAA;AAClB,6GAAA,eAAe,OAAA;AAIjB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|