@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.cjs.js
CHANGED
|
@@ -6326,40 +6326,6 @@ var titleCaseString = function titleCaseString(string) {
|
|
|
6326
6326
|
return index === 0 || index === string.length - 1 || word.length > 3 ? titleCaseWord(word.toLowerCase()) : word;
|
|
6327
6327
|
}).join(" ");
|
|
6328
6328
|
};
|
|
6329
|
-
var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
6330
|
-
var textAlign = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "right";
|
|
6331
|
-
var as = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "span";
|
|
6332
|
-
var ACTIVE = "ACTIVE";
|
|
6333
|
-
var EXPIRING_SOON = "EXPIRING_SOON";
|
|
6334
|
-
var EXPIRED = "EXPIRED";
|
|
6335
|
-
var textMargin = textAlign === "right" ? "auto" : "0";
|
|
6336
|
-
|
|
6337
|
-
switch (expirationStatus) {
|
|
6338
|
-
case ACTIVE:
|
|
6339
|
-
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
6340
|
-
as: as,
|
|
6341
|
-
variant: "pXS",
|
|
6342
|
-
color: ASH_GREY,
|
|
6343
|
-
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
6344
|
-
}, "Exp Date ", expireDate);
|
|
6345
|
-
|
|
6346
|
-
case EXPIRING_SOON:
|
|
6347
|
-
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
6348
|
-
as: as,
|
|
6349
|
-
variant: "pXS",
|
|
6350
|
-
color: FIRE_YELLOW,
|
|
6351
|
-
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
6352
|
-
}, "Expiring Soon ", expireDate);
|
|
6353
|
-
|
|
6354
|
-
case EXPIRED:
|
|
6355
|
-
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
6356
|
-
as: as,
|
|
6357
|
-
variant: "pXS",
|
|
6358
|
-
color: ASH_GREY,
|
|
6359
|
-
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
6360
|
-
}, "Expired");
|
|
6361
|
-
}
|
|
6362
|
-
};
|
|
6363
6329
|
|
|
6364
6330
|
var general = /*#__PURE__*/Object.freeze({
|
|
6365
6331
|
__proto__: null,
|
|
@@ -6379,8 +6345,7 @@ var general = /*#__PURE__*/Object.freeze({
|
|
|
6379
6345
|
MOBILE_WIDTH: MOBILE_WIDTH,
|
|
6380
6346
|
throttle: throttle,
|
|
6381
6347
|
titleCaseWord: titleCaseWord,
|
|
6382
|
-
titleCaseString: titleCaseString
|
|
6383
|
-
renderCardStatus: renderCardStatus
|
|
6348
|
+
titleCaseString: titleCaseString
|
|
6384
6349
|
});
|
|
6385
6350
|
|
|
6386
6351
|
var _excluded$1 = ["themeValues", "weight", "color", "textWrap", "extraStyles", "hoverStyles", "onClick", "onKeyPress", "as", "dataQa", "children", "variant"];
|
|
@@ -23599,6 +23564,40 @@ var creditCardFormat = createFormat(creditCardFormats, formatDelimiter);
|
|
|
23599
23564
|
var expirationDateFormat = createFormat(expirationDateFormats, formatDelimiter);
|
|
23600
23565
|
var phoneFormat = createFormat(phoneFormats, formatDelimiter);
|
|
23601
23566
|
var moneyFormat = createFormat(moneyFormats, formatDelimiter);
|
|
23567
|
+
var renderCardStatus = function renderCardStatus(expirationStatus, expireDate) {
|
|
23568
|
+
var textAlign = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "right";
|
|
23569
|
+
var as = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "span";
|
|
23570
|
+
var ACTIVE = "ACTIVE";
|
|
23571
|
+
var EXPIRING_SOON = "EXPIRING_SOON";
|
|
23572
|
+
var EXPIRED = "EXPIRED";
|
|
23573
|
+
var textMargin = textAlign === "right" ? "auto" : "0";
|
|
23574
|
+
|
|
23575
|
+
switch (expirationStatus) {
|
|
23576
|
+
case ACTIVE:
|
|
23577
|
+
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
23578
|
+
as: as,
|
|
23579
|
+
variant: "pXS",
|
|
23580
|
+
color: ASH_GREY,
|
|
23581
|
+
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
23582
|
+
}, "Exp Date ", expireDate);
|
|
23583
|
+
|
|
23584
|
+
case EXPIRING_SOON:
|
|
23585
|
+
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
23586
|
+
as: as,
|
|
23587
|
+
variant: "pXS",
|
|
23588
|
+
color: FIRE_YELLOW,
|
|
23589
|
+
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
23590
|
+
}, "Expiring Soon ", expireDate);
|
|
23591
|
+
|
|
23592
|
+
case EXPIRED:
|
|
23593
|
+
return /*#__PURE__*/React__default.createElement(Text$1, {
|
|
23594
|
+
as: as,
|
|
23595
|
+
variant: "pXS",
|
|
23596
|
+
color: ASH_GREY,
|
|
23597
|
+
extraStyles: "text-align: ".concat(textAlign, "; margin: ").concat(textMargin, ";")
|
|
23598
|
+
}, "Expired");
|
|
23599
|
+
}
|
|
23600
|
+
};
|
|
23602
23601
|
|
|
23603
23602
|
var formats = /*#__PURE__*/Object.freeze({
|
|
23604
23603
|
__proto__: null,
|
|
@@ -23610,7 +23609,8 @@ var formats = /*#__PURE__*/Object.freeze({
|
|
|
23610
23609
|
creditCardFormat: creditCardFormat,
|
|
23611
23610
|
expirationDateFormat: expirationDateFormat,
|
|
23612
23611
|
phoneFormat: phoneFormat,
|
|
23613
|
-
moneyFormat: moneyFormat
|
|
23612
|
+
moneyFormat: moneyFormat,
|
|
23613
|
+
renderCardStatus: renderCardStatus
|
|
23614
23614
|
});
|
|
23615
23615
|
|
|
23616
23616
|
var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
|