@thecb/components 7.7.0-beta.5 → 7.7.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/index.cjs.js +37 -37
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +37 -37
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/formatted-credit-card/FormattedCreditCard.js +1 -1
- package/src/util/formats.js +53 -0
- package/src/util/general.js +1 -52
package/dist/index.esm.js
CHANGED
|
@@ -6318,40 +6318,6 @@ var titleCaseString = function titleCaseString(string) {
|
|
|
6318
6318
|
return index === 0 || index === string.length - 1 || word.length > 3 ? titleCaseWord(word.toLowerCase()) : word;
|
|
6319
6319
|
}).join(" ");
|
|
6320
6320
|
};
|
|
6321
|
-
var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
6322
|
-
var textAlign = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "right";
|
|
6323
|
-
var as = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "span";
|
|
6324
|
-
var ACTIVE = "ACTIVE";
|
|
6325
|
-
var EXPIRING_SOON = "EXPIRING_SOON";
|
|
6326
|
-
var EXPIRED = "EXPIRED";
|
|
6327
|
-
var textMargin = textAlign === "right" ? "auto" : "0";
|
|
6328
|
-
|
|
6329
|
-
switch (expirationStatus) {
|
|
6330
|
-
case ACTIVE:
|
|
6331
|
-
return /*#__PURE__*/React.createElement(Text$1, {
|
|
6332
|
-
as: as,
|
|
6333
|
-
variant: "pXS",
|
|
6334
|
-
color: ASH_GREY,
|
|
6335
|
-
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
6336
|
-
}, "Exp Date ", expireDate);
|
|
6337
|
-
|
|
6338
|
-
case EXPIRING_SOON:
|
|
6339
|
-
return /*#__PURE__*/React.createElement(Text$1, {
|
|
6340
|
-
as: as,
|
|
6341
|
-
variant: "pXS",
|
|
6342
|
-
color: FIRE_YELLOW,
|
|
6343
|
-
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
6344
|
-
}, "Expiring Soon ", expireDate);
|
|
6345
|
-
|
|
6346
|
-
case EXPIRED:
|
|
6347
|
-
return /*#__PURE__*/React.createElement(Text$1, {
|
|
6348
|
-
as: as,
|
|
6349
|
-
variant: "pXS",
|
|
6350
|
-
color: ASH_GREY,
|
|
6351
|
-
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
6352
|
-
}, "Expired");
|
|
6353
|
-
}
|
|
6354
|
-
};
|
|
6355
6321
|
|
|
6356
6322
|
var general = /*#__PURE__*/Object.freeze({
|
|
6357
6323
|
__proto__: null,
|
|
@@ -6371,8 +6337,7 @@ var general = /*#__PURE__*/Object.freeze({
|
|
|
6371
6337
|
MOBILE_WIDTH: MOBILE_WIDTH,
|
|
6372
6338
|
throttle: throttle,
|
|
6373
6339
|
titleCaseWord: titleCaseWord,
|
|
6374
|
-
titleCaseString: titleCaseString
|
|
6375
|
-
renderCardStatus: renderCardStatus
|
|
6340
|
+
titleCaseString: titleCaseString
|
|
6376
6341
|
});
|
|
6377
6342
|
|
|
6378
6343
|
var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];
|
|
@@ -23591,6 +23556,40 @@ var creditCardFormat = createFormat(creditCardFormats, formatDelimiter);
|
|
|
23591
23556
|
var expirationDateFormat = createFormat(expirationDateFormats, formatDelimiter);
|
|
23592
23557
|
var phoneFormat = createFormat(phoneFormats, formatDelimiter);
|
|
23593
23558
|
var moneyFormat = createFormat(moneyFormats, formatDelimiter);
|
|
23559
|
+
var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
23560
|
+
var textAlign = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "right";
|
|
23561
|
+
var as = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "span";
|
|
23562
|
+
var ACTIVE = "ACTIVE";
|
|
23563
|
+
var EXPIRING_SOON = "EXPIRING_SOON";
|
|
23564
|
+
var EXPIRED = "EXPIRED";
|
|
23565
|
+
var textMargin = textAlign === "right" ? "auto" : "0";
|
|
23566
|
+
|
|
23567
|
+
switch (expirationStatus) {
|
|
23568
|
+
case ACTIVE:
|
|
23569
|
+
return /*#__PURE__*/React.createElement(Text$1, {
|
|
23570
|
+
as: as,
|
|
23571
|
+
variant: "pXS",
|
|
23572
|
+
color: ASH_GREY,
|
|
23573
|
+
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
23574
|
+
}, "Exp Date ", expireDate);
|
|
23575
|
+
|
|
23576
|
+
case EXPIRING_SOON:
|
|
23577
|
+
return /*#__PURE__*/React.createElement(Text$1, {
|
|
23578
|
+
as: as,
|
|
23579
|
+
variant: "pXS",
|
|
23580
|
+
color: FIRE_YELLOW,
|
|
23581
|
+
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
23582
|
+
}, "Expiring Soon ", expireDate);
|
|
23583
|
+
|
|
23584
|
+
case EXPIRED:
|
|
23585
|
+
return /*#__PURE__*/React.createElement(Text$1, {
|
|
23586
|
+
as: as,
|
|
23587
|
+
variant: "pXS",
|
|
23588
|
+
color: ASH_GREY,
|
|
23589
|
+
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
23590
|
+
}, "Expired");
|
|
23591
|
+
}
|
|
23592
|
+
};
|
|
23594
23593
|
|
|
23595
23594
|
var formats = /*#__PURE__*/Object.freeze({
|
|
23596
23595
|
__proto__: null,
|
|
@@ -23602,7 +23601,8 @@ var formats = /*#__PURE__*/Object.freeze({
|
|
|
23602
23601
|
creditCardFormat: creditCardFormat,
|
|
23603
23602
|
expirationDateFormat: expirationDateFormat,
|
|
23604
23603
|
phoneFormat: phoneFormat,
|
|
23605
|
-
moneyFormat: moneyFormat
|
|
23604
|
+
moneyFormat: moneyFormat,
|
|
23605
|
+
renderCardStatus: renderCardStatus
|
|
23606
23606
|
});
|
|
23607
23607
|
|
|
23608
23608
|
var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
|