@thecb/components 11.10.0-beta.0 → 11.10.0-beta.2
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 +38 -174
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +39 -174
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/card-type/CardType.js +9 -1
- package/src/components/atoms/formatted-credit-card/FormattedCreditCard.js +10 -7
- package/src/components/atoms/icons/AmExSmallIcon.js +2 -0
- package/src/components/atoms/icons/DiscoverSmallIcon.js +2 -0
- package/src/components/atoms/icons/GenericCardLarge.js +1 -1
- package/src/components/atoms/icons/GenericSmallIcon.js +2 -0
- package/src/components/atoms/icons/MasterCardSmallIcon.js +2 -0
- package/src/components/atoms/icons/VisaSmallIcon.js +2 -0
- package/src/components/molecules/index.js +0 -1
- package/src/components/molecules/radio-section/InnerRadioSection.js +2 -2
- package/src/components/molecules/tooltip-v2/TooltipV2.js +0 -173
- package/src/components/molecules/tooltip-v2/TooltipV2.mdx +0 -25
- package/src/components/molecules/tooltip-v2/TooltipV2.stories.js +0 -242
- package/src/components/molecules/tooltip-v2/TooltipV2.theme.js +0 -19
- package/src/components/molecules/tooltip-v2/index.d.ts +0 -31
- package/src/components/molecules/tooltip-v2/index.js +0 -3
package/dist/index.esm.js
CHANGED
|
@@ -15814,7 +15814,7 @@ var GenericCardLarge = function GenericCardLarge() {
|
|
|
15814
15814
|
fill: "none",
|
|
15815
15815
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15816
15816
|
role: "img",
|
|
15817
|
-
"aria-label": "
|
|
15817
|
+
"aria-label": "Credit card"
|
|
15818
15818
|
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
15819
15819
|
width: "36",
|
|
15820
15820
|
height: "24",
|
|
@@ -18692,7 +18692,9 @@ var VisaSmallIcon = function VisaSmallIcon() {
|
|
|
18692
18692
|
height: "16",
|
|
18693
18693
|
viewBox: "0 0 24 16",
|
|
18694
18694
|
fill: "none",
|
|
18695
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
18695
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18696
|
+
role: "img",
|
|
18697
|
+
"aria-label": "Visa"
|
|
18696
18698
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
18697
18699
|
fillRule: "evenodd",
|
|
18698
18700
|
clipRule: "evenodd",
|
|
@@ -18719,7 +18721,9 @@ var AmExSmallIcon = function AmExSmallIcon() {
|
|
|
18719
18721
|
height: "16",
|
|
18720
18722
|
viewBox: "0 0 24 16",
|
|
18721
18723
|
fill: "none",
|
|
18722
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
18724
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18725
|
+
role: "img",
|
|
18726
|
+
"aria-label": "American Express"
|
|
18723
18727
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
18724
18728
|
clipPath: "url(#clip0_3693_1095)"
|
|
18725
18729
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
@@ -18818,7 +18822,9 @@ var DiscoverSmallIcon = function DiscoverSmallIcon() {
|
|
|
18818
18822
|
height: "16",
|
|
18819
18823
|
viewBox: "0 0 24 16",
|
|
18820
18824
|
fill: "none",
|
|
18821
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
18825
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18826
|
+
role: "img",
|
|
18827
|
+
"aria-label": "Discover"
|
|
18822
18828
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
18823
18829
|
clipPath: "url(#clip0_3818_267)"
|
|
18824
18830
|
}, /*#__PURE__*/React__default.createElement("path", {
|
|
@@ -18943,7 +18949,9 @@ var GenericSmallIcon = function GenericSmallIcon() {
|
|
|
18943
18949
|
height: "16",
|
|
18944
18950
|
viewBox: "0 0 24 16",
|
|
18945
18951
|
fill: "none",
|
|
18946
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
18952
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18953
|
+
role: "img",
|
|
18954
|
+
"aria-label": "Credit card"
|
|
18947
18955
|
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
18948
18956
|
width: "24",
|
|
18949
18957
|
height: "16",
|
|
@@ -18964,7 +18972,9 @@ var MasterCardSmallIcon = function MasterCardSmallIcon() {
|
|
|
18964
18972
|
height: "16",
|
|
18965
18973
|
viewBox: "0 0 24 16",
|
|
18966
18974
|
fill: "none",
|
|
18967
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
18975
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
18976
|
+
role: "img",
|
|
18977
|
+
"aria-label": "Mastercard"
|
|
18968
18978
|
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
18969
18979
|
width: "24",
|
|
18970
18980
|
height: "16",
|
|
@@ -26357,11 +26367,18 @@ var cardBrands = {
|
|
|
26357
26367
|
large: GenericCardLarge
|
|
26358
26368
|
}
|
|
26359
26369
|
};
|
|
26370
|
+
var normalizeType = function normalizeType(type) {
|
|
26371
|
+
if (!type) return undefined;
|
|
26372
|
+
var lower = type.toLowerCase();
|
|
26373
|
+
if (lower === "mastercard") return "master_card";
|
|
26374
|
+
return lower;
|
|
26375
|
+
};
|
|
26360
26376
|
var CardType = function CardType(_ref) {
|
|
26361
26377
|
var type = _ref.type,
|
|
26362
26378
|
_ref$size = _ref.size,
|
|
26363
26379
|
size = _ref$size === void 0 ? "small" : _ref$size;
|
|
26364
|
-
var
|
|
26380
|
+
var normalizedType = normalizeType(type);
|
|
26381
|
+
var _ref2 = cardBrands[normalizedType] || cardBrands["default"],
|
|
26365
26382
|
label = _ref2.label,
|
|
26366
26383
|
IconComponent = _ref2[size];
|
|
26367
26384
|
return /*#__PURE__*/React__default.createElement("span", {
|
|
@@ -26441,7 +26458,7 @@ var CreditCardWrapper = styled.div.withConfig({
|
|
|
26441
26458
|
var CCIconWrapper = styled.div.withConfig({
|
|
26442
26459
|
displayName: "FormattedCreditCard__CCIconWrapper",
|
|
26443
26460
|
componentId: "sc-s0ta5l-1"
|
|
26444
|
-
})(["margin-right:16px;width:
|
|
26461
|
+
})(["margin-right:16px;width:36px;height:auto;display:flex;"]);
|
|
26445
26462
|
var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
26446
26463
|
var lastFour = _ref.lastFour,
|
|
26447
26464
|
type = _ref.type,
|
|
@@ -26449,15 +26466,18 @@ var FormattedCreditCard = function FormattedCreditCard(_ref) {
|
|
|
26449
26466
|
expireDate = _ref.expireDate,
|
|
26450
26467
|
expirationStatus = _ref.expirationStatus,
|
|
26451
26468
|
themeValues = _ref.themeValues;
|
|
26469
|
+
var _useContext = useContext(ThemeContext),
|
|
26470
|
+
isMobile = _useContext.isMobile;
|
|
26452
26471
|
return /*#__PURE__*/React__default.createElement(CreditCardWrapper, null, /*#__PURE__*/React__default.createElement(CCIconWrapper, null, /*#__PURE__*/React__default.createElement(CardType, {
|
|
26453
|
-
type: type
|
|
26472
|
+
type: type,
|
|
26473
|
+
size: isMobile ? "small" : "large"
|
|
26454
26474
|
})), /*#__PURE__*/React__default.createElement(Stack, {
|
|
26455
26475
|
childGap: "0"
|
|
26456
26476
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
26457
26477
|
padding: "0"
|
|
26458
26478
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
26459
26479
|
variant: "p",
|
|
26460
|
-
padding: "0
|
|
26480
|
+
padding: "0",
|
|
26461
26481
|
color: themeValues.textColor,
|
|
26462
26482
|
textAlign: "left",
|
|
26463
26483
|
extraStyles: "display: inline-block;"
|
|
@@ -48906,10 +48926,10 @@ var InnerRadioSection = function InnerRadioSection(_ref) {
|
|
|
48906
48926
|
componentId: "sc-1wtp6qc-0"
|
|
48907
48927
|
})(["height:", ";width:", ";", " transition:opacity 0.3s ease;"], function (_ref2) {
|
|
48908
48928
|
var isMobile = _ref2.isMobile;
|
|
48909
|
-
return isMobile ? "
|
|
48929
|
+
return isMobile ? "16px" : "24px";
|
|
48910
48930
|
}, function (_ref3) {
|
|
48911
48931
|
var isMobile = _ref3.isMobile;
|
|
48912
|
-
return isMobile ? "
|
|
48932
|
+
return isMobile ? "24px" : "36px";
|
|
48913
48933
|
}, function (_ref4) {
|
|
48914
48934
|
var fade = _ref4.fade;
|
|
48915
48935
|
return fade && "opacity: 0.4;";
|
|
@@ -51596,163 +51616,8 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
51596
51616
|
})));
|
|
51597
51617
|
};
|
|
51598
51618
|
|
|
51599
|
-
var TOOLTIP_V2_THEME_SOURCE = "Popover";
|
|
51600
|
-
var hoverColor$6 = SAPPHIRE_BLUE;
|
|
51601
|
-
var activeColor$b = PEACOCK_BLUE;
|
|
51602
|
-
var tooltipTriggerColor = MATISSE_BLUE;
|
|
51603
|
-
var borderColor$7 = "rgba(255, 255, 255, 0.85)";
|
|
51604
|
-
var fallbackValues$13 = {
|
|
51605
|
-
hoverColor: hoverColor$6,
|
|
51606
|
-
activeColor: activeColor$b,
|
|
51607
|
-
tooltipTriggerColor: tooltipTriggerColor,
|
|
51608
|
-
borderColor: borderColor$7
|
|
51609
|
-
};
|
|
51610
|
-
|
|
51611
|
-
var TooltipV2 = function TooltipV2(_ref) {
|
|
51612
|
-
var children = _ref.children,
|
|
51613
|
-
_ref$content = _ref.content,
|
|
51614
|
-
content = _ref$content === void 0 ? "" : _ref$content,
|
|
51615
|
-
tooltipID = _ref.tooltipID,
|
|
51616
|
-
_ref$triggerText = _ref.triggerText,
|
|
51617
|
-
triggerText = _ref$triggerText === void 0 ? "" : _ref$triggerText,
|
|
51618
|
-
_ref$contentPosition = _ref.contentPosition,
|
|
51619
|
-
contentPosition = _ref$contentPosition === void 0 ? {
|
|
51620
|
-
top: "-110px",
|
|
51621
|
-
right: "auto",
|
|
51622
|
-
bottom: "auto",
|
|
51623
|
-
left: "-225px"
|
|
51624
|
-
} : _ref$contentPosition,
|
|
51625
|
-
_ref$arrowDirection = _ref.arrowDirection,
|
|
51626
|
-
arrowDirection = _ref$arrowDirection === void 0 ? "down" : _ref$arrowDirection,
|
|
51627
|
-
_ref$arrowPosition = _ref.arrowPosition,
|
|
51628
|
-
arrowPosition = _ref$arrowPosition === void 0 ? {
|
|
51629
|
-
arrowTop: "auto",
|
|
51630
|
-
arrowRight: "10px",
|
|
51631
|
-
arrowBottom: "-8px",
|
|
51632
|
-
arrowLeft: "auto"
|
|
51633
|
-
} : _ref$arrowPosition,
|
|
51634
|
-
_ref$minWidth = _ref.minWidth,
|
|
51635
|
-
minWidth = _ref$minWidth === void 0 ? "250px" : _ref$minWidth,
|
|
51636
|
-
_ref$maxWidth = _ref.maxWidth,
|
|
51637
|
-
maxWidth = _ref$maxWidth === void 0 ? "100%" : _ref$maxWidth,
|
|
51638
|
-
_ref$height = _ref.height,
|
|
51639
|
-
height = _ref$height === void 0 ? "auto" : _ref$height,
|
|
51640
|
-
_ref$containerExtraSt = _ref.containerExtraStyles,
|
|
51641
|
-
containerExtraStyles = _ref$containerExtraSt === void 0 ? "" : _ref$containerExtraSt,
|
|
51642
|
-
_ref$contentExtraStyl = _ref.contentExtraStyles,
|
|
51643
|
-
contentExtraStyles = _ref$contentExtraStyl === void 0 ? "" : _ref$contentExtraStyl,
|
|
51644
|
-
_ref$contentBackgroun = _ref.contentBackgroundColor,
|
|
51645
|
-
contentBackgroundColor = _ref$contentBackgroun === void 0 ? WHITE : _ref$contentBackgroun,
|
|
51646
|
-
_ref$triggerVariant = _ref.triggerVariant,
|
|
51647
|
-
triggerVariant = _ref$triggerVariant === void 0 ? "smallGhost" : _ref$triggerVariant;
|
|
51648
|
-
var closeTimeoutRef = useRef(null);
|
|
51649
|
-
var _useState = useState(false),
|
|
51650
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
51651
|
-
tooltipOpen = _useState2[0],
|
|
51652
|
-
setTooltipOpen = _useState2[1];
|
|
51653
|
-
var themeContext = useContext(ThemeContext);
|
|
51654
|
-
var themeValues = createThemeValues(themeContext, fallbackValues$13, TOOLTIP_V2_THEME_SOURCE);
|
|
51655
|
-
var arrowColor = themeValues.borderColor,
|
|
51656
|
-
tooltipTriggerColor = themeValues.tooltipTriggerColor,
|
|
51657
|
-
hoverColor = themeValues.hoverColor,
|
|
51658
|
-
activeColor = themeValues.activeColor;
|
|
51659
|
-
var top = contentPosition.top,
|
|
51660
|
-
right = contentPosition.right,
|
|
51661
|
-
bottom = contentPosition.bottom,
|
|
51662
|
-
left = contentPosition.left;
|
|
51663
|
-
var arrowTop = arrowPosition.arrowTop,
|
|
51664
|
-
arrowRight = arrowPosition.arrowRight,
|
|
51665
|
-
arrowBottom = arrowPosition.arrowBottom,
|
|
51666
|
-
arrowLeft = arrowPosition.arrowLeft;
|
|
51667
|
-
var handleToggleTooltip = function handleToggleTooltip(desiredState) {
|
|
51668
|
-
if (tooltipOpen !== desiredState) {
|
|
51669
|
-
setTooltipOpen(desiredState);
|
|
51670
|
-
}
|
|
51671
|
-
};
|
|
51672
|
-
var handleKeyDown = function handleKeyDown(e) {
|
|
51673
|
-
if (e.key === "Escape") {
|
|
51674
|
-
handleToggleTooltip(false);
|
|
51675
|
-
}
|
|
51676
|
-
};
|
|
51677
|
-
var handleMouseEnter = function handleMouseEnter() {
|
|
51678
|
-
if (closeTimeoutRef.current) {
|
|
51679
|
-
clearTimeout(closeTimeoutRef.current);
|
|
51680
|
-
closeTimeoutRef.current = null;
|
|
51681
|
-
}
|
|
51682
|
-
handleToggleTooltip(true);
|
|
51683
|
-
};
|
|
51684
|
-
var handleMouseLeave = function handleMouseLeave() {
|
|
51685
|
-
closeTimeoutRef.current = setTimeout(function () {
|
|
51686
|
-
handleToggleTooltip(false);
|
|
51687
|
-
}, 300);
|
|
51688
|
-
};
|
|
51689
|
-
useEffect$1(function () {
|
|
51690
|
-
return function () {
|
|
51691
|
-
if (closeTimeoutRef.current) {
|
|
51692
|
-
clearTimeout(closeTimeoutRef.current);
|
|
51693
|
-
}
|
|
51694
|
-
};
|
|
51695
|
-
}, []);
|
|
51696
|
-
var renderTrigger = function renderTrigger() {
|
|
51697
|
-
if (children) {
|
|
51698
|
-
return /*#__PURE__*/React__default.cloneElement(React__default.Children.only(children), {
|
|
51699
|
-
"aria-describedby": tooltipID,
|
|
51700
|
-
onFocus: function onFocus() {
|
|
51701
|
-
return handleToggleTooltip(true);
|
|
51702
|
-
},
|
|
51703
|
-
onBlur: function onBlur() {
|
|
51704
|
-
return handleToggleTooltip(false);
|
|
51705
|
-
},
|
|
51706
|
-
onKeyDown: handleKeyDown
|
|
51707
|
-
});
|
|
51708
|
-
}
|
|
51709
|
-
return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
|
|
51710
|
-
action: function action() {
|
|
51711
|
-
return noop$1;
|
|
51712
|
-
},
|
|
51713
|
-
"aria-describedby": tooltipID,
|
|
51714
|
-
onKeyDown: handleKeyDown,
|
|
51715
|
-
variant: triggerVariant,
|
|
51716
|
-
onFocus: function onFocus() {
|
|
51717
|
-
return handleToggleTooltip(true);
|
|
51718
|
-
},
|
|
51719
|
-
onBlur: function onBlur() {
|
|
51720
|
-
return handleToggleTooltip(false);
|
|
51721
|
-
},
|
|
51722
|
-
onTouchStart: function onTouchStart() {
|
|
51723
|
-
return handleToggleTooltip(true);
|
|
51724
|
-
},
|
|
51725
|
-
"data-qa": "tooltip-v2-trigger",
|
|
51726
|
-
text: triggerText,
|
|
51727
|
-
extraStyles: "\n color: ".concat(tooltipTriggerColor, ";\n &:hover { color: ").concat(hoverColor, "; text-decoration: none;}\n &:active, &:focus { color: ").concat(activeColor, "; text-decoration: none;}\n button, span, &:hover span { text-decoration: none; }\n ")
|
|
51728
|
-
});
|
|
51729
|
-
};
|
|
51730
|
-
return /*#__PURE__*/React__default.createElement(Box, {
|
|
51731
|
-
padding: "0",
|
|
51732
|
-
extraStyles: "position: relative; ".concat(containerExtraStyles),
|
|
51733
|
-
onMouseEnter: handleMouseEnter,
|
|
51734
|
-
onMouseLeave: handleMouseLeave,
|
|
51735
|
-
"data-qa": "tooltip-v2-container"
|
|
51736
|
-
}, renderTrigger(), /*#__PURE__*/React__default.createElement(Box, {
|
|
51737
|
-
role: "tooltip",
|
|
51738
|
-
id: tooltipID,
|
|
51739
|
-
"aria-hidden": !tooltipOpen,
|
|
51740
|
-
background: contentBackgroundColor,
|
|
51741
|
-
"data-qa": "tooltip-v2-contents",
|
|
51742
|
-
extraStyles: "\n position: absolute;\n display: ".concat(tooltipOpen ? "block" : "none", ";\n top: ").concat(top, ";\n right: ").concat(right, ";\n bottom: ").concat(bottom, ";\n left: ").concat(left, ";\n height: ").concat(height, ";\n ").concat(contentExtraStyles, "\n "),
|
|
51743
|
-
boxShadow: "0px 2px 14px 0px rgb(246, 246, 249), 0px 3px 8px 0px rgb(202, 206, 216)",
|
|
51744
|
-
border: "1px solid transparent",
|
|
51745
|
-
borderRadius: "4px",
|
|
51746
|
-
minWidth: minWidth,
|
|
51747
|
-
maxWidth: maxWidth
|
|
51748
|
-
}, typeof content === "string" ? /*#__PURE__*/React__default.createElement(Text$1, null, content) : content, /*#__PURE__*/React__default.createElement(Box, {
|
|
51749
|
-
padding: "0",
|
|
51750
|
-
extraStyles: "\n position: absolute;\n content: \"\";\n width: 0;\n height: 0;\n ".concat(arrowBorder(arrowColor, arrowDirection, "8px"), ";\n filter: drop-shadow(2px 8px 14px black);\n bottom: ").concat(arrowBottom, ";\n right: ").concat(arrowRight, ";\n top: ").concat(arrowTop, ";\n left: ").concat(arrowLeft, ";\n ")
|
|
51751
|
-
})));
|
|
51752
|
-
};
|
|
51753
|
-
|
|
51754
51619
|
var pageBackground = "#FBFCFD";
|
|
51755
|
-
var fallbackValues$
|
|
51620
|
+
var fallbackValues$13 = {
|
|
51756
51621
|
pageBackground: pageBackground
|
|
51757
51622
|
};
|
|
51758
51623
|
|
|
@@ -51800,7 +51665,7 @@ var CenterSingle = function CenterSingle(_ref) {
|
|
|
51800
51665
|
padding: "0"
|
|
51801
51666
|
})));
|
|
51802
51667
|
};
|
|
51803
|
-
var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$
|
|
51668
|
+
var CenterSingle$1 = withWindowSize(themeComponent(CenterSingle, "Global", fallbackValues$13));
|
|
51804
51669
|
|
|
51805
51670
|
var CenterStack = function CenterStack(_ref) {
|
|
51806
51671
|
var header = _ref.header,
|
|
@@ -51843,7 +51708,7 @@ var CenterStack = function CenterStack(_ref) {
|
|
|
51843
51708
|
padding: "0"
|
|
51844
51709
|
})));
|
|
51845
51710
|
};
|
|
51846
|
-
var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$
|
|
51711
|
+
var CenterStack$1 = withWindowSize(themeComponent(CenterStack, "Global", fallbackValues$13));
|
|
51847
51712
|
|
|
51848
51713
|
var CenterSingle$2 = function CenterSingle(_ref) {
|
|
51849
51714
|
var header = _ref.header,
|
|
@@ -51889,7 +51754,7 @@ var CenterSingle$2 = function CenterSingle(_ref) {
|
|
|
51889
51754
|
padding: "0"
|
|
51890
51755
|
})));
|
|
51891
51756
|
};
|
|
51892
|
-
var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$
|
|
51757
|
+
var DefaultPageTemplate = withWindowSize(themeComponent(CenterSingle$2, "Global", fallbackValues$13));
|
|
51893
51758
|
|
|
51894
51759
|
var SidebarSingleContent = function SidebarSingleContent(_ref) {
|
|
51895
51760
|
var header = _ref.header,
|
|
@@ -51942,7 +51807,7 @@ var SidebarSingleContent = function SidebarSingleContent(_ref) {
|
|
|
51942
51807
|
padding: "0"
|
|
51943
51808
|
})));
|
|
51944
51809
|
};
|
|
51945
|
-
var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$
|
|
51810
|
+
var SidebarSingleContent$1 = withWindowSize(themeComponent(SidebarSingleContent, "Global", fallbackValues$13));
|
|
51946
51811
|
|
|
51947
51812
|
var SidebarStackContent = function SidebarStackContent(_ref) {
|
|
51948
51813
|
var header = _ref.header,
|
|
@@ -52011,7 +51876,7 @@ var SidebarStackContent = function SidebarStackContent(_ref) {
|
|
|
52011
51876
|
key: "footer-box"
|
|
52012
51877
|
})));
|
|
52013
51878
|
};
|
|
52014
|
-
var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$
|
|
51879
|
+
var SidebarStackContent$1 = withWindowSize(themeComponent(SidebarStackContent, "Global", fallbackValues$13));
|
|
52015
51880
|
|
|
52016
51881
|
var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
|
|
52017
51882
|
var resetHasErrors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
|
|
@@ -52082,5 +51947,5 @@ var index$2 = /*#__PURE__*/Object.freeze({
|
|
|
52082
51947
|
useLogoutTimers: useLogoutTimers
|
|
52083
51948
|
});
|
|
52084
51949
|
|
|
52085
|
-
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, AgencyIcon, Alert$1 as Alert, AllocatedIcon, AmExLargeIcon, AmExSmallIcon, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankGenericSmallIcon, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CardType, CaretArrowDown$1 as CaretArrowDown, CaretArrowUp$1 as CaretArrowUp, CarrotIcon$1 as CarrotIcon, CashIcon, CashSmallIcon, CashieringImage, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, CloseIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, ContactCard, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisabledAccountsAddIcon, DisabledPaymentMethodsAddIcon, DisabledPropertiesAddIcon, DiscoverLargeIcon, DiscoverSmallIcon, DisplayBox$1 as DisplayBox, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, EmptyCartIconV2$1 as EmptyCartIconV2, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormTextarea$1 as FormTextarea, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GenericSmallIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HeroImage$1 as HeroImage, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, IdleModal, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KebabMenuIcon, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, MasterCardLargeIcon, MasterCardSmallIcon, Modal$3 as Modal, Module$1 as Module, Motion, MultiCartIcon, MultipleSelectFilter$1 as MultipleSelectFilter, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoResultsIcon, NotFoundIcon, Obligation$1 as Obligation, iconsMap as ObligationIcons, OverageIcon, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaydotImage, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentStatusIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PersonIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, Popover$1 as Popover, PopupMenu$1 as PopupMenu, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel$1 as RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationBanner$1 as RegistrationBanner, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess$1 as ResetPasswordSuccess, RevenueManagementImage, ReversalNeededIcon, RoutingNumberImage, Search$1 as Search, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, ShortageIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, SortableTableHeading$1 as SortableTableHeading, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading, TableListItem, TableRow$1 as TableRow, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToastNotification, ToggleSwitch$1 as ToggleSwitch, Tooltip,
|
|
51950
|
+
export { AccountNumberImage, AccountsAddIcon$1 as AccountsAddIcon, AccountsIcon$1 as AccountsIcon, AccountsIconSmall$1 as AccountsIconSmall, AchReturnIcon, AddObligation$1 as AddObligation, AddressForm, AgencyIcon, Alert$1 as Alert, AllocatedIcon, AmExLargeIcon, AmExSmallIcon, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankGenericSmallIcon, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CardType, CaretArrowDown$1 as CaretArrowDown, CaretArrowUp$1 as CaretArrowUp, CarrotIcon$1 as CarrotIcon, CashIcon, CashSmallIcon, CashieringImage, Center, CenterSingle$1 as CenterSingle, CenterStack$1 as CenterStack, ChangePasswordForm, ChargebackIcon, ChargebackIconMedium, ChargebackIconSmall, ChargebackReversalIcon, ChargebackReversalIconMedium, ChargebackReversalIconSmall, CheckIcon, Checkbox$1 as Checkbox, CheckboxList$1 as CheckboxList, CheckmarkIcon, ChevronIcon$1 as ChevronIcon, CloseIcon, Cluster, CollapsibleSection$1 as CollapsibleSection, ContactCard, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisabledAccountsAddIcon, DisabledPaymentMethodsAddIcon, DisabledPropertiesAddIcon, DiscoverLargeIcon, DiscoverSmallIcon, DisplayBox$1 as DisplayBox, Dropdown$1 as Dropdown, DuplicateIcon, EditNameForm, EditableList, EditableTable, EmailForm, EmptyCartIcon$1 as EmptyCartIcon, EmptyCartIconV2$1 as EmptyCartIconV2, ErroredIcon, ExternalLink, ExternalLinkIcon, FailedIcon, FindIconSmall$1 as FindIconSmall, FooterWithSubfooter$1 as FooterWithSubfooter, ForgotPasswordForm, ForgotPasswordIcon$1 as ForgotPasswordIcon, FormContainer$1 as FormContainer, FormFooterPanel$1 as FormFooterPanel, FormInput$1 as FormInput, FormInputColumn, FormInputRow, FormSelect$1 as FormSelect, FormTextarea$1 as FormTextarea, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GenericSmallIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HeroImage$1 as HeroImage, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, IdleModal, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KebabMenuIcon, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, MasterCardLargeIcon, MasterCardSmallIcon, Modal$3 as Modal, Module$1 as Module, Motion, MultiCartIcon, MultipleSelectFilter$1 as MultipleSelectFilter, NavFooter, NavHeader, NavMenuDesktop$1 as NavMenuDesktop, NavMenuMobile$1 as NavMenuMobile, NavTabs, NoResultsIcon, NotFoundIcon, Obligation$1 as Obligation, iconsMap as ObligationIcons, OverageIcon, Pagination$1 as Pagination, Paragraph$1 as Paragraph, PartialAmountForm, PasswordRequirements, PaydotImage, PaymentButtonBar, PaymentDetails$1 as PaymentDetails, PaymentFormACH, PaymentFormCard$1 as PaymentFormCard, PaymentMethodAddIcon$1 as PaymentMethodAddIcon, PaymentMethodIcon$1 as PaymentMethodIcon, PaymentSearchIcon, PaymentStatusIcon, PaymentsIconSmall$1 as PaymentsIconSmall, PencilIcon$1 as PencilIcon, PendingIcon, PeriscopeDashboardIframe, PeriscopeFailedIcon, PersonIcon, PhoneForm, Placeholder$1 as Placeholder, PlusCircleIcon, Popover$1 as Popover, PopupMenu$1 as PopupMenu, ProcessingFee$1 as ProcessingFee, ProfileIcon$1 as ProfileIcon, ProfileIconSmall$1 as ProfileIconSmall, ProfileImage, PropertiesAddIcon$1 as PropertiesAddIcon, PropertiesIconSmall$1 as PropertiesIconSmall, RadioButton$2 as RadioButton, RadioButtonWithLabel$1 as RadioButtonWithLabel, RadioGroup, RadioSection$1 as RadioSection, Reel, RefundIcon, RefundIconMedium, RefundIconSmall, RegistrationBanner$1 as RegistrationBanner, RegistrationForm, RejectedIcon, RejectedVelocityIcon, ResetConfirmationForm$1 as ResetConfirmationForm, ResetPasswordForm, ResetPasswordIcon, ResetPasswordSuccess$1 as ResetPasswordSuccess, RevenueManagementImage, ReversalNeededIcon, RoutingNumberImage, Search$1 as Search, SearchIcon, SearchableSelect$1 as SearchableSelect, SettingsIconSmall$1 as SettingsIconSmall, ShoppingCartIcon, ShortageIcon, Sidebar, SidebarSingleContent$1 as SidebarSingleContent, SidebarStackContent$1 as SidebarStackContent, SolidDivider$1 as SolidDivider, SortableTableHeading$1 as SortableTableHeading, Spinner$2 as Spinner, Stack, StandardCheckoutImage, FormStateDropdown as StateProvinceDropdown, StatusUnknownIcon, SuccessfulIcon, SuccessfulIconMedium, SuccessfulIconSmall, Switcher, TabSidebar$1 as TabSidebar, Table_styled as Table, TableBody_styled as TableBody, TableCell_styled as TableCell, TableHead$1 as TableHead, TableHeading, TableListItem, TableRow$1 as TableRow, Tabs$1 as Tabs, TermsAndConditions, TermsAndConditionsModal$1 as TermsAndConditionsModal, Text$1 as Text, Timeout$1 as Timeout, TimeoutImage, Title$1 as Title, ToastNotification, ToggleSwitch$1 as ToggleSwitch, Tooltip, TrashIcon$1 as TrashIcon, TrashIconV2$1 as TrashIconV2, TurnstileWidget, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VisaLargeIcon, VisaSmallIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WalletName, WarningIconXS, WelcomeModule$1 as WelcomeModule, WireSmallIcon, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index as constants, createPartialAmountFormState, createPartialAmountFormValidators, index$1 as hooks, index$2 as util, withWindowSize };
|
|
52086
51951
|
//# sourceMappingURL=index.esm.js.map
|