@thecb/components 7.8.2 → 7.8.3-beta.2

package/dist/index.cjs.js

@@ -21329,7 +21329,7 @@ var check = function (it) {
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
 var global_1 =
-  // eslint-disable-next-line es/no-global-this -- safe
+  // eslint-disable-next-line es-x/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
   // eslint-disable-next-line no-restricted-globals -- safe
@@ -21348,12 +21348,12 @@ var fails = function (exec) {
 
 // Detect IE8's incomplete defineProperty implementation
 var descriptors = !fails(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
 });
 
 var functionBindNative = !fails(function () {
-  // eslint-disable-next-line es/no-function-prototype-bind -- safe
+  // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
   return typeof test != 'function' || test.hasOwnProperty('prototype');
@@ -21366,7 +21366,7 @@ var functionCall = functionBindNative ? call.bind(call) : function () {
 };
 
 var $propertyIsEnumerable = {}.propertyIsEnumerable;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
 var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
 // Nashorn ~ JDK8 bug
@@ -21393,29 +21393,25 @@ var createPropertyDescriptor = function (bitmap, value) {
 };
 
 var FunctionPrototype = Function.prototype;
+var bind$1 = FunctionPrototype.bind;
 var call$1 = FunctionPrototype.call;
-var uncurryThisWithBind = functionBindNative && FunctionPrototype.bind.bind(call$1, call$1);
+var uncurryThis = functionBindNative && bind$1.bind(call$1, call$1);
 
-var functionUncurryThisRaw = function (fn) {
-  return functionBindNative ? uncurryThisWithBind(fn) : function () {
+var functionUncurryThis = functionBindNative ? function (fn) {
+  return fn && uncurryThis(fn);
+} : function (fn) {
+  return fn && function () {
     return call$1.apply(fn, arguments);
   };
 };
 
-var toString$2 = functionUncurryThisRaw({}.toString);
-var stringSlice = functionUncurryThisRaw(''.slice);
+var toString$2 = functionUncurryThis({}.toString);
+var stringSlice = functionUncurryThis(''.slice);
 
 var classofRaw = function (it) {
   return stringSlice(toString$2(it), 8, -1);
 };
 
-var functionUncurryThis = function (fn) {
-  // Nashorn bug:
-  //   https://github.com/zloirock/core-js/issues/1128
-  //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw(fn) === 'Function') return functionUncurryThisRaw(fn);
-};
-
 var $Object = Object;
 var split = functionUncurryThis(''.split);
 
@@ -21428,18 +21424,12 @@ var indexedObject = fails(function () {
   return classofRaw(it) == 'String' ? split(it, '') : $Object(it);
 } : $Object;
 
-// we can't use just `it == null` since of `document.all` special case
-// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
-var isNullOrUndefined = function (it) {
-  return it === null || it === undefined;
-};
-
 var $TypeError = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible = function (it) {
-  if (isNullOrUndefined(it)) throw $TypeError("Can't call method on " + it);
+  if (it == undefined) throw $TypeError("Can't call method on " + it);
   return it;
 };
 
@@ -21451,31 +21441,13 @@ var toIndexedObject = function (it) {
   return indexedObject(requireObjectCoercible(it));
 };
 
-var documentAll = typeof document == 'object' && document.all;
-
-// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
-var IS_HTMLDDA = typeof documentAll == 'undefined' && documentAll !== undefined;
-
-var documentAll_1 = {
-  all: documentAll,
-  IS_HTMLDDA: IS_HTMLDDA
-};
-
-var documentAll$1 = documentAll_1.all;
-
 // `IsCallable` abstract operation
 // https://tc39.es/ecma262/#sec-iscallable
-var isCallable = documentAll_1.IS_HTMLDDA ? function (argument) {
-  return typeof argument == 'function' || argument === documentAll$1;
-} : function (argument) {
+var isCallable = function (argument) {
   return typeof argument == 'function';
 };
 
-var documentAll$2 = documentAll_1.all;
-
-var isObject = documentAll_1.IS_HTMLDDA ? function (it) {
-  return typeof it == 'object' ? it !== null : isCallable(it) || it === documentAll$2;
-} : function (it) {
+var isObject = function (it) {
   return typeof it == 'object' ? it !== null : isCallable(it);
 };
 
@@ -21516,12 +21488,12 @@ if (!version && engineUserAgent) {
 
 var engineV8Version = version;
 
-/* eslint-disable es/no-symbol -- required for testing */
+/* eslint-disable es-x/no-symbol -- required for testing */
 
 
 
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails(function () {
+// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
+var nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {
   var symbol = Symbol();
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -21530,10 +21502,10 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails(functi
     !Symbol.sham && engineV8Version && engineV8Version < 41;
 });
 
-/* eslint-disable es/no-symbol -- required for testing */
+/* eslint-disable es-x/no-symbol -- required for testing */
 
 
-var useSymbolAsUid = symbolConstructorDetection
+var useSymbolAsUid = nativeSymbol
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
@@ -21568,7 +21540,7 @@ var aCallable = function (argument) {
 // https://tc39.es/ecma262/#sec-getmethod
 var getMethod = function (V, P) {
   var func = V[P];
-  return isNullOrUndefined(func) ? undefined : aCallable(func);
+  return func == null ? undefined : aCallable(func);
 };
 
 var $TypeError$2 = TypeError;
@@ -21583,7 +21555,7 @@ var ordinaryToPrimitive = function (input, pref) {
   throw $TypeError$2("Can't convert object to primitive value");
 };
 
-// eslint-disable-next-line es/no-object-defineproperty -- safe
+// eslint-disable-next-line es-x/no-object-defineproperty -- safe
 var defineProperty = Object.defineProperty;
 
 var defineGlobalProperty = function (key, value) {
@@ -21603,10 +21575,10 @@ var shared = createCommonjsModule(function (module) {
 (module.exports = function (key, value) {
   return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.25.5',
+  version: '3.24.1',
   mode:  'global',
   copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.25.5/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.24.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 });
@@ -21623,7 +21595,7 @@ var hasOwnProperty = functionUncurryThis({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
-// eslint-disable-next-line es/no-object-hasown -- safe
+// eslint-disable-next-line es-x/no-object-hasown -- safe
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject(it), key);
 };
@@ -21642,9 +21614,9 @@ var symbolFor = Symbol$1 && Symbol$1['for'];
 var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
 
 var wellKnownSymbol = function (name) {
-  if (!hasOwnProperty_1(WellKnownSymbolsStore, name) || !(symbolConstructorDetection || typeof WellKnownSymbolsStore[name] == 'string')) {
+  if (!hasOwnProperty_1(WellKnownSymbolsStore, name) || !(nativeSymbol || typeof WellKnownSymbolsStore[name] == 'string')) {
     var description = 'Symbol.' + name;
-    if (symbolConstructorDetection && hasOwnProperty_1(Symbol$1, name)) {
+    if (nativeSymbol && hasOwnProperty_1(Symbol$1, name)) {
       WellKnownSymbolsStore[name] = Symbol$1[name];
     } else if (useSymbolAsUid && symbolFor) {
       WellKnownSymbolsStore[name] = symbolFor(description);
@@ -21690,13 +21662,13 @@ var documentCreateElement = function (it) {
 
 // Thanks to IE8 for its funny defineProperty
 var ie8DomDefine = !descriptors && !fails(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
   return Object.defineProperty(documentCreateElement('div'), 'a', {
     get: function () { return 7; }
   }).a != 7;
 });
 
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
 var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
 // `Object.getOwnPropertyDescriptor` method
@@ -21717,7 +21689,7 @@ var objectGetOwnPropertyDescriptor = {
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
 var v8PrototypeDefineBug = descriptors && fails(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
     writable: false
@@ -21734,9 +21706,9 @@ var anObject = function (argument) {
 };
 
 var $TypeError$5 = TypeError;
-// eslint-disable-next-line es/no-object-defineproperty -- safe
+// eslint-disable-next-line es-x/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
 var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 var ENUMERABLE = 'enumerable';
 var CONFIGURABLE = 'configurable';
@@ -21783,7 +21755,7 @@ var createNonEnumerableProperty = descriptors ? function (object, key, value) {
 };
 
 var FunctionPrototype$1 = Function.prototype;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
 var getDescriptor = descriptors && Object.getOwnPropertyDescriptor;
 
 var EXISTS$1 = hasOwnProperty_1(FunctionPrototype$1, 'name');
@@ -21810,7 +21782,7 @@ var inspectSource = sharedStore.inspectSource;
 
 var WeakMap$1 = global_1.WeakMap;
 
-var weakMapBasicDetection = isCallable(WeakMap$1) && /native code/.test(String(WeakMap$1));
+var nativeWeakMap = isCallable(WeakMap$1) && /native code/.test(inspectSource(WeakMap$1));
 
 var keys$1 = shared('keys');
 
@@ -21838,30 +21810,28 @@ var getterFor = function (TYPE) {
   };
 };
 
-if (weakMapBasicDetection || sharedStore.state) {
+if (nativeWeakMap || sharedStore.state) {
   var store$1 = sharedStore.state || (sharedStore.state = new WeakMap$2());
-  /* eslint-disable no-self-assign -- prototype methods protection */
-  store$1.get = store$1.get;
-  store$1.has = store$1.has;
-  store$1.set = store$1.set;
-  /* eslint-enable no-self-assign -- prototype methods protection */
+  var wmget = functionUncurryThis(store$1.get);
+  var wmhas = functionUncurryThis(store$1.has);
+  var wmset = functionUncurryThis(store$1.set);
   set = function (it, metadata) {
-    if (store$1.has(it)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (wmhas(store$1, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
-    store$1.set(it, metadata);
+    wmset(store$1, it, metadata);
     return metadata;
   };
   get = function (it) {
-    return store$1.get(it) || {};
+    return wmget(store$1, it) || {};
   };
   has = function (it) {
-    return store$1.has(it);
+    return wmhas(store$1, it);
   };
 } else {
   var STATE = sharedKey('state');
   hiddenKeys[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwnProperty_1(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwnProperty_1(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty(it, STATE, metadata);
     return metadata;
@@ -21889,7 +21859,7 @@ var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
 
 var enforceInternalState = internalState.enforce;
 var getInternalState = internalState.get;
-// eslint-disable-next-line es/no-object-defineproperty -- safe
+// eslint-disable-next-line es-x/no-object-defineproperty -- safe
 var defineProperty = Object.defineProperty;
 
 var CONFIGURABLE_LENGTH = descriptors && !fails(function () {
@@ -21958,7 +21928,7 @@ var floor = Math.floor;
 
 // `Math.trunc` method
 // https://tc39.es/ecma262/#sec-math.trunc
-// eslint-disable-next-line es/no-math-trunc -- safe
+// eslint-disable-next-line es-x/no-math-trunc -- safe
 var mathTrunc = Math.trunc || function trunc(x) {
   var n = +x;
   return (n > 0 ? floor : ceil)(n);
@@ -22059,7 +22029,7 @@ var hiddenKeys$1 = enumBugKeys.concat('length', 'prototype');
 
 // `Object.getOwnPropertyNames` method
 // https://tc39.es/ecma262/#sec-object.getownpropertynames
-// eslint-disable-next-line es/no-object-getownpropertynames -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
 var f$3 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
   return objectKeysInternal(O, hiddenKeys$1);
 };
@@ -22068,7 +22038,7 @@ var objectGetOwnPropertyNames = {
 	f: f$3
 };
 
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
+// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
 var f$4 = Object.getOwnPropertySymbols;
 
 var objectGetOwnPropertySymbols = {
@@ -22212,7 +22182,7 @@ var toString_1 = function (argument) {
 var charAt = functionUncurryThis(''.charAt);
 
 var FORCED = fails(function () {
-  // eslint-disable-next-line es/no-array-string-prototype-at -- safe
+  // eslint-disable-next-line es-x/no-array-string-prototype-at -- safe
   return '𠮷'.at(-2) !== '\uD842';
 });
 
@@ -22230,14 +22200,14 @@ _export({ target: 'String', proto: true, forced: FORCED }, {
 
 // `Object.keys` method
 // https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es/no-object-keys -- safe
+// eslint-disable-next-line es-x/no-object-keys -- safe
 var objectKeys = Object.keys || function keys(O) {
   return objectKeysInternal(O, enumBugKeys);
 };
 
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es/no-object-defineproperties -- safe
+// eslint-disable-next-line es-x/no-object-defineproperties -- safe
 var f$5 = descriptors && !v8PrototypeDefineBug ? Object.defineProperties : function defineProperties(O, Properties) {
   anObject(O);
   var props = toIndexedObject(Properties);
@@ -22326,7 +22296,7 @@ hiddenKeys[IE_PROTO] = true;
 
 // `Object.create` method
 // https://tc39.es/ecma262/#sec-object.create
-// eslint-disable-next-line es/no-object-create -- safe
+// eslint-disable-next-line es-x/no-object-create -- safe
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
@@ -22372,13 +22342,13 @@ _export({ target: 'Array', proto: true }, {
 
 addToUnscopables('at');
 
-// eslint-disable-next-line es/no-typed-arrays -- safe
-var arrayBufferBasicDetection = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
+// eslint-disable-next-line es-x/no-typed-arrays -- safe
+var arrayBufferNative = typeof ArrayBuffer != 'undefined' && typeof DataView != 'undefined';
 
 var correctPrototypeGetter = !fails(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
-  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
+  // eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
@@ -22388,7 +22358,7 @@ var ObjectPrototype = $Object$4.prototype;
 
 // `Object.getPrototypeOf` method
 // https://tc39.es/ecma262/#sec-object.getprototypeof
-// eslint-disable-next-line es/no-object-getprototypeof -- safe
+// eslint-disable-next-line es-x/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = correctPrototypeGetter ? $Object$4.getPrototypeOf : function (O) {
   var object = toObject(O);
   if (hasOwnProperty_1(object, IE_PROTO$1)) return object[IE_PROTO$1];
@@ -22414,13 +22384,13 @@ var aPossiblePrototype = function (argument) {
 // `Object.setPrototypeOf` method
 // https://tc39.es/ecma262/#sec-object.setprototypeof
 // Works with __proto__ only. Old v8 can't work with null proto objects.
-// eslint-disable-next-line es/no-object-setprototypeof -- safe
+// eslint-disable-next-line es-x/no-object-setprototypeof -- safe
 var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
   var CORRECT_SETTER = false;
   var test = {};
   var setter;
   try {
-    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+    // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
     setter = functionUncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
     setter(test, []);
     CORRECT_SETTER = test instanceof Array;
@@ -22457,7 +22427,7 @@ var TO_STRING_TAG$2 = wellKnownSymbol('toStringTag');
 var TYPED_ARRAY_TAG = uid('TYPED_ARRAY_TAG');
 var TYPED_ARRAY_CONSTRUCTOR = 'TypedArrayConstructor';
 // Fixing native typed arrays in Opera Presto crashes the browser, see #595
-var NATIVE_ARRAY_BUFFER_VIEWS = arrayBufferBasicDetection && !!objectSetPrototypeOf && classof(global_1.opera) !== 'Opera';
+var NATIVE_ARRAY_BUFFER_VIEWS = arrayBufferNative && !!objectSetPrototypeOf && classof(global_1.opera) !== 'Opera';
 var TYPED_ARRAY_TAG_REQUIRED = false;
 var NAME, Constructor, Prototype;
 
@@ -47159,6 +47129,101 @@ var AccountAndRoutingModal = function AccountAndRoutingModal(_ref) {
 
 var AccountAndRoutingModal$1 = themeComponent(AccountAndRoutingModal, "AccountAndRoutingModal", fallbackValues$L, "default");
 
+var backgroundColor$c = {
+  "default": "#ffffff",
+  footer: "#ffffff"
+};
+var linkColor$6 = {
+  "default": "#3176AA",
+  footer: "#ffffff"
+};
+var border$3 = {
+  "default": "#cdcdcd",
+  footer: "#cdcdcd"
+};
+var fontSize$b = {
+  "default": "1rem",
+  footer: "0.875rem"
+};
+var lineHeight$5 = {
+  "default": "1.5rem",
+  footer: "1.25rem"
+};
+var fontWeight$8 = {
+  "default": FONT_WEIGHT_REGULAR,
+  footer: FONT_WEIGHT_SEMIBOLD
+};
+var standardInteractionStyles = "\n    &:hover {\n      outline: none; \n      text-decoration: underline;\n    }\n    &:focus {\n      outline: 3px solid #3181E3;\n      outline-offset: 2px;\n    }\n";
+var modalLinkHoverFocus$2 = {
+  "default": standardInteractionStyles,
+  footer: standardInteractionStyles
+};
+var fallbackValues$M = {
+  backgroundColor: backgroundColor$c,
+  linkColor: linkColor$6,
+  border: border$3,
+  fontSize: fontSize$b,
+  lineHeight: lineHeight$5,
+  fontWeight: fontWeight$8,
+  modalLinkHoverFocus: modalLinkHoverFocus$2
+};
+
+var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
+  var link = _ref.link,
+      _ref$title = _ref.title,
+      title = _ref$title === void 0 ? "Terms & Conditions" : _ref$title,
+      isOpen = _ref.isOpen,
+      toggleOpen = _ref.toggleOpen,
+      toggleAccepted = _ref.toggleAccepted,
+      acceptText = _ref.acceptText,
+      terms = _ref.terms,
+      variant = _ref.variant,
+      _ref$linkVariant = _ref.linkVariant,
+      linkVariant = _ref$linkVariant === void 0 ? "p" : _ref$linkVariant,
+      themeValues = _ref.themeValues;
+  return /*#__PURE__*/React__default.createElement(Modal$1, {
+    modalOpen: isOpen,
+    hideModal: function hideModal() {
+      return toggleOpen(false);
+    },
+    showModal: function showModal() {
+      return toggleOpen(true);
+    },
+    modalHeaderText: title,
+    modalBodyText: /*#__PURE__*/React__default.createElement(Box, {
+      background: themeValues.backgroundColor,
+      border: "1px solid ".concat(themeValues.border),
+      borderRadius: "3px",
+      extraStyles: "overflow: scroll; max-height: 20rem;"
+    }, /*#__PURE__*/React__default.createElement(Text$1, {
+      variant: "p",
+      extraStyles: "& a { text-decoration: underline; }"
+    }, terms)),
+    defaultWrapper: false,
+    onlyCloseButton: !acceptText,
+    continueButtonText: acceptText,
+    continueAction: function continueAction() {
+      toggleAccepted(true);
+      toggleOpen(false);
+    }
+  }, /*#__PURE__*/React__default.createElement(Text$1, {
+    variant: linkVariant,
+    onClick: function onClick() {
+      return toggleOpen(true);
+    },
+    onKeyPress: function onKeyPress(e) {
+      return e.key === "Enter" && toggleOpen(true);
+    },
+    tabIndex: "0",
+    color: themeValues.linkColor,
+    weight: themeValues.fontWeight,
+    hoverStyles: themeValues.modalLinkHoverFocus,
+    extraStyles: "display: inline-block; width: fit-content; cursor: pointer"
+  }, link));
+};
+
+var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$M, "default");
+
 var PaymentFormACH = function PaymentFormACH(_ref) {
   var _routingNumberErrors, _accountNumberErrors;
 
@@ -47177,7 +47242,10 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
       handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
       showWalletCheckbox = _ref.showWalletCheckbox,
       saveToWallet = _ref.saveToWallet,
-      walletCheckboxMarked = _ref.walletCheckboxMarked;
+      walletCheckboxMarked = _ref.walletCheckboxMarked,
+      termsContent = _ref.termsContent,
+      _ref$termsTitle = _ref.termsTitle,
+      termsTitle = _ref$termsTitle === void 0 ? "Terms &amp; Conditions" : _ref$termsTitle;
 
   if (clearOnDismount) {
     React.useEffect(function () {
@@ -47197,6 +47265,14 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
       showAccount = _useState4[0],
       toggleShowAccount = _useState4[1];
 
+  var _useState5 = React.useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      termsModalOpen = _useState6[0],
+      setTermsModalOpen = _useState6[1];
+
+  var showTerms = !!termsContent;
+  var showTermsLinkVariant = showWalletCheckbox ? "p" : "pS";
+
   var nameErrors = _defineProperty({}, required.error, "Name is required");
 
   var routingNumberErrors = (_routingNumberErrors = {}, _defineProperty(_routingNumberErrors, required.error, "Routing number is required"), _defineProperty(_routingNumberErrors, hasLength.error, "Routing number must be 9 digits"), _defineProperty(_routingNumberErrors, isRoutingNumber.error, "Invalid routing number"), _routingNumberErrors);
@@ -47305,12 +47381,27 @@ var PaymentFormACH = function PaymentFormACH(_ref) {
     onChange: toggleCheckbox,
     checked: defaultMethod.value,
     hidden: hideDefaultPayment
-  }), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
+  }), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
+    childGap: "4px"
+  }, showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "bank checkbox",
-    title: "Save checking account to wallet",
+    title: "Save checking account to wallet.",
     checked: walletCheckboxMarked,
     onChange: saveToWallet
-  })));
+  }), showTerms && /*#__PURE__*/React__default.createElement(Cover, {
+    singleChild: true
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    childGap: 0
+  }, /*#__PURE__*/React__default.createElement(Text$1, {
+    variant: showTermsLinkVariant
+  }, "View\xA0"), /*#__PURE__*/React__default.createElement(TermsAndConditionsModal$1, {
+    link: termsTitle,
+    linkVariant: showTermsLinkVariant,
+    terms: termsContent,
+    title: termsTitle,
+    isOpen: termsModalOpen,
+    toggleOpen: setTermsModalOpen
+  }))))));
 };
 
 var formConfig$6 = {
@@ -47364,11 +47455,21 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
       showWalletCheckbox = _ref.showWalletCheckbox,
       saveToWallet = _ref.saveToWallet,
       walletCheckboxMarked = _ref.walletCheckboxMarked,
-      deniedCards = _ref.deniedCards;
+      deniedCards = _ref.deniedCards,
+      termsContent = _ref.termsContent,
+      _ref$termsTitle = _ref.termsTitle,
+      termsTitle = _ref$termsTitle === void 0 ? "Terms &amp; Conditions" : _ref$termsTitle;
 
   var _useContext = React.useContext(styled.ThemeContext),
       isMobile = _useContext.isMobile;
 
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      termsModalOpen = _useState2[0],
+      setTermsModalOpen = _useState2[1];
+
+  var showTerms = !!termsContent;
+  var showTermsLinkVariant = showWalletCheckbox ? "p" : "pS";
   React.useEffect(function () {
     if (deniedCards) {
       deniedCards.map(function (card) {
@@ -47477,12 +47578,27 @@ var PaymentFormCard = function PaymentFormCard(_ref) {
       return e.key === "Enter" && handleSubmit(e);
     },
     autocomplete: "billing postal-code"
-  })), showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
+  })), (showWalletCheckbox || showTerms) && /*#__PURE__*/React__default.createElement(Cluster, {
+    childGap: "4px"
+  }, showWalletCheckbox && /*#__PURE__*/React__default.createElement(Checkbox$1, {
     name: "credit card checkbox",
-    title: "Save credit card to wallet",
+    title: "Save credit card to wallet.",
     checked: walletCheckboxMarked,
     onChange: saveToWallet
-  })));
+  }), showTerms && /*#__PURE__*/React__default.createElement(Cover, {
+    singleChild: true
+  }, /*#__PURE__*/React__default.createElement(Cluster, {
+    childGap: 0
+  }, /*#__PURE__*/React__default.createElement(Text$1, {
+    variant: showTermsLinkVariant
+  }, "View\xA0"), /*#__PURE__*/React__default.createElement(TermsAndConditionsModal$1, {
+    link: termsTitle,
+    linkVariant: showTermsLinkVariant,
+    terms: termsContent,
+    title: termsTitle,
+    isOpen: termsModalOpen,
+    toggleOpen: setTermsModalOpen
+  }))))));
 };
 
 var PaymentFormCard$1 = withWindowSize(PaymentFormCard);
@@ -47763,7 +47879,7 @@ var headingDisabledColor = "".concat(ATHENS_GREY);
 var bodyBackgroundColor$1 = "#eeeeee";
 var borderColor$5 = "".concat(GREY_CHATEAU);
 var focusStyles = "outline: none;";
-var fallbackValues$M = {
+var fallbackValues$N = {
   headingBackgroundColor: headingBackgroundColor$1,
   headingDisabledColor: headingDisabledColor,
   bodyBackgroundColor: bodyBackgroundColor$1,
@@ -47951,7 +48067,7 @@ var RadioSection = function RadioSection(_ref) {
   })));
 };
 
-var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$M);
+var RadioSection$1 = themeComponent(RadioSection, "RadioSection", fallbackValues$N);
 
 var RegistrationForm = function RegistrationForm(_ref) {
   var _emailErrorMessages, _passwordErrorMessage;
@@ -48248,7 +48364,7 @@ var ResetPasswordSuccess = withWindowSize(ResetConfirmationForm$2);
 var activeTabBackground = "#FFFFFF";
 var activeTabAccent = "#15749D";
 var activeTabHover = "#B8D5E1";
-var fallbackValues$N = {
+var fallbackValues$O = {
   activeTabBackground: activeTabBackground,
   activeTabAccent: activeTabAccent,
   activeTabHover: activeTabHover
@@ -48327,12 +48443,12 @@ var Tabs = function Tabs(_ref) {
   }))));
 };
 
-var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$N);
+var Tabs$1 = themeComponent(Tabs, "NavigationTab", fallbackValues$O);
 
 var activeTabBackground$1 = "#FFFFFF";
 var activeTabAccent$1 = "#15749D";
 var activeTabHover$1 = "#B8D5E1";
-var fallbackValues$O = {
+var fallbackValues$P = {
   activeTabBackground: activeTabBackground$1,
   activeTabAccent: activeTabAccent$1,
   activeTabHover: activeTabHover$1
@@ -48388,100 +48504,7 @@ var TabSidebar = function TabSidebar(_ref) {
   })));
 };
 
-var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$O);
-
-var backgroundColor$c = {
-  "default": "#ffffff",
-  footer: "#ffffff"
-};
-var linkColor$6 = {
-  "default": "#3176AA",
-  footer: "#ffffff"
-};
-var border$3 = {
-  "default": "#cdcdcd",
-  footer: "#cdcdcd"
-};
-var fontSize$b = {
-  "default": "1rem",
-  footer: "0.875rem"
-};
-var lineHeight$5 = {
-  "default": "1.5rem",
-  footer: "1.25rem"
-};
-var fontWeight$8 = {
-  "default": FONT_WEIGHT_REGULAR,
-  footer: FONT_WEIGHT_SEMIBOLD
-};
-var standardInteractionStyles = "\n    &:hover {\n      outline: none; \n      text-decoration: underline;\n    }\n    &:focus {\n      outline: 3px solid #3181E3;\n      outline-offset: 2px;\n    }\n";
-var modalLinkHoverFocus$2 = {
-  "default": standardInteractionStyles,
-  footer: standardInteractionStyles
-};
-var fallbackValues$P = {
-  backgroundColor: backgroundColor$c,
-  linkColor: linkColor$6,
-  border: border$3,
-  fontSize: fontSize$b,
-  lineHeight: lineHeight$5,
-  fontWeight: fontWeight$8,
-  modalLinkHoverFocus: modalLinkHoverFocus$2
-};
-
-var TermsAndConditionsModal = function TermsAndConditionsModal(_ref) {
-  var link = _ref.link,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? "Terms & Conditions" : _ref$title,
-      isOpen = _ref.isOpen,
-      toggleOpen = _ref.toggleOpen,
-      toggleAccepted = _ref.toggleAccepted,
-      acceptText = _ref.acceptText,
-      terms = _ref.terms,
-      variant = _ref.variant,
-      themeValues = _ref.themeValues;
-  return /*#__PURE__*/React__default.createElement(Modal$1, {
-    modalOpen: isOpen,
-    hideModal: function hideModal() {
-      return toggleOpen(false);
-    },
-    showModal: function showModal() {
-      return toggleOpen(true);
-    },
-    modalHeaderText: title,
-    modalBodyText: /*#__PURE__*/React__default.createElement(Box, {
-      background: themeValues.backgroundColor,
-      border: "1px solid ".concat(themeValues.border),
-      borderRadius: "3px",
-      extraStyles: "overflow: scroll; max-height: 20rem;"
-    }, /*#__PURE__*/React__default.createElement(Text$1, {
-      variant: "p",
-      extraStyles: "& a { text-decoration: underline; }"
-    }, terms)),
-    defaultWrapper: false,
-    onlyCloseButton: !acceptText,
-    continueButtonText: acceptText,
-    continueAction: function continueAction() {
-      toggleAccepted(true);
-      toggleOpen(false);
-    }
-  }, /*#__PURE__*/React__default.createElement(Text$1, {
-    variant: variant === "default" ? "pS" : "pXS",
-    onClick: function onClick() {
-      return toggleOpen(true);
-    },
-    onKeyPress: function onKeyPress(e) {
-      return e.key === "Enter" && toggleOpen(true);
-    },
-    tabIndex: "0",
-    color: themeValues.linkColor,
-    weight: themeValues.fontWeight,
-    hoverStyles: themeValues.modalLinkHoverFocus,
-    extraStyles: "display: inline-block; width: fit-content;"
-  }, link));
-};
-
-var TermsAndConditionsModal$1 = themeComponent(TermsAndConditionsModal, "TermsAndConditionsModal", fallbackValues$P, "default");
+var TabSidebar$1 = themeComponent(TabSidebar, "ProfileTab", fallbackValues$P);
 
 var TermsAndConditions = function TermsAndConditions(_ref) {
   var onCheck = _ref.onCheck,
@@ -48489,7 +48512,8 @@ var TermsAndConditions = function TermsAndConditions(_ref) {
       html = _ref.html,
       terms = _ref.terms,
       _ref$error = _ref.error,
-      error = _ref$error === void 0 ? false : _ref$error;
+      error = _ref$error === void 0 ? false : _ref$error,
+      linkVariant = _ref.linkVariant;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -48510,7 +48534,8 @@ var TermsAndConditions = function TermsAndConditions(_ref) {
     link: "Learn More",
     terms: terms,
     isOpen: showTerms,
-    toggleOpen: toggleShowTerms
+    toggleOpen: toggleShowTerms,
+    linkVariant: linkVariant
   })))));
 };