@thecb/components 10.12.6-beta.0 → 11.0.0-beta.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.
Files changed (180) hide show
  1. package/README.md +14 -6
  2. package/dist/index.cjs.js +1311 -1482
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.esm.js +1311 -1483
  5. package/dist/index.esm.js.map +1 -1
  6. package/package.json +25 -13
  7. package/src/.DS_Store +0 -0
  8. package/src/components/.DS_Store +0 -0
  9. package/src/components/atoms/.DS_Store +0 -0
  10. package/src/components/atoms/alert/Alert.mdx +19 -0
  11. package/src/components/atoms/alert/Alert.stories.js +148 -26
  12. package/src/components/atoms/badge/Badge.js +2 -2
  13. package/src/components/atoms/badge/Badge.mdx +27 -0
  14. package/src/components/atoms/badge/Badge.stories.js +143 -29
  15. package/src/components/atoms/breadcrumb/Breadcrumb.mdx +21 -0
  16. package/src/components/atoms/breadcrumb/Breadcrumb.stories.js +38 -29
  17. package/src/components/atoms/button-with-action/ButtonWithAction.stories.js +108 -55
  18. package/src/components/atoms/button-with-link/ButtonWithLink.mdx +21 -0
  19. package/src/components/atoms/button-with-link/ButtonWithLink.stories.js +160 -31
  20. package/src/components/atoms/card/Card.mdx +41 -0
  21. package/src/components/atoms/card/Card.stories.js +351 -0
  22. package/src/components/atoms/card/CardText.js +6 -1
  23. package/src/components/atoms/checkbox/Checkbox.mdx +15 -0
  24. package/src/components/atoms/checkbox/Checkbox.oldstories.js +34 -0
  25. package/src/components/atoms/checkbox/Checkbox.stories.js +140 -25
  26. package/src/components/atoms/country-dropdown/CountryDropdown.mdx +36 -0
  27. package/src/components/atoms/country-dropdown/CountryDropdown.stories.js +61 -27
  28. package/src/components/atoms/detail/Detail.js +0 -26
  29. package/src/components/atoms/detail/Detail.mdx +32 -0
  30. package/src/components/atoms/detail/Detail.stories.js +156 -0
  31. package/src/components/atoms/display-box/DisplayBox.mdx +11 -0
  32. package/src/components/atoms/display-box/DisplayBox.stories.js +65 -21
  33. package/src/components/atoms/display-card/DisplayCard.mdx +13 -0
  34. package/src/components/atoms/display-card/DisplayCard.stories.js +163 -22
  35. package/src/components/atoms/dropdown/Dropdown.mdx +65 -0
  36. package/src/components/atoms/dropdown/Dropdown.stories.js +91 -10
  37. package/src/components/atoms/form-layouts/FormInput.mdx +38 -0
  38. package/src/components/atoms/form-layouts/FormInput.stories.js +212 -26
  39. package/src/components/atoms/form-select/FormSelect.mdx +42 -0
  40. package/src/components/atoms/form-select/FormSelect.stories.js +55 -29
  41. package/src/components/atoms/formatted-address/FormattedAddress.mdx +13 -0
  42. package/src/components/atoms/formatted-address/FormattedAddress.stories.js +133 -27
  43. package/src/components/atoms/formatted-bank-account/FormattedBankAccount.mdx +17 -0
  44. package/src/components/atoms/formatted-bank-account/FormattedBankAccount.stories.js +57 -0
  45. package/src/components/atoms/formatted-credit-card/FormattedCreditCard.mdx +40 -0
  46. package/src/components/atoms/formatted-credit-card/FormattedCreditCard.stories.js +74 -0
  47. package/src/components/atoms/icons/Icons.mdx +40 -0
  48. package/src/components/atoms/icons/Icons.stories.js +325 -0
  49. package/src/components/atoms/labeled-amount/LabeledAmount.mdx +23 -0
  50. package/src/components/atoms/labeled-amount/LabeledAmount.stories.js +110 -34
  51. package/src/components/atoms/line-item/LineItem.mdx +28 -0
  52. package/src/components/atoms/line-item/LineItem.stories.js +89 -22
  53. package/src/components/atoms/link/Link.mdx +19 -0
  54. package/src/components/atoms/link/Link.stories.js +155 -49
  55. package/src/components/atoms/loading/Loading.mdx +13 -0
  56. package/src/components/atoms/loading/Loading.stories.js +22 -0
  57. package/src/components/atoms/loading-line/LoadingLine.js +14 -10
  58. package/src/components/atoms/loading-line/LoadingLine.mdx +15 -0
  59. package/src/components/atoms/loading-line/LoadingLine.stories.js +132 -28
  60. package/src/components/atoms/nav-footer/.DS_Store +0 -0
  61. package/src/components/atoms/nav-footer/NavFooter.mdx +15 -0
  62. package/src/components/atoms/nav-footer/NavFooter.stories.js +235 -22
  63. package/src/components/atoms/nav-header/NavHeader.mdx +13 -0
  64. package/src/components/atoms/nav-header/NavHeader.stories.js +122 -21
  65. package/src/components/atoms/nav-tabs/NavTabs.mdx +30 -0
  66. package/src/components/atoms/nav-tabs/NavTabs.stories.js +49 -0
  67. package/src/components/atoms/password-requirements/PasswordRequirements.mdx +39 -0
  68. package/src/components/atoms/password-requirements/PasswordRequirements.stories.js +108 -44
  69. package/src/components/atoms/placeholder/Placeholder.mdx +19 -0
  70. package/src/components/atoms/placeholder/Placeholder.stories.js +164 -36
  71. package/src/components/atoms/searchable-select/SearchableSelect.mdx +44 -0
  72. package/src/components/atoms/searchable-select/SearchableSelect.stories.js +103 -28
  73. package/src/components/atoms/state-province-dropdown/StateProvinceDropdown.mdx +36 -0
  74. package/src/components/atoms/state-province-dropdown/StateProvinceDropdown.stories.js +65 -40
  75. package/src/components/atoms/table/Table.mdx +71 -0
  76. package/src/components/atoms/table/Table.oldstories.js +84 -0
  77. package/src/components/atoms/table/Table.stories.js +59 -75
  78. package/src/components/atoms/table/TableRow.js +1 -0
  79. package/src/components/atoms/title/Title.js +0 -23
  80. package/src/components/atoms/title/Title.mdx +26 -0
  81. package/src/components/atoms/title/Title.stories.js +144 -0
  82. package/src/components/atoms/toggle-switch/ToggleSwitch.mdx +17 -0
  83. package/src/components/atoms/toggle-switch/ToggleSwitch.stories.js +103 -20
  84. package/src/components/atoms/toggle-switch/ToggleSwitch.theme.js +8 -5
  85. package/src/components/atoms/typeahead-input/TypeaheadInput.mdx +13 -0
  86. package/src/components/atoms/typeahead-input/TypeaheadInput.stories.js +63 -0
  87. package/src/components/molecules/.DS_Store +0 -0
  88. package/src/components/molecules/address-form/AddressForm.mdx +18 -0
  89. package/src/components/molecules/address-form/AddressForm.stories.js +223 -20
  90. package/src/components/molecules/banner/Banner.mdx +23 -0
  91. package/src/components/molecules/banner/Banner.stories.js +122 -26
  92. package/src/components/molecules/change-password-form/ChangePasswordForm.mdx +15 -0
  93. package/src/components/molecules/change-password-form/ChangePasswordForm.stories.js +203 -19
  94. package/src/components/molecules/collapsible-section/CollapsibleSection.mdx +15 -0
  95. package/src/components/molecules/collapsible-section/CollapsibleSection.stories.js +210 -61
  96. package/src/components/molecules/edit-name-form/EditNameForm.mdx +13 -0
  97. package/src/components/molecules/edit-name-form/EditNameForm.stories.js +117 -0
  98. package/src/components/molecules/idle-modal/IdleModal.js +101 -0
  99. package/src/components/molecules/idle-modal/IdleModal.mdx +17 -0
  100. package/src/components/molecules/idle-modal/IdleModal.stories.js +180 -0
  101. package/src/components/molecules/idle-modal/index.d.ts +16 -0
  102. package/src/components/molecules/idle-modal/index.js +3 -0
  103. package/src/components/molecules/index.js +1 -0
  104. package/src/components/molecules/link-card/LinkCard.mdx +17 -0
  105. package/src/components/molecules/link-card/LinkCard.stories.js +287 -72
  106. package/src/components/molecules/login-form/LoginForm.mdx +16 -0
  107. package/src/components/molecules/login-form/LoginForm.stories.js +117 -21
  108. package/src/components/molecules/modal/Modal.mdx +17 -0
  109. package/src/components/molecules/modal/Modal.stories.js +342 -128
  110. package/src/components/molecules/module/Module.mdx +17 -0
  111. package/src/components/molecules/module/Module.stories.js +267 -25
  112. package/src/components/molecules/obligation/.DS_Store +0 -0
  113. package/src/components/molecules/obligation/Obligation.mdx +23 -0
  114. package/src/components/molecules/obligation/Obligation.stories.js +460 -0
  115. package/src/components/molecules/obligation/icons/PropertyPersonalIcon.js +1 -1
  116. package/src/components/molecules/pagination/Pagination.mdx +15 -0
  117. package/src/components/molecules/pagination/Pagination.stories.js +177 -28
  118. package/src/components/molecules/popover/Popover.mdx +15 -0
  119. package/src/components/molecules/popover/Popover.stories.js +220 -0
  120. package/src/components/molecules/tabs/Tabs.mdx +17 -0
  121. package/src/components/molecules/tabs/Tabs.stories.js +135 -227
  122. package/src/components/molecules/toast-notification/Toast.mdx +15 -0
  123. package/src/components/molecules/toast-notification/Toast.stories.js +183 -0
  124. package/src/util/idleTimerUtils.js +36 -0
  125. package/src/util/index.js +3 -1
  126. package/src/components/molecules/edit-name-form/EdidNameForm.stories.js +0 -24
  127. package/src/components/molecules/toast-notification/ToastNotification.stories.js +0 -105
  128. /package/src/components/atoms/add-obligation/{AddObligation.stories.js → AddObligation.oldstories.js} +0 -0
  129. /package/src/components/atoms/amount-callout/{AmountCallout.stories.js → AmountCallout.oldstories.js} +0 -0
  130. /package/src/components/atoms/checkbox-list/{CheckboxList.stories.js → CheckboxList.oldstories.js} +0 -0
  131. /package/src/components/atoms/form-layouts/{FormLayouts.stories.js → FormLayouts.oldstories.js} +0 -0
  132. /package/src/components/atoms/hamburger-button/{HamburgerButton.stories.js → HamburgerButton.oldstories.js} +0 -0
  133. /package/src/components/atoms/heading/{Heading.stories.js → Heading.oldstories.js} +0 -0
  134. /package/src/components/atoms/icons/{icons.stories.js → icons.oldstories.js} +0 -0
  135. /package/src/components/atoms/layouts/examples/box-example/{BoxExample.stories.js → BoxExample.oldstories.js} +0 -0
  136. /package/src/components/atoms/layouts/examples/center-example/{CenterExample.stories.js → CenterExample.oldstories.js} +0 -0
  137. /package/src/components/atoms/layouts/examples/cluster-example/{ClusterExample.stories.js → ClusterExample.oldstories.js} +0 -0
  138. /package/src/components/atoms/layouts/examples/cover-example/{CoverExample.stories.js → CoverExample.oldstories.js} +0 -0
  139. /package/src/components/atoms/layouts/examples/frame-example/{FrameExample.stories.js → FrameExample.oldstories.js} +0 -0
  140. /package/src/components/atoms/layouts/examples/grid-example/{GridExample.stories.js → GridExample.oldstories.js} +0 -0
  141. /package/src/components/atoms/layouts/examples/imposter-example/{ImposterExample.stories.js → ImposterExample.oldstories.js} +0 -0
  142. /package/src/components/atoms/layouts/examples/motion-example/{MotionExample.stories.js → MotionExample.oldstories.js} +0 -0
  143. /package/src/components/atoms/layouts/examples/reel-example/{ReelExample.stories.js → ReelExample.oldstories.js} +0 -0
  144. /package/src/components/atoms/layouts/examples/sidebar-example/{SidebarExample.stories.js → SidebarExample.oldstories.js} +0 -0
  145. /package/src/components/atoms/layouts/examples/stack-example/{StackExample.stories.js → StackExample.oldstories.js} +0 -0
  146. /package/src/components/atoms/layouts/examples/switcher-example/{SwitcherExample.stories.js → SwitcherExample.oldstories.js} +0 -0
  147. /package/src/components/atoms/paragraph/{Paragraph.stories.js → Paragraph.oldstories.js} +0 -0
  148. /package/src/components/atoms/processing-fee/{ProcessingFee.stories.js → ProcessingFee.oldstories.js} +0 -0
  149. /package/src/components/atoms/search/{Search.stories.js → Search.oldstories.js} +0 -0
  150. /package/src/components/atoms/solid-divider/{SolidDivider.stories.js → SolidDivider.oldstories.js} +0 -0
  151. /package/src/components/atoms/sortable-table-heading/{SortableTableHeading.stories.js → SortableTableHeading.oldstories.js} +0 -0
  152. /package/src/components/atoms/spinner/{Spinner.stories.js → Spinner.oldstories.js} +0 -0
  153. /package/src/components/atoms/tab/{Tab.stories.js → Tab.oldstories.js} +0 -0
  154. /package/src/components/atoms/text/{Text.stories.js → Text.oldstories.js} +0 -0
  155. /package/src/components/atoms/typeahead-input/{TypeaheadIinput.stories.js → TypeaheadIinput.oldstories.js} +0 -0
  156. /package/src/components/atoms/wallet-name/{WalletName.stories.js → WalletName.oldstories.js} +0 -0
  157. /package/src/components/molecules/account-and-routing-modal/{AccountAndRoutingModal.stories.js → AccountAndRoutingModal.oldstories.js} +0 -0
  158. /package/src/components/molecules/editable-list/{EditableList.stories.js → EditableList.oldstories.js} +0 -0
  159. /package/src/components/molecules/email-form/{EmailForm.stories.js → EmailForm.oldstories.js} +0 -0
  160. /package/src/components/molecules/forgot-password-form/{ForgotPasswordForm.stories.js → ForgotPasswordForm.oldstories.js} +0 -0
  161. /package/src/components/molecules/highlight-tab-row/{HighlightTabRow.stories.js → HighlightTabRow.oldstories.js} +0 -0
  162. /package/src/components/molecules/multiple-select-filter/{MultipleSelectFilter.stories.js → MultipleSelectFilter.oldstories.js} +0 -0
  163. /package/src/components/molecules/obligation/modules/{AmountModule.stories.js → AmountModule.oldstories.js} +0 -0
  164. /package/src/components/molecules/payment-button-bar/{PaymentButtonBar.stories.js → PaymentButtonBar.oldstories.js} +0 -0
  165. /package/src/components/molecules/payment-details/{PaymentDetails.stories.js → PaymentDetails.oldstories.js} +0 -0
  166. /package/src/components/molecules/payment-form-ach/{PaymentFormACH.stories.js → PaymentFormACH.oldstories.js} +0 -0
  167. /package/src/components/molecules/payment-form-card/{PaymentFormCard.stories.js → PaymentFormCard.oldstories.js} +0 -0
  168. /package/src/components/molecules/periscope-dashboard-iframe/{PeriscopeDashBoardIframe.stories.js → PeriscopeDashBoardIframe.oldstories.js} +0 -0
  169. /package/src/components/molecules/phone-form/{PhoneForm.stories.js → PhoneForm.oldstories.js} +0 -0
  170. /package/src/components/molecules/popup-menu/{PopupMenu.stories.js → PopupMenu.oldstories.js} +0 -0
  171. /package/src/components/molecules/radio-group/{RadioGroup.stories.js → RadioGroup.oldstories.js} +0 -0
  172. /package/src/components/molecules/radio-section/{RadioSection.stories.js → RadioSection.oldstories.js} +0 -0
  173. /package/src/components/molecules/registration-form/{RegistrationForm.stories.js → RegistrationForm.oldstories.js} +0 -0
  174. /package/src/components/molecules/reset-confirmation-form/{ResetConfirmationForm.stories.js → ResetConfirmationForm.oldstories.js} +0 -0
  175. /package/src/components/molecules/reset-password-form/{ResetPasswordForm.stories.js → ResetPasswordForm.oldstories.js} +0 -0
  176. /package/src/components/molecules/reset-password-success/{ResetPasswordSuccess.stories.js → ResetPasswordSuccess.oldstories.js} +0 -0
  177. /package/src/components/molecules/tab-sidebar/{TabSidebar.stories.js → TabSidebar.oldstories.js} +0 -0
  178. /package/src/components/molecules/terms-and-conditions/{TermsAndConditions.stories.js → TermsAndConditions.oldstories.js} +0 -0
  179. /package/src/components/molecules/terms-and-conditions-modal/{TermsAndConditionsModal.stories.js → TermsAndConditionsModal.oldstories.js} +0 -0
  180. /package/src/components/molecules/workflow-tile/{WorkflowTile.stories.js → WorkflowTile.oldstories.js} +0 -0
package/dist/index.esm.js CHANGED
@@ -228,58 +228,6 @@ function __rest(s, e) {
228
228
  t[p[i]] = s[p[i]];
229
229
  }
230
230
  return t;
231
- }
232
-
233
- /*! *****************************************************************************
234
- Copyright (c) Microsoft Corporation.
235
-
236
- Permission to use, copy, modify, and/or distribute this software for any
237
- purpose with or without fee is hereby granted.
238
-
239
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
240
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
241
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
242
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
243
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
244
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
245
- PERFORMANCE OF THIS SOFTWARE.
246
- ***************************************************************************** */
247
- /* global Reflect, Promise */
248
-
249
- var extendStatics$1 = function(d, b) {
250
- extendStatics$1 = Object.setPrototypeOf ||
251
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
252
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
253
- return extendStatics$1(d, b);
254
- };
255
-
256
- function __extends$1(d, b) {
257
- extendStatics$1(d, b);
258
- function __() { this.constructor = d; }
259
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
260
- }
261
-
262
- var __assign$1 = function() {
263
- __assign$1 = Object.assign || function __assign(t) {
264
- for (var s, i = 1, n = arguments.length; i < n; i++) {
265
- s = arguments[i];
266
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
267
- }
268
- return t;
269
- };
270
- return __assign$1.apply(this, arguments);
271
- };
272
-
273
- function __rest$1(s, e) {
274
- var t = {};
275
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
276
- t[p] = s[p];
277
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
278
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
279
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
280
- t[p[i]] = s[p[i]];
281
- }
282
- return t;
283
231
  }
284
232
 
285
233
  function __spreadArrays() {
@@ -290,32 +238,6 @@ function __spreadArrays() {
290
238
  return r;
291
239
  }
292
240
 
293
- /*! *****************************************************************************
294
- Copyright (c) Microsoft Corporation.
295
-
296
- Permission to use, copy, modify, and/or distribute this software for any
297
- purpose with or without fee is hereby granted.
298
-
299
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
300
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
301
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
302
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
303
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
304
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
305
- PERFORMANCE OF THIS SOFTWARE.
306
- ***************************************************************************** */
307
-
308
- var __assign$2 = function() {
309
- __assign$2 = Object.assign || function __assign(t) {
310
- for (var s, i = 1, n = arguments.length; i < n; i++) {
311
- s = arguments[i];
312
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
313
- }
314
- return t;
315
- };
316
- return __assign$2.apply(this, arguments);
317
- };
318
-
319
241
  var clamp = function (min, max) { return function (v) {
320
242
  return Math.max(Math.min(v, max), min);
321
243
  }; };
@@ -329,8 +251,8 @@ var number = {
329
251
  parse: parseFloat,
330
252
  transform: function (v) { return v; }
331
253
  };
332
- var alpha = __assign$2(__assign$2({}, number), { transform: clamp(0, 1) });
333
- var scale = __assign$2(__assign$2({}, number), { default: 1 });
254
+ var alpha = __assign(__assign({}, number), { transform: clamp(0, 1) });
255
+ var scale = __assign(__assign({}, number), { default: 1 });
334
256
 
335
257
  var createUnitType = function (unit) { return ({
336
258
  test: function (v) {
@@ -344,7 +266,7 @@ var percent = createUnitType('%');
344
266
  var px = createUnitType('px');
345
267
  var vh = createUnitType('vh');
346
268
  var vw = createUnitType('vw');
347
- var progressPercentage = __assign$2(__assign$2({}, percent), { parse: function (v) { return percent.parse(v) / 100; }, transform: function (v) { return percent.transform(v * 100); } });
269
+ var progressPercentage = __assign(__assign({}, percent), { parse: function (v) { return percent.parse(v) / 100; }, transform: function (v) { return percent.transform(v * 100); } });
348
270
 
349
271
  var getValueFromFunctionString = function (value) {
350
272
  return value.substring(value.indexOf('(') + 1, value.lastIndexOf(')'));
@@ -378,7 +300,7 @@ var hslaTemplate = function (_a) {
378
300
  var hue = _a.hue, saturation = _a.saturation, lightness = _a.lightness, _b = _a.alpha, alpha = _b === void 0 ? 1 : _b;
379
301
  return "hsla(" + hue + ", " + saturation + ", " + lightness + ", " + alpha + ")";
380
302
  };
381
- var rgbUnit = __assign$2(__assign$2({}, number), { transform: function (v) { return Math.round(clampRgbUnit(v)); } });
303
+ var rgbUnit = __assign(__assign({}, number), { transform: function (v) { return Math.round(clampRgbUnit(v)); } });
382
304
  function isColorString(color, colorType) {
383
305
  return color.startsWith(colorType) && singleColorRegex.test(color);
384
306
  }
@@ -408,7 +330,7 @@ var hsla = {
408
330
  });
409
331
  }
410
332
  };
411
- var hex = __assign$2(__assign$2({}, rgba), { test: function (v) { return typeof v === 'string' && isColorString(v, '#'); }, parse: function (v) {
333
+ var hex = __assign(__assign({}, rgba), { test: function (v) { return typeof v === 'string' && isColorString(v, '#'); }, parse: function (v) {
412
334
  var r = '';
413
335
  var g = '';
414
336
  var b = '';
@@ -944,15 +866,15 @@ See the Apache Version 2.0 License for specific language governing permissions
944
866
  and limitations under the License.
945
867
  ***************************************************************************** */
946
868
 
947
- var __assign$3 = function() {
948
- __assign$3 = Object.assign || function __assign(t) {
869
+ var __assign$1 = function() {
870
+ __assign$1 = Object.assign || function __assign(t) {
949
871
  for (var s, i = 1, n = arguments.length; i < n; i++) {
950
872
  s = arguments[i];
951
873
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
952
874
  }
953
875
  return t;
954
876
  };
955
- return __assign$3.apply(this, arguments);
877
+ return __assign$1.apply(this, arguments);
956
878
  };
957
879
 
958
880
  var mixLinearColor = function (from, to, v) {
@@ -975,7 +897,7 @@ var mixColor = (function (from, to) {
975
897
  invariant(fromColorType.transform === toColorType.transform, 'Both colors must be hex/RGBA, OR both must be HSLA.');
976
898
  var fromColor = fromColorType.parse(from);
977
899
  var toColor = toColorType.parse(to);
978
- var blended = __assign$3({}, fromColor);
900
+ var blended = __assign$1({}, fromColor);
979
901
  var mixFunc = fromColorType === hsla ? mix : mixLinearColor;
980
902
  return function (v) {
981
903
  for (var key in blended) {
@@ -1020,7 +942,7 @@ var mixArray = function (from, to) {
1020
942
  };
1021
943
  };
1022
944
  var mixObject = function (origin, target) {
1023
- var output = __assign$3({}, origin, target);
945
+ var output = __assign$1({}, origin, target);
1024
946
  var blendValue = {};
1025
947
  for (var key in output) {
1026
948
  if (origin[key] !== undefined && target[key] !== undefined) {
@@ -1232,44 +1154,6 @@ var wrap$1 = curryRange(wrap);
1232
1154
 
1233
1155
  var clampProgress = clamp$1$1(0, 1);
1234
1156
 
1235
- /*! *****************************************************************************
1236
- Copyright (c) Microsoft Corporation.
1237
-
1238
- Permission to use, copy, modify, and/or distribute this software for any
1239
- purpose with or without fee is hereby granted.
1240
-
1241
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
1242
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
1243
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
1244
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
1245
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
1246
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
1247
- PERFORMANCE OF THIS SOFTWARE.
1248
- ***************************************************************************** */
1249
-
1250
- var __assign$4 = function() {
1251
- __assign$4 = Object.assign || function __assign(t) {
1252
- for (var s, i = 1, n = arguments.length; i < n; i++) {
1253
- s = arguments[i];
1254
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
1255
- }
1256
- return t;
1257
- };
1258
- return __assign$4.apply(this, arguments);
1259
- };
1260
-
1261
- function __rest$2(s, e) {
1262
- var t = {};
1263
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
1264
- t[p] = s[p];
1265
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
1266
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
1267
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
1268
- t[p[i]] = s[p[i]];
1269
- }
1270
- return t;
1271
- }
1272
-
1273
1157
  var createStyler = function (_a) {
1274
1158
  var onRead = _a.onRead,
1275
1159
  onRender = _a.onRender,
@@ -1281,7 +1165,7 @@ var createStyler = function (_a) {
1281
1165
  if (_a === void 0) {
1282
1166
  _a = {};
1283
1167
  }
1284
- var props = __rest$2(_a, []);
1168
+ var props = __rest(_a, []);
1285
1169
  var state = {};
1286
1170
  var changedValues = [];
1287
1171
  var hasChanged = false;
@@ -1401,7 +1285,7 @@ function isTransformOriginProp(key) {
1401
1285
  return transformOriginProps.has(key);
1402
1286
  }
1403
1287
 
1404
- var int = /*#__PURE__*/__assign$4( /*#__PURE__*/__assign$4({}, number), { transform: Math.round });
1288
+ var int = /*#__PURE__*/__assign( /*#__PURE__*/__assign({}, number), { transform: Math.round });
1405
1289
  var valueTypes = {
1406
1290
  color: color,
1407
1291
  backgroundColor: color,
@@ -1633,8 +1517,8 @@ function createCssStyler(element, _a) {
1633
1517
  }
1634
1518
  var enableHardwareAcceleration = _a.enableHardwareAcceleration,
1635
1519
  allowTransformNone = _a.allowTransformNone,
1636
- props = __rest$2(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
1637
- return cssStyler(__assign$4({ element: element, buildStyles: createStyleBuilder({
1520
+ props = __rest(_a, ["enableHardwareAcceleration", "allowTransformNone"]);
1521
+ return cssStyler(__assign({ element: element, buildStyles: createStyleBuilder({
1638
1522
  enableHardwareAcceleration: enableHardwareAcceleration,
1639
1523
  allowTransformNone: allowTransformNone
1640
1524
  }), preparseOutput: true }, props));
@@ -1684,7 +1568,7 @@ function buildSVGAttrs(_a, dimensions, totalPathLength, cssBuilder, attrs, isDas
1684
1568
  pathSpacing = _b === void 0 ? 1 : _b,
1685
1569
  _c = _a.pathOffset,
1686
1570
  pathOffset = _c === void 0 ? 0 : _c,
1687
- state = __rest$2(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
1571
+ state = __rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
1688
1572
  var style = cssBuilder(state);
1689
1573
  for (var key in style) {
1690
1574
  if (key === 'transform') {
@@ -1813,7 +1697,7 @@ var Chainable = /*#__PURE__*/function () {
1813
1697
  this.props = props;
1814
1698
  }
1815
1699
  Chainable.prototype.applyMiddleware = function (middleware) {
1816
- return this.create(__assign$1(__assign$1({}, this.props), { middleware: this.props.middleware ? __spreadArrays([middleware], this.props.middleware) : [middleware] }));
1700
+ return this.create(__assign(__assign({}, this.props), { middleware: this.props.middleware ? __spreadArrays([middleware], this.props.middleware) : [middleware] }));
1817
1701
  };
1818
1702
  Chainable.prototype.pipe = function () {
1819
1703
  var funcs = [];
@@ -1885,7 +1769,7 @@ var createObserver = function (observerCandidate, _a, onComplete) {
1885
1769
  };
1886
1770
 
1887
1771
  var Action = /*#__PURE__*/function (_super) {
1888
- __extends$1(Action, _super);
1772
+ __extends(Action, _super);
1889
1773
  function Action() {
1890
1774
  return _super !== null && _super.apply(this, arguments) || this;
1891
1775
  }
@@ -1904,13 +1788,13 @@ var Action = /*#__PURE__*/function (_super) {
1904
1788
  };
1905
1789
  var _a = this.props,
1906
1790
  init = _a.init,
1907
- observerProps = __rest$1(_a, ["init"]);
1791
+ observerProps = __rest(_a, ["init"]);
1908
1792
  var observer = createObserver(observerCandidate, observerProps, function () {
1909
1793
  isComplete = true;
1910
1794
  subscription.stop();
1911
1795
  });
1912
1796
  var api = init(observer);
1913
- subscription = api ? __assign$1(__assign$1({}, subscription), api) : subscription;
1797
+ subscription = api ? __assign(__assign({}, subscription), api) : subscription;
1914
1798
  if (observerCandidate.registerParent) {
1915
1799
  observerCandidate.registerParent(subscription);
1916
1800
  }
@@ -1924,7 +1808,7 @@ var action = function (init) {
1924
1808
  };
1925
1809
 
1926
1810
  var BaseMulticast = /*#__PURE__*/function (_super) {
1927
- __extends$1(BaseMulticast, _super);
1811
+ __extends(BaseMulticast, _super);
1928
1812
  function BaseMulticast() {
1929
1813
  var _this = _super !== null && _super.apply(this, arguments) || this;
1930
1814
  _this.subscribers = [];
@@ -1984,7 +1868,7 @@ var isSingleValue = function (v) {
1984
1868
  return typeOfV === 'string' || typeOfV === 'number';
1985
1869
  };
1986
1870
  var ValueReaction = /*#__PURE__*/function (_super) {
1987
- __extends$1(ValueReaction, _super);
1871
+ __extends(ValueReaction, _super);
1988
1872
  function ValueReaction(props) {
1989
1873
  var _this = _super.call(this, props) || this;
1990
1874
  _this.scheduleVelocityCheck = function () {
@@ -2234,7 +2118,7 @@ var reduceArrayValue = function (i) {
2234
2118
  var createArrayAction = function (action, props, vectorKeys) {
2235
2119
  var firstVectorKey = vectorKeys[0];
2236
2120
  var actionList = props[firstVectorKey].map(function (v, i) {
2237
- var childActionProps = vectorKeys.reduce(reduceArrayValue(i), __assign$1({}, props));
2121
+ var childActionProps = vectorKeys.reduce(reduceArrayValue(i), __assign({}, props));
2238
2122
  return getActionCreator(v)(action, childActionProps);
2239
2123
  });
2240
2124
  return parallel$1.apply(void 0, actionList);
@@ -2248,7 +2132,7 @@ var reduceObjectValue = function (key) {
2248
2132
  var createObjectAction = function (action, props, vectorKeys) {
2249
2133
  var firstVectorKey = vectorKeys[0];
2250
2134
  var actionMap = Object.keys(props[firstVectorKey]).reduce(function (map, key) {
2251
- var childActionProps = vectorKeys.reduce(reduceObjectValue(key), __assign$1({}, props));
2135
+ var childActionProps = vectorKeys.reduce(reduceObjectValue(key), __assign({}, props));
2252
2136
  map[key] = getActionCreator(props[firstVectorKey][key])(action, childActionProps);
2253
2137
  return map;
2254
2138
  }, {});
@@ -2257,18 +2141,18 @@ var createObjectAction = function (action, props, vectorKeys) {
2257
2141
  var createUnitAction = function (action, _a) {
2258
2142
  var from = _a.from,
2259
2143
  to = _a.to,
2260
- props = __rest$1(_a, ["from", "to"]);
2144
+ props = __rest(_a, ["from", "to"]);
2261
2145
  var unitType = findUnitType(from) || findUnitType(to);
2262
2146
  var transform = unitType.transform,
2263
2147
  parse = unitType.parse;
2264
- return action(__assign$1(__assign$1({}, props), { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
2148
+ return action(__assign(__assign({}, props), { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
2265
2149
  };
2266
2150
  var createMixerAction = function (mixer) {
2267
2151
  return function (action, _a) {
2268
2152
  var from = _a.from,
2269
2153
  to = _a.to,
2270
- props = __rest$1(_a, ["from", "to"]);
2271
- return action(__assign$1(__assign$1({}, props), { from: 0, to: 1 })).pipe(mixer(from, to));
2154
+ props = __rest(_a, ["from", "to"]);
2155
+ return action(__assign(__assign({}, props), { from: 0, to: 1 })).pipe(mixer(from, to));
2272
2156
  };
2273
2157
  };
2274
2158
  var createColorAction = /*#__PURE__*/createMixerAction(mixColor);
@@ -2614,7 +2498,7 @@ var keyframes = function (_a) {
2614
2498
  ease = _b === void 0 ? linear : _b,
2615
2499
  times = _a.times,
2616
2500
  values = _a.values,
2617
- tweenProps = __rest$1(_a, ["easings", "ease", "times", "values"]);
2501
+ tweenProps = __rest(_a, ["easings", "ease", "times", "values"]);
2618
2502
  easings = Array.isArray(easings) ? easings : defaultEasings(values, easings);
2619
2503
  times = times || defaultTimings(values);
2620
2504
  var scrubbers = easings.map(function (easing, i) {
@@ -2624,7 +2508,7 @@ var keyframes = function (_a) {
2624
2508
  ease: easing
2625
2509
  });
2626
2510
  });
2627
- return tween(__assign$1(__assign$1({}, tweenProps), { ease: ease })).applyMiddleware(function (update) {
2511
+ return tween(__assign(__assign({}, tweenProps), { ease: ease })).applyMiddleware(function (update) {
2628
2512
  return interpolateScrubbers(times, scrubbers, update);
2629
2513
  });
2630
2514
  };
@@ -2868,7 +2752,7 @@ var index$1 = function (_a) {
2868
2752
  }
2869
2753
  var x = _a.x,
2870
2754
  y = _a.y,
2871
- props = __rest$1(_a, ["x", "y"]);
2755
+ props = __rest(_a, ["x", "y"]);
2872
2756
  if (x !== undefined || y !== undefined) {
2873
2757
  var applyXOffset_1 = applyOffset(x || 0);
2874
2758
  var applyYOffset_1 = applyOffset(y || 0);
@@ -2942,7 +2826,7 @@ var steps$1 = function (st, min, max) {
2942
2826
  };
2943
2827
  var transformMap = function (childTransformers) {
2944
2828
  return function (v) {
2945
- var output = __assign$1({}, v);
2829
+ var output = __assign({}, v);
2946
2830
  for (var key in childTransformers) {
2947
2831
  if (childTransformers.hasOwnProperty(key)) {
2948
2832
  var childTransformer = childTransformers[key];
@@ -2973,52 +2857,6 @@ var transformers = /*#__PURE__*/Object.freeze({
2973
2857
  transformMap: transformMap
2974
2858
  });
2975
2859
 
2976
- /*! *****************************************************************************
2977
- Copyright (c) Microsoft Corporation.
2978
-
2979
- Permission to use, copy, modify, and/or distribute this software for any
2980
- purpose with or without fee is hereby granted.
2981
-
2982
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
2983
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
2984
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
2985
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
2986
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
2987
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
2988
- PERFORMANCE OF THIS SOFTWARE.
2989
- ***************************************************************************** */
2990
-
2991
- var __assign$5 = function() {
2992
- __assign$5 = Object.assign || function __assign(t) {
2993
- for (var s, i = 1, n = arguments.length; i < n; i++) {
2994
- s = arguments[i];
2995
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
2996
- }
2997
- return t;
2998
- };
2999
- return __assign$5.apply(this, arguments);
3000
- };
3001
-
3002
- function __rest$3(s, e) {
3003
- var t = {};
3004
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
3005
- t[p] = s[p];
3006
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
3007
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
3008
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
3009
- t[p[i]] = s[p[i]];
3010
- }
3011
- return t;
3012
- }
3013
-
3014
- function __spreadArrays$1() {
3015
- for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
3016
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
3017
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
3018
- r[k] = a[j];
3019
- return r;
3020
- }
3021
-
3022
2860
  var getPoseValues = function (_a) {
3023
2861
  var transition = _a.transition,
3024
2862
  flip = _a.flip,
@@ -3031,7 +2869,7 @@ var getPoseValues = function (_a) {
3031
2869
  preTransition = _a.preTransition,
3032
2870
  applyAtStart = _a.applyAtStart,
3033
2871
  applyAtEnd = _a.applyAtEnd,
3034
- props = __rest$3(_a, ["transition", "flip", "delay", "delayChildren", "staggerChildren", "staggerDirection", "afterChildren", "beforeChildren", "preTransition", "applyAtStart", "applyAtEnd"]);
2872
+ props = __rest(_a, ["transition", "flip", "delay", "delayChildren", "staggerChildren", "staggerDirection", "afterChildren", "beforeChildren", "preTransition", "applyAtStart", "applyAtEnd"]);
3035
2873
  return props;
3036
2874
  };
3037
2875
  var selectPoses = function (_a) {
@@ -3043,7 +2881,7 @@ var selectPoses = function (_a) {
3043
2881
  onChange = _a.onChange,
3044
2882
  passive = _a.passive,
3045
2883
  initialPose = _a.initialPose,
3046
- poses = __rest$3(_a, ["label", "props", "values", "parentValues", "ancestorValues", "onChange", "passive", "initialPose"]);
2884
+ poses = __rest(_a, ["label", "props", "values", "parentValues", "ancestorValues", "onChange", "passive", "initialPose"]);
3047
2885
  return poses;
3048
2886
  };
3049
2887
  var selectAllValues = function (values, selectValue) {
@@ -3143,7 +2981,7 @@ var createPoseSetter = function (setterProps) {
3143
2981
  var _a = nextProps.delay,
3144
2982
  delay = _a === void 0 ? 0 : _a;
3145
2983
  var hasChildren = children.size;
3146
- var baseTransitionProps = __assign$5(__assign$5({}, props), nextProps);
2984
+ var baseTransitionProps = __assign(__assign({}, props), nextProps);
3147
2985
  var nextPose = poses[next];
3148
2986
  var getChildAnimations = function () {
3149
2987
  return hasChildren && propagate ? startChildAnimations(children, next, nextPose, baseTransitionProps) : [];
@@ -3169,11 +3007,11 @@ var createPoseSetter = function (setterProps) {
3169
3007
  valuePoses.splice(insertionIndex, 0, next);
3170
3008
  return insertionIndex === 0 ? new Promise(function (complete) {
3171
3009
  var value = values.get(key);
3172
- var transitionProps = __assign$5(__assign$5({}, baseTransitionProps), { key: key,
3010
+ var transitionProps = __assign(__assign({}, baseTransitionProps), { key: key,
3173
3011
  value: value });
3174
3012
  var target = resolveTarget(value, resolveProp(nextPose[key], transitionProps));
3175
3013
  if (activeActions.has(key)) stopAction(activeActions.get(key));
3176
- var resolveTransitionProps = __assign$5(__assign$5({ to: target }, transitionProps), getTransitionProps(value, target, transitionProps));
3014
+ var resolveTransitionProps = __assign(__assign({ to: target }, transitionProps), getTransitionProps(value, target, transitionProps));
3177
3015
  var transition = resolveTransition(getTransition, key, value, resolveTransitionProps, convertTransitionDefinition, getInstantTransition);
3178
3016
  var poseDelay = delay || resolveProp(nextPose.delay, transitionProps);
3179
3017
  if (poseDelay) {
@@ -3197,7 +3035,7 @@ var createPoseSetter = function (setterProps) {
3197
3035
  });
3198
3036
  }
3199
3037
  }
3200
- return Promise.all(__spreadArrays$1(getParentAnimations(), getChildAnimations()));
3038
+ return Promise.all(__spreadArrays(getParentAnimations(), getChildAnimations()));
3201
3039
  };
3202
3040
  };
3203
3041
 
@@ -3323,7 +3161,7 @@ var createValueMap = function (props) {
3323
3161
  };
3324
3162
 
3325
3163
  var applyDefaultTransition = function (pose, key, defaultTransitions) {
3326
- return __assign$5(__assign$5({}, pose), { transition: defaultTransitions.has(key) ? defaultTransitions.get(key) : defaultTransitions.get('default') });
3164
+ return __assign(__assign({}, pose), { transition: defaultTransitions.has(key) ? defaultTransitions.get(key) : defaultTransitions.get('default') });
3327
3165
  };
3328
3166
  var generateTransitions = function (poses, defaultTransitions) {
3329
3167
  Object.keys(poses).forEach(function (key) {
@@ -3377,7 +3215,7 @@ var poseFactory = function (_a) {
3377
3215
  var poses = generateTransitions(selectPoses(config), defaultTransitions);
3378
3216
  var _b = config.props,
3379
3217
  props = _b === void 0 ? {} : _b;
3380
- if (getDefaultProps) props = __assign$5(__assign$5({}, getDefaultProps(config)), props);
3218
+ if (getDefaultProps) props = __assign(__assign({}, getDefaultProps(config)), props);
3381
3219
  var passive = config.passive,
3382
3220
  userSetValues = config.values,
3383
3221
  _c = config.initialPose,
@@ -3452,10 +3290,10 @@ var poseFactory = function (_a) {
3452
3290
  },
3453
3291
  has: has,
3454
3292
  setProps: function (newProps) {
3455
- return state.props = __assign$5(__assign$5({}, state.props), newProps);
3293
+ return state.props = __assign(__assign({}, state.props), newProps);
3456
3294
  },
3457
3295
  _addChild: function (childConfig, factory) {
3458
- var child = factory(__assign$5(__assign$5({ initialPose: initialPose }, childConfig), { ancestorValues: __spreadArrays$1([{ label: config.label, values: values }], ancestorValues) }));
3296
+ var child = factory(__assign(__assign({ initialPose: initialPose }, childConfig), { ancestorValues: __spreadArrays([{ label: config.label, values: values }], ancestorValues) }));
3459
3297
  children.add(child);
3460
3298
  return child;
3461
3299
  },
@@ -3494,18 +3332,18 @@ See the Apache Version 2.0 License for specific language governing permissions
3494
3332
  and limitations under the License.
3495
3333
  ***************************************************************************** */
3496
3334
 
3497
- var __assign$6 = function () {
3498
- __assign$6 = Object.assign || function __assign(t) {
3335
+ var __assign$2 = function () {
3336
+ __assign$2 = Object.assign || function __assign(t) {
3499
3337
  for (var s, i = 1, n = arguments.length; i < n; i++) {
3500
3338
  s = arguments[i];
3501
3339
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
3502
3340
  }
3503
3341
  return t;
3504
3342
  };
3505
- return __assign$6.apply(this, arguments);
3343
+ return __assign$2.apply(this, arguments);
3506
3344
  };
3507
3345
 
3508
- function __rest$4(s, e) {
3346
+ function __rest$1(s, e) {
3509
3347
  var t = {};
3510
3348
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
3511
3349
  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -3622,12 +3460,12 @@ var intelligentTransition = {
3622
3460
  opacity: linearTween,
3623
3461
  default: tween
3624
3462
  };
3625
- var dragAction = /*#__PURE__*/__assign$6( /*#__PURE__*/__assign$6({}, intelligentTransition), { x: /*#__PURE__*/createPointer(pointerX, 'left', 'right', BoundingBoxDimension.width), y: /*#__PURE__*/createPointer(pointerY, 'top', 'bottom', BoundingBoxDimension.height) });
3463
+ var dragAction = /*#__PURE__*/__assign$2( /*#__PURE__*/__assign$2({}, intelligentTransition), { x: /*#__PURE__*/createPointer(pointerX, 'left', 'right', BoundingBoxDimension.width), y: /*#__PURE__*/createPointer(pointerY, 'top', 'bottom', BoundingBoxDimension.height) });
3626
3464
  var justAxis = function (_a) {
3627
3465
  var from = _a.from;
3628
3466
  return just(from);
3629
3467
  };
3630
- var intelligentDragEnd = /*#__PURE__*/__assign$6( /*#__PURE__*/__assign$6({}, intelligentTransition), { x: justAxis, y: justAxis });
3468
+ var intelligentDragEnd = /*#__PURE__*/__assign$2( /*#__PURE__*/__assign$2({}, intelligentTransition), { x: justAxis, y: justAxis });
3631
3469
  var defaultTransitions = /*#__PURE__*/new Map([['default', intelligentTransition], ['drag', dragAction], ['dragEnd', intelligentDragEnd]]);
3632
3470
 
3633
3471
  var animationLookup = {
@@ -3697,7 +3535,7 @@ var getAction = function (v, _a, _b) {
3697
3535
  var _c = _a.type,
3698
3536
  type = _c === void 0 ? 'tween' : _c,
3699
3537
  definedEase = _a.ease,
3700
- def = __rest$4(_a, ["type", "ease"]);
3538
+ def = __rest$1(_a, ["type", "ease"]);
3701
3539
  invariant(animationLookup[type] !== undefined, "Invalid transition type '" + type + "'. Valid transition types are: tween, spring, decay, physics and keyframes.");
3702
3540
  var ease;
3703
3541
  if (type === 'tween') {
@@ -3722,7 +3560,7 @@ var getAction = function (v, _a, _b) {
3722
3560
  velocity: velocity,
3723
3561
  ease: ease
3724
3562
  } : { ease: ease };
3725
- return animationLookup[type](__assign$6(__assign$6({}, baseProps), def));
3563
+ return animationLookup[type](__assign$2(__assign$2({}, baseProps), def));
3726
3564
  };
3727
3565
  var isAction = function (action$$1) {
3728
3566
  return typeof action$$1.start !== 'undefined';
@@ -3807,7 +3645,7 @@ var pose = function (_a) {
3807
3645
  min = def.min,
3808
3646
  max = def.max,
3809
3647
  round = def.round,
3810
- remainingDef = __rest$4(def, ["delay", "min", "max", "round"]);
3648
+ remainingDef = __rest$1(def, ["delay", "min", "max", "round"]);
3811
3649
  var action$$1 = getAction(val, remainingDef, props);
3812
3650
  var outputPipe = [];
3813
3651
  if (delay$$1) action$$1 = addActionDelay(delay$$1, action$$1);
@@ -3989,7 +3827,7 @@ var explicitlyFlipPose = function (state, nextPose) {
3989
3827
  bottom = nextPose.bottom,
3990
3828
  right = nextPose.right,
3991
3829
  position = nextPose.position,
3992
- remainingPose = __rest$4(nextPose, ["width", "height", "top", "left", "bottom", "right", "position"]);
3830
+ remainingPose = __rest$1(nextPose, ["width", "height", "top", "left", "bottom", "right", "position"]);
3993
3831
  var propsToSet = positionalProps.concat('position').reduce(function (acc, key) {
3994
3832
  if (nextPose[key] !== undefined) {
3995
3833
  acc[key] = resolveProp$1(nextPose[key], state.props);
@@ -4101,7 +3939,7 @@ var convertPositionalUnits = function (state, nextPose) {
4101
3939
  changedPositionalKeys.push(key);
4102
3940
  if (!applyAtEndHasBeenCopied) {
4103
3941
  applyAtEndHasBeenCopied = true;
4104
- nextPose.applyAtEnd = nextPose.applyAtEnd ? __assign$6({}, nextPose.applyAtEnd) : {};
3942
+ nextPose.applyAtEnd = nextPose.applyAtEnd ? __assign$2({}, nextPose.applyAtEnd) : {};
4105
3943
  }
4106
3944
  nextPose.applyAtEnd[key] = nextPose.applyAtEnd[key] || nextPose[key];
4107
3945
  setValue(state, key, to);
@@ -4157,8 +3995,8 @@ var createPoseConfig = function (element, _a) {
4157
3995
  focusable = _a.focusable,
4158
3996
  pressable = _a.pressable,
4159
3997
  dragBounds = _a.dragBounds,
4160
- config = __rest$4(_a, ["onDragStart", "onDragEnd", "onPressStart", "onPressEnd", "draggable", "hoverable", "focusable", "pressable", "dragBounds"]);
4161
- var poseConfig = __assign$6(__assign$6({ flip: {} }, config), { props: __assign$6(__assign$6({}, config.props), { onDragStart: onDragStart,
3998
+ config = __rest$1(_a, ["onDragStart", "onDragEnd", "onPressStart", "onPressEnd", "draggable", "hoverable", "focusable", "pressable", "dragBounds"]);
3999
+ var poseConfig = __assign$2(__assign$2({ flip: {} }, config), { props: __assign$2(__assign$2({}, config.props), { onDragStart: onDragStart,
4162
4000
  onDragEnd: onDragEnd,
4163
4001
  onPressStart: onPressStart,
4164
4002
  onPressEnd: onPressEnd,
@@ -4172,8 +4010,8 @@ var createPoseConfig = function (element, _a) {
4172
4010
  var _b = dragPoses(draggable),
4173
4011
  drag = _b.drag,
4174
4012
  dragEnd = _b.dragEnd;
4175
- poseConfig.drag = __assign$6(__assign$6({}, drag), poseConfig.drag);
4176
- poseConfig.dragEnd = __assign$6(__assign$6({}, dragEnd), poseConfig.dragEnd);
4013
+ poseConfig.drag = __assign$2(__assign$2({}, drag), poseConfig.drag);
4014
+ poseConfig.dragEnd = __assign$2(__assign$2({}, dragEnd), poseConfig.dragEnd);
4177
4015
  }
4178
4016
  return poseConfig;
4179
4017
  };
@@ -4181,7 +4019,7 @@ var domPose = /*#__PURE__*/pose({
4181
4019
  posePriority: ['drag', 'press', 'focus', 'hover'],
4182
4020
  transformPose: function (_a, name, state) {
4183
4021
  var flip = _a.flip,
4184
- pose$$1 = __rest$4(_a, ["flip"]);
4022
+ pose$$1 = __rest$1(_a, ["flip"]);
4185
4023
  if (isFlipPose(flip, name, state)) {
4186
4024
  return flipPose(state, pose$$1);
4187
4025
  } else if (isPositional(pose$$1)) {
@@ -4219,7 +4057,7 @@ var domPose = /*#__PURE__*/pose({
4219
4057
  var props = _a.props,
4220
4058
  activeActions = _a.activeActions;
4221
4059
  var measure = props.dimensions.measure;
4222
- var poserApi = __assign$6(__assign$6({}, api), { addChild: function (element, childConfig) {
4060
+ var poserApi = __assign$2(__assign$2({}, api), { addChild: function (element, childConfig) {
4223
4061
  return api._addChild(createPoseConfig(element, childConfig), domPose);
4224
4062
  }, measure: measure, flip: function (op) {
4225
4063
  if (op) {
@@ -7247,104 +7085,6 @@ var Imposter = function Imposter(_ref) {
7247
7085
  }, rest), safeChildren(children, /*#__PURE__*/React.createElement(Fragment$1, null)));
7248
7086
  };
7249
7087
 
7250
- /*! *****************************************************************************
7251
- Copyright (c) Microsoft Corporation.
7252
-
7253
- Permission to use, copy, modify, and/or distribute this software for any
7254
- purpose with or without fee is hereby granted.
7255
-
7256
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
7257
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
7258
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
7259
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
7260
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
7261
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
7262
- PERFORMANCE OF THIS SOFTWARE.
7263
- ***************************************************************************** */
7264
- /* global Reflect, Promise */
7265
-
7266
- var extendStatics$2 = function(d, b) {
7267
- extendStatics$2 = Object.setPrototypeOf ||
7268
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
7269
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
7270
- return extendStatics$2(d, b);
7271
- };
7272
-
7273
- function __extends$2(d, b) {
7274
- extendStatics$2(d, b);
7275
- function __() { this.constructor = d; }
7276
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
7277
- }
7278
-
7279
- var __assign$7 = function() {
7280
- __assign$7 = Object.assign || function __assign(t) {
7281
- for (var s, i = 1, n = arguments.length; i < n; i++) {
7282
- s = arguments[i];
7283
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
7284
- }
7285
- return t;
7286
- };
7287
- return __assign$7.apply(this, arguments);
7288
- };
7289
-
7290
- function __rest$5(s, e) {
7291
- var t = {};
7292
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
7293
- t[p] = s[p];
7294
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7295
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7296
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
7297
- t[p[i]] = s[p[i]];
7298
- }
7299
- return t;
7300
- }
7301
-
7302
- function __spreadArrays$2() {
7303
- for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
7304
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
7305
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
7306
- r[k] = a[j];
7307
- return r;
7308
- }
7309
-
7310
- /*! *****************************************************************************
7311
- Copyright (c) Microsoft Corporation.
7312
-
7313
- Permission to use, copy, modify, and/or distribute this software for any
7314
- purpose with or without fee is hereby granted.
7315
-
7316
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
7317
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
7318
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
7319
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
7320
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
7321
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
7322
- PERFORMANCE OF THIS SOFTWARE.
7323
- ***************************************************************************** */
7324
-
7325
- var __assign$8 = function() {
7326
- __assign$8 = Object.assign || function __assign(t) {
7327
- for (var s, i = 1, n = arguments.length; i < n; i++) {
7328
- s = arguments[i];
7329
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
7330
- }
7331
- return t;
7332
- };
7333
- return __assign$8.apply(this, arguments);
7334
- };
7335
-
7336
- function __rest$6(s, e) {
7337
- var t = {};
7338
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
7339
- t[p] = s[p];
7340
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7341
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7342
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
7343
- t[p[i]] = s[p[i]];
7344
- }
7345
- return t;
7346
- }
7347
-
7348
7088
  var Observer$1 = /*#__PURE__*/function () {
7349
7089
  function Observer(_a, observer) {
7350
7090
  var _this = this;
@@ -7407,18 +7147,18 @@ var Action$1 = /*#__PURE__*/function () {
7407
7147
  };
7408
7148
  var _a = this.props,
7409
7149
  init = _a.init,
7410
- observerProps = __rest$6(_a, ["init"]);
7150
+ observerProps = __rest(_a, ["init"]);
7411
7151
  var observer = createObserver$1(observerCandidate, observerProps, function () {
7412
7152
  isComplete = true;
7413
7153
  subscription.stop();
7414
7154
  });
7415
7155
  var api = init(observer);
7416
- subscription = api ? __assign$8({}, subscription, api) : subscription;
7156
+ subscription = api ? __assign({}, subscription, api) : subscription;
7417
7157
  if (isComplete) subscription.stop();
7418
7158
  return subscription;
7419
7159
  };
7420
7160
  Action.prototype.applyMiddleware = function (middleware) {
7421
- return this.create(__assign$8({}, this.props, { middleware: this.props.middleware ? [middleware].concat(this.props.middleware) : [middleware] }));
7161
+ return this.create(__assign({}, this.props, { middleware: this.props.middleware ? [middleware].concat(this.props.middleware) : [middleware] }));
7422
7162
  };
7423
7163
  Action.prototype.pipe = function () {
7424
7164
  var funcs = [];
@@ -7471,18 +7211,18 @@ var createAction$1 = function (action, props) {
7471
7211
  var createUnitAction$1 = function (action, _a) {
7472
7212
  var from = _a.from,
7473
7213
  to = _a.to,
7474
- props = __rest$6(_a, ["from", "to"]);
7214
+ props = __rest(_a, ["from", "to"]);
7475
7215
  var unitType = findUnitType$1(from) || findUnitType$1(to);
7476
7216
  var transform = unitType.transform,
7477
7217
  parse = unitType.parse;
7478
- return action(__assign$8({}, props, { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
7218
+ return action(__assign({}, props, { from: typeof from === 'string' ? parse(from) : from, to: typeof to === 'string' ? parse(to) : to })).pipe(transform);
7479
7219
  };
7480
7220
  var createMixerAction$1 = function (mixer) {
7481
7221
  return function (action, _a) {
7482
7222
  var from = _a.from,
7483
7223
  to = _a.to,
7484
- props = __rest$6(_a, ["from", "to"]);
7485
- return action(__assign$8({}, props, { from: 0, to: 1 })).pipe(mixer(from, to));
7224
+ props = __rest(_a, ["from", "to"]);
7225
+ return action(__assign({}, props, { from: 0, to: 1 })).pipe(mixer(from, to));
7486
7226
  };
7487
7227
  };
7488
7228
  var createColorAction$1 = /*#__PURE__*/createMixerAction$1(mixColor);
@@ -7695,7 +7435,7 @@ var inertia = function (_a) {
7695
7435
  };
7696
7436
  var startSpring = function (props) {
7697
7437
  isSpring = true;
7698
- startAnimation(vectorSpring$1(__assign$8({}, props, { to: isLessThanMin(props.from) ? min : max, stiffness: bounceStiffness, damping: bounceDamping, restDelta: restDelta })));
7438
+ startAnimation(vectorSpring$1(__assign({}, props, { to: isLessThanMin(props.from) ? min : max, stiffness: bounceStiffness, damping: bounceDamping, restDelta: restDelta })));
7699
7439
  };
7700
7440
  if (isOutOfBounds(from)) {
7701
7441
  startSpring({ from: from, velocity: velocity });
@@ -7927,7 +7667,7 @@ var keyframes$1 = function (_a) {
7927
7667
  ease = _b === void 0 ? linear : _b,
7928
7668
  times = _a.times,
7929
7669
  values = _a.values,
7930
- tweenProps = __rest$6(_a, ["easings", "ease", "times", "values"]);
7670
+ tweenProps = __rest(_a, ["easings", "ease", "times", "values"]);
7931
7671
  easings = Array.isArray(easings) ? easings : defaultEasings$1(values, easings);
7932
7672
  times = times || defaultTimings$1(values);
7933
7673
  var scrubbers = easings.map(function (easing, i) {
@@ -7937,7 +7677,7 @@ var keyframes$1 = function (_a) {
7937
7677
  ease: easing
7938
7678
  });
7939
7679
  });
7940
- return tween$1(__assign$8({}, tweenProps, { ease: ease })).applyMiddleware(function (update) {
7680
+ return tween$1(__assign({}, tweenProps, { ease: ease })).applyMiddleware(function (update) {
7941
7681
  return interpolateScrubbers$1(times, scrubbers, update);
7942
7682
  });
7943
7683
  };
@@ -8139,7 +7879,7 @@ var MotionValue = /** @class */ (function () {
8139
7879
  */
8140
7880
  MotionValue.prototype.addChild = function (config) {
8141
7881
  if (config === void 0) { config = {}; }
8142
- var child = new MotionValue(this.current, __assign$7({ parent: this }, config));
7882
+ var child = new MotionValue(this.current, __assign({ parent: this }, config));
8143
7883
  if (!this.children)
8144
7884
  this.children = new Set();
8145
7885
  this.children.add(child);
@@ -8581,7 +8321,7 @@ var buildStyleAttr = function (values, styleProp, isStatic) {
8581
8321
  ? transformTemplate({}, styleProp.transform)
8582
8322
  : transformTemplate;
8583
8323
  }
8584
- return buildStyleProperty(__assign$7(__assign$7({}, styleProp), motionValueStyles), !isStatic);
8324
+ return buildStyleProperty(__assign(__assign({}, styleProp), motionValueStyles), !isStatic);
8585
8325
  };
8586
8326
  var useMotionStyles = function (values, styleProp, isStatic, transformValues) {
8587
8327
  if (styleProp === void 0) { styleProp = {}; }
@@ -8635,7 +8375,7 @@ var auto$1 = {
8635
8375
  parse: function (v) { return v; },
8636
8376
  };
8637
8377
  var dimensionTypes = [number, px, percent, degrees, vw, vh, auto$1];
8638
- var valueTypes$1 = __spreadArrays$2(dimensionTypes, [color, complex]);
8378
+ var valueTypes$1 = __spreadArrays(dimensionTypes, [color, complex]);
8639
8379
  var testValueType$1 = function (v) { return function (type) { return type.test(v); }; };
8640
8380
  var getDimensionValueType = function (v) {
8641
8381
  return dimensionTypes.find(testValueType$1(v));
@@ -8688,7 +8428,7 @@ var getDefaultTransition = function (valueKey, to) {
8688
8428
  transitionFactory =
8689
8429
  defaultTransitions$1[valueKey] || defaultTransitions$1.default;
8690
8430
  }
8691
- return __assign$7({ to: to }, transitionFactory(to));
8431
+ return __assign({ to: to }, transitionFactory(to));
8692
8432
  };
8693
8433
 
8694
8434
  /**
@@ -8784,9 +8524,9 @@ var transitionOptionParser = {
8784
8524
  return opts;
8785
8525
  },
8786
8526
  keyframes: function (_a) {
8787
- var from = _a.from, to = _a.to, velocity = _a.velocity, opts = __rest$5(_a, ["from", "to", "velocity"]);
8527
+ var from = _a.from, to = _a.to, velocity = _a.velocity, opts = __rest(_a, ["from", "to", "velocity"]);
8788
8528
  if (opts.values && opts.values[0] === null) {
8789
- var values = __spreadArrays$2(opts.values);
8529
+ var values = __spreadArrays(opts.values);
8790
8530
  values[0] = from;
8791
8531
  opts.values = values;
8792
8532
  }
@@ -8800,7 +8540,7 @@ var transitionOptionParser = {
8800
8540
  },
8801
8541
  };
8802
8542
  var isTransitionDefined = function (_a) {
8803
- var when = _a.when, delay = _a.delay, delayChildren = _a.delayChildren, staggerChildren = _a.staggerChildren, staggerDirection = _a.staggerDirection, transition = __rest$5(_a, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection"]);
8543
+ var when = _a.when, delay = _a.delay, delayChildren = _a.delayChildren, staggerChildren = _a.staggerChildren, staggerDirection = _a.staggerDirection, transition = __rest(_a, ["when", "delay", "delayChildren", "staggerChildren", "staggerDirection"]);
8804
8544
  return Object.keys(transition).length;
8805
8545
  };
8806
8546
  var getTransitionDefinition = function (key, to, transitionDefinition) {
@@ -8810,7 +8550,7 @@ var getTransitionDefinition = function (key, to, transitionDefinition) {
8810
8550
  // and see if there's any props remaining
8811
8551
  if (transitionDefinition === undefined ||
8812
8552
  !isTransitionDefined(transitionDefinition)) {
8813
- return __assign$7({ delay: delay }, getDefaultTransition(key, to));
8553
+ return __assign({ delay: delay }, getDefaultTransition(key, to));
8814
8554
  }
8815
8555
  var valueTransitionDefinition = transitionDefinition[key] ||
8816
8556
  transitionDefinition.default ||
@@ -8827,12 +8567,12 @@ var getTransitionDefinition = function (key, to, transitionDefinition) {
8827
8567
  };
8828
8568
  }
8829
8569
  else if (isKeyframesTarget(to)) {
8830
- return __assign$7(__assign$7({ values: to, duration: 0.8, delay: delay, ease: "linear" }, valueTransitionDefinition), {
8570
+ return __assign(__assign({ values: to, duration: 0.8, delay: delay, ease: "linear" }, valueTransitionDefinition), {
8831
8571
  // This animation must be keyframes if we're animating through an array
8832
8572
  type: "keyframes" });
8833
8573
  }
8834
8574
  else {
8835
- return __assign$7({ type: "tween", to: to,
8575
+ return __assign({ type: "tween", to: to,
8836
8576
  delay: delay }, valueTransitionDefinition);
8837
8577
  }
8838
8578
  };
@@ -8849,12 +8589,12 @@ var getAnimation = function (key, value, target, transition) {
8849
8589
  // for instance 100 to #fff. This might live better in Popmotion.
8850
8590
  warning(isOriginAnimatable === isTargetAnimatable, "You are trying to animate " + key + " from \"" + origin + "\" to " + target + ". \"" + origin + "\" is not an animatable value - to enable this animation set " + origin + " to a value animatable to " + target + " via the `style` property.");
8851
8591
  // Parse the `transition` prop and return options for the Popmotion animation
8852
- var _a = getTransitionDefinition(key, target, transition), _b = _a.type, type = _b === void 0 ? "tween" : _b, transitionDefinition = __rest$5(_a, ["type"]);
8592
+ var _a = getTransitionDefinition(key, target, transition), _b = _a.type, type = _b === void 0 ? "tween" : _b, transitionDefinition = __rest(_a, ["type"]);
8853
8593
  // If this is an animatable pair of values, return an animation, otherwise use `just`
8854
8594
  var actionFactory = isOriginAnimatable && isTargetAnimatable
8855
8595
  ? transitions[type]
8856
8596
  : just$1;
8857
- var opts = preprocessOptions(type, __assign$7({ from: origin, velocity: value.getVelocity() }, transitionDefinition));
8597
+ var opts = preprocessOptions(type, __assign({ from: origin, velocity: value.getVelocity() }, transitionDefinition));
8858
8598
  // Convert duration from Framer Motion's seconds into Popmotion's milliseconds
8859
8599
  if (isDurationAnimation(opts)) {
8860
8600
  if (opts.duration) {
@@ -8872,10 +8612,10 @@ var getAnimation = function (key, value, target, transition) {
8872
8612
  * @internal
8873
8613
  */
8874
8614
  function startAnimation(key, value, target, _a) {
8875
- var _b = _a.delay, delay$1$1 = _b === void 0 ? 0 : _b, transition = __rest$5(_a, ["delay"]);
8615
+ var _b = _a.delay, delay$1$1 = _b === void 0 ? 0 : _b, transition = __rest(_a, ["delay"]);
8876
8616
  return value.start(function (complete) {
8877
8617
  var activeAnimation;
8878
- var _a = getAnimation(key, value, target, transition), animationFactory = _a[0], _b = _a[1], valueDelay = _b.delay, options = __rest$5(_b, ["delay"]);
8618
+ var _a = getAnimation(key, value, target, transition), animationFactory = _a[0], _b = _a[1], valueDelay = _b.delay, options = __rest(_b, ["delay"]);
8879
8619
  if (valueDelay !== undefined) {
8880
8620
  delay$1$1 = valueDelay;
8881
8621
  }
@@ -9021,7 +8761,7 @@ var ValueAnimationControls = /** @class */ (function () {
9021
8761
  var _this = this;
9022
8762
  var _b = _a === void 0 ? {} : _a, _c = _b.isActive, isActive = _c === void 0 ? new Set() : _c, priority = _b.priority;
9023
8763
  var _d = this.resolveVariant(definition), target = _d.target, transitionEnd = _d.transitionEnd;
9024
- target = this.transformValues(__assign$7(__assign$7({}, target), transitionEnd));
8764
+ target = this.transformValues(__assign(__assign({}, target), transitionEnd));
9025
8765
  return Object.keys(target).forEach(function (key) {
9026
8766
  if (isActive.has(key))
9027
8767
  return;
@@ -9111,7 +8851,7 @@ var ValueAnimationControls = /** @class */ (function () {
9111
8851
  // resolve current and velocity
9112
8852
  variant = variant(this.props.custom, getCurrent$1(this.values), getVelocity(this.values));
9113
8853
  }
9114
- var _a = variant.transition, transition = _a === void 0 ? this.defaultTransition : _a, transitionEnd = variant.transitionEnd, target = __rest$5(variant, ["transition", "transitionEnd"]);
8854
+ var _a = variant.transition, transition = _a === void 0 ? this.defaultTransition : _a, transitionEnd = variant.transitionEnd, target = __rest(variant, ["transition", "transitionEnd"]);
9115
8855
  return { transition: transition, transitionEnd: transitionEnd, target: target };
9116
8856
  };
9117
8857
  /**
@@ -9202,7 +8942,7 @@ var ValueAnimationControls = /** @class */ (function () {
9202
8942
  ValueAnimationControls.prototype.applyVariantLabels = function (variantLabelList) {
9203
8943
  var _this = this;
9204
8944
  var isActive = new Set();
9205
- var reversedList = __spreadArrays$2(variantLabelList).reverse();
8945
+ var reversedList = __spreadArrays(variantLabelList).reverse();
9206
8946
  reversedList.forEach(function (key) {
9207
8947
  var _a = _this.resolveVariant(_this.variants[key]), target = _a.target, transitionEnd = _a.transitionEnd;
9208
8948
  if (transitionEnd) {
@@ -9273,7 +9013,7 @@ var ValueAnimationControls = /** @class */ (function () {
9273
9013
  if (this.isAnimating.has(key))
9274
9014
  continue;
9275
9015
  this.isAnimating.add(key);
9276
- animations.push(startAnimation(key, value, valueTarget, __assign$7({ delay: delay }, transition)));
9016
+ animations.push(startAnimation(key, value, valueTarget, __assign({ delay: delay }, transition)));
9277
9017
  }
9278
9018
  var allAnimations = Promise.all(animations);
9279
9019
  return transitionEnd
@@ -9284,7 +9024,7 @@ var ValueAnimationControls = /** @class */ (function () {
9284
9024
  };
9285
9025
  ValueAnimationControls.prototype.animateVariantLabels = function (variantLabels, opts) {
9286
9026
  var _this = this;
9287
- var animations = __spreadArrays$2(variantLabels).reverse()
9027
+ var animations = __spreadArrays(variantLabels).reverse()
9288
9028
  .map(function (label) { return _this.animateVariant(label, opts); });
9289
9029
  return Promise.all(animations);
9290
9030
  };
@@ -9728,7 +9468,7 @@ function useValueAnimationControls(config, props, subscribeToParentControls) {
9728
9468
  // Remove reference to onAnimationComplete from controls. All the MotionValues
9729
9469
  // are unsubscribed from this component separately. We let animations run out
9730
9470
  // as they might be animating other components.
9731
- var onAnimationComplete = props.onAnimationComplete, unmountProps = __rest$5(props, ["onAnimationComplete"]);
9471
+ var onAnimationComplete = props.onAnimationComplete, unmountProps = __rest(props, ["onAnimationComplete"]);
9732
9472
  controls.setProps(unmountProps);
9733
9473
  parentControls && parentControls.removeChild(controls);
9734
9474
  };
@@ -10213,7 +9953,7 @@ var PanSession = /** @class */ (function () {
10213
9953
  return;
10214
9954
  var point = info.point;
10215
9955
  var timestamp = getFrameData().timestamp;
10216
- _this.history.push(__assign$7(__assign$7({}, point), { timestamp: timestamp }));
9956
+ _this.history.push(__assign(__assign({}, point), { timestamp: timestamp }));
10217
9957
  var _a = _this.handlers, onStart = _a.onStart, onMove = _a.onMove;
10218
9958
  if (!isPanStarted) {
10219
9959
  onStart && onStart(_this.lastMoveEvent, info);
@@ -10230,7 +9970,7 @@ var PanSession = /** @class */ (function () {
10230
9970
  var initialInfo = transformPoint(info, this.transformPagePoint);
10231
9971
  var point = initialInfo.point;
10232
9972
  var timestamp = getFrameData().timestamp;
10233
- this.history = [__assign$7(__assign$7({}, point), { timestamp: timestamp })];
9973
+ this.history = [__assign(__assign({}, point), { timestamp: timestamp })];
10234
9974
  var onSessionStart = handlers.onSessionStart;
10235
9975
  onSessionStart &&
10236
9976
  onSessionStart(event, getPanInfo(initialInfo, this.history));
@@ -10558,7 +10298,7 @@ var Gestures = {
10558
10298
  return gestureProps.some(function (key) { return props.hasOwnProperty(key); });
10559
10299
  },
10560
10300
  Component: makeRenderlessComponent(function (_a) {
10561
- var innerRef = _a.innerRef, props = __rest$5(_a, ["innerRef"]);
10301
+ var innerRef = _a.innerRef, props = __rest(_a, ["innerRef"]);
10562
10302
  useGestures(props, innerRef);
10563
10303
  }),
10564
10304
  };
@@ -10798,8 +10538,8 @@ var ComponentDragControls = /** @class */ (function () {
10798
10538
  };
10799
10539
  ComponentDragControls.prototype.updateProps = function (_a) {
10800
10540
  var _this = this;
10801
- var _b = _a.drag, drag = _b === void 0 ? false : _b, _c = _a.dragDirectionLock, dragDirectionLock = _c === void 0 ? false : _c, _d = _a.dragPropagation, dragPropagation = _d === void 0 ? false : _d, _e = _a.dragConstraints, dragConstraints = _e === void 0 ? false : _e, _f = _a.dragElastic, dragElastic = _f === void 0 ? true : _f, _g = _a.dragMomentum, dragMomentum = _g === void 0 ? true : _g, remainingProps = __rest$5(_a, ["drag", "dragDirectionLock", "dragPropagation", "dragConstraints", "dragElastic", "dragMomentum"]);
10802
- this.props = __assign$7({ drag: drag,
10541
+ var _b = _a.drag, drag = _b === void 0 ? false : _b, _c = _a.dragDirectionLock, dragDirectionLock = _c === void 0 ? false : _c, _d = _a.dragPropagation, dragPropagation = _d === void 0 ? false : _d, _e = _a.dragConstraints, dragConstraints = _e === void 0 ? false : _e, _f = _a.dragElastic, dragElastic = _f === void 0 ? true : _f, _g = _a.dragMomentum, dragMomentum = _g === void 0 ? true : _g, remainingProps = __rest(_a, ["drag", "dragDirectionLock", "dragPropagation", "dragConstraints", "dragElastic", "dragMomentum"]);
10542
+ this.props = __assign({ drag: drag,
10803
10543
  dragDirectionLock: dragDirectionLock,
10804
10544
  dragPropagation: dragPropagation,
10805
10545
  dragConstraints: dragConstraints,
@@ -10855,7 +10595,7 @@ var ComponentDragControls = /** @class */ (function () {
10855
10595
  var bounceStiffness = dragElastic ? 200 : 1000000;
10856
10596
  var bounceDamping = dragElastic ? 40 : 10000000;
10857
10597
  var animationControls = _dragTransitionControls || _this.controls;
10858
- var inertia = __assign$7(__assign$7({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness: bounceStiffness,
10598
+ var inertia = __assign(__assign({ type: "inertia", velocity: dragMomentum ? velocity[axis] : 0, bounceStiffness: bounceStiffness,
10859
10599
  bounceDamping: bounceDamping, timeConstant: 750, restDelta: 1 }, dragTransition), transition);
10860
10600
  var externalAxisMotionValue = axis === "x" ? _dragValueX : _dragValueY;
10861
10601
  // If we're not animating on an externally-provided `MotionValue` we can use the
@@ -10936,7 +10676,7 @@ function bothAxis(handler) {
10936
10676
  return [handler("x"), handler("y")];
10937
10677
  }
10938
10678
  function convertPanToDrag(info, point) {
10939
- return __assign$7(__assign$7({}, info), { point: {
10679
+ return __assign(__assign({}, info), { point: {
10940
10680
  x: point.x ? point.x.get() : 0,
10941
10681
  y: point.y ? point.y.get() : 0,
10942
10682
  } });
@@ -11047,7 +10787,7 @@ function useDrag(props, ref, values, controls) {
11047
10787
  var groupDragControls = props.dragControls;
11048
10788
  var transformPagePoint = useContext(MotionPluginContext).transformPagePoint;
11049
10789
  var dragControls = useConstant(function () { return new ComponentDragControls({ ref: ref, values: values, controls: controls }); });
11050
- dragControls.updateProps(__assign$7(__assign$7({}, props), { transformPagePoint: transformPagePoint }));
10790
+ dragControls.updateProps(__assign(__assign({}, props), { transformPagePoint: transformPagePoint }));
11051
10791
  useEffect$1(function () { return groupDragControls && groupDragControls.subscribe(dragControls); }, [dragControls]);
11052
10792
  useEffect$1(function () { return dragControls.mount(ref.current); }, []);
11053
10793
  }
@@ -11056,7 +10796,7 @@ var Drag = {
11056
10796
  key: "drag",
11057
10797
  shouldRender: function (props) { return !!props.drag; },
11058
10798
  Component: makeRenderlessComponent(function (_a) {
11059
- var innerRef = _a.innerRef, values = _a.values, controls = _a.controls, props = __rest$5(_a, ["innerRef", "values", "controls"]);
10799
+ var innerRef = _a.innerRef, values = _a.values, controls = _a.controls, props = __rest(_a, ["innerRef", "values", "controls"]);
11060
10800
  return useDrag(props, innerRef, values, controls);
11061
10801
  }),
11062
10802
  };
@@ -11108,14 +10848,14 @@ function getVariableValue(current, element, depth) {
11108
10848
  * @internal
11109
10849
  */
11110
10850
  function resolveCSSVariables(values, ref, _a, transitionEnd) {
11111
- var target = __rest$5(_a, []);
10851
+ var target = __rest(_a, []);
11112
10852
  var element = ref.current;
11113
10853
  if (!(element instanceof HTMLElement))
11114
10854
  return { target: target, transitionEnd: transitionEnd };
11115
10855
  // If `transitionEnd` isn't `undefined`, clone it. We could clone `target` and `transitionEnd`
11116
10856
  // only if they change but I think this reads clearer and this isn't a performance-critical path.
11117
10857
  if (transitionEnd) {
11118
- transitionEnd = __assign$7({}, transitionEnd);
10858
+ transitionEnd = __assign({}, transitionEnd);
11119
10859
  }
11120
10860
  // Go through existing `MotionValue`s and ensure any existing CSS variables are resolved
11121
10861
  values.forEach(function (value) {
@@ -11272,8 +11012,8 @@ var convertChangedValueTypes = function (target, values, element, elementStyler,
11272
11012
  };
11273
11013
  var checkAndConvertChangedValueTypes = function (values, ref, target, transitionEnd) {
11274
11014
  if (transitionEnd === void 0) { transitionEnd = {}; }
11275
- target = __assign$7({}, target);
11276
- transitionEnd = __assign$7({}, transitionEnd);
11015
+ target = __assign({}, target);
11016
+ transitionEnd = __assign({}, transitionEnd);
11277
11017
  var element = ref.current;
11278
11018
  var elementStyler = index(element);
11279
11019
  var targetPositionalKeys = Object.keys(target).filter(isPositionalKey$1);
@@ -11501,7 +11241,7 @@ function calcAxisDelta(prev, next, names) {
11501
11241
  return delta;
11502
11242
  }
11503
11243
  function calcDelta(prev, next) {
11504
- var delta = __assign$7(__assign$7({}, calcAxisDelta(prev, next, axisLabels.x)), calcAxisDelta(prev, next, axisLabels.y));
11244
+ var delta = __assign(__assign({}, calcAxisDelta(prev, next, axisLabels.x)), calcAxisDelta(prev, next, axisLabels.y));
11505
11245
  return delta;
11506
11246
  }
11507
11247
  var offset = {
@@ -11545,7 +11285,7 @@ function getTransition(_a) {
11545
11285
  return layoutTransition || positionTransition;
11546
11286
  }
11547
11287
  var LayoutAnimation = /** @class */ (function (_super) {
11548
- __extends$2(LayoutAnimation, _super);
11288
+ __extends(LayoutAnimation, _super);
11549
11289
  function LayoutAnimation() {
11550
11290
  return _super !== null && _super.apply(this, arguments) || this;
11551
11291
  }
@@ -11612,11 +11352,11 @@ var LayoutAnimation = /** @class */ (function (_super) {
11612
11352
  if (!delta[deltaKey])
11613
11353
  return;
11614
11354
  var baseTransition = typeof transitionDefinition === "boolean"
11615
- ? __assign$7({}, getDefaultLayoutTransition(isPositionOnly)) : transitionDefinition;
11355
+ ? __assign({}, getDefaultLayoutTransition(isPositionOnly)) : transitionDefinition;
11616
11356
  var value = values.get(transformKey, targetValue);
11617
11357
  var velocity = value.getVelocity();
11618
11358
  transition[transformKey] = baseTransition[transformKey]
11619
- ? __assign$7({}, baseTransition[transformKey]) : __assign$7({}, baseTransition);
11359
+ ? __assign({}, baseTransition[transformKey]) : __assign({}, baseTransition);
11620
11360
  if (transition[transformKey].velocity === undefined) {
11621
11361
  transition[transformKey].velocity = velocity || 0;
11622
11362
  }
@@ -11757,9 +11497,9 @@ var hasUpdated = function (prev, next) {
11757
11497
  };
11758
11498
  function targetWithoutTransition(_a, mergeTransitionEnd) {
11759
11499
  if (mergeTransitionEnd === void 0) { mergeTransitionEnd = false; }
11760
- var transition = _a.transition, transitionEnd = _a.transitionEnd, target = __rest$5(_a, ["transition", "transitionEnd"]);
11500
+ var transition = _a.transition, transitionEnd = _a.transitionEnd, target = __rest(_a, ["transition", "transitionEnd"]);
11761
11501
  return mergeTransitionEnd
11762
- ? __assign$7(__assign$7({}, target), transitionEnd)
11502
+ ? __assign(__assign({}, target), transitionEnd)
11763
11503
  : target;
11764
11504
  }
11765
11505
  /**
@@ -11811,9 +11551,9 @@ function useAnimateProp(targetAndTransition, controls, values, defaultTransition
11811
11551
  }
11812
11552
  }
11813
11553
  isInitialRender.current = false;
11814
- prevValues.current = __assign$7(__assign$7({}, prevValues.current), finalTarget);
11554
+ prevValues.current = __assign(__assign({}, prevValues.current), finalTarget);
11815
11555
  if (Object.keys(targetToAnimate).length) {
11816
- controls.start(__assign$7(__assign$7({}, targetToAnimate), { transition: targetAndTransition.transition || defaultTransition, transitionEnd: targetAndTransition.transitionEnd }));
11556
+ controls.start(__assign(__assign({}, targetToAnimate), { transition: targetAndTransition.transition || defaultTransition, transitionEnd: targetAndTransition.transitionEnd }));
11817
11557
  }
11818
11558
  }, [targetAndTransition]);
11819
11559
  }
@@ -11987,7 +11727,7 @@ var Exit = {
11987
11727
  useEffect$1(function () {
11988
11728
  if (!isPresent) {
11989
11729
  if (!isPlayingExitAnimation.current && exit) {
11990
- controls.setProps(__assign$7(__assign$7({}, props), { custom: custom }));
11730
+ controls.setProps(__assign(__assign({}, props), { custom: custom }));
11991
11731
  controls.start(exit).then(onExitComplete);
11992
11732
  }
11993
11733
  isPlayingExitAnimation.current = true;
@@ -12058,7 +11798,7 @@ var buildHTMLProps = function (values, style, isStatic, isDrag) {
12058
11798
  var buildSVGProps = function (values, style) {
12059
11799
  var motionValueStyles = resolveCurrent(values);
12060
11800
  var props = buildSVGAttrs(motionValueStyles, undefined, undefined, undefined, undefined, false);
12061
- props.style = __assign$7(__assign$7({}, style), props.style);
11801
+ props.style = __assign(__assign({}, style), props.style);
12062
11802
  return props;
12063
11803
  };
12064
11804
  var functionalityComponents = [Layout, Drag, Gestures, Exit];
@@ -12077,7 +11817,7 @@ function createDomMotionConfig(Component) {
12077
11817
  var staticVisualStyles = isSVG
12078
11818
  ? buildSVGProps(values, style)
12079
11819
  : buildHTMLProps(values, style, isStatic, !!props.drag);
12080
- return createElement(Component, __assign$7(__assign$7(__assign$7({}, forwardedProps), { ref: ref }), staticVisualStyles));
11820
+ return createElement(Component, __assign(__assign(__assign({}, forwardedProps), { ref: ref }), staticVisualStyles));
12081
11821
  },
12082
11822
  /**
12083
11823
  * loadFunctionalityComponents gets used by the `motion` component
@@ -12108,7 +11848,7 @@ function createDomMotionConfig(Component) {
12108
11848
  for (var i = 0; i < numFunctionalityComponents; i++) {
12109
11849
  var _a = functionalityComponents[i], shouldRender = _a.shouldRender, key = _a.key, Component_1 = _a.Component;
12110
11850
  if (shouldRender(props, context)) {
12111
- activeComponents.push(createElement(Component_1, __assign$7({ key: key }, props, { parentContext: context, values: values, controls: controls, innerRef: ref })));
11851
+ activeComponents.push(createElement(Component_1, __assign({ key: key }, props, { parentContext: context, values: values, controls: controls, innerRef: ref })));
12112
11852
  }
12113
11853
  }
12114
11854
  return activeComponents;
@@ -12160,7 +11900,7 @@ var svgMotionComponents = svgElements.reduce(function (acc, Component) {
12160
11900
  *
12161
11901
  * @public
12162
11902
  */
12163
- var motion = __assign$7(__assign$7({
11903
+ var motion = __assign(__assign({
12164
11904
  /**
12165
11905
  * Convert a custom React component into a `motion` component.
12166
11906
  *
@@ -12212,7 +11952,7 @@ var PresenceChild = function (_a) {
12212
11952
  return function () { return numPresenceChildren.current--; };
12213
11953
  };
12214
11954
  }, [isPresent]);
12215
- return (createElement(PresenceContext.Provider, { value: __assign$7(__assign$7({}, context), { register: register }) }, children));
11955
+ return (createElement(PresenceContext.Provider, { value: __assign(__assign({}, context), { register: register }) }, children));
12216
11956
  };
12217
11957
 
12218
11958
  function getChildKey(child) {
@@ -12328,7 +12068,7 @@ var AnimatePresence = function (_a) {
12328
12068
  return (createElement(Fragment$1, null, filteredChildren.map(function (child) { return (createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false }, child)); })));
12329
12069
  }
12330
12070
  // If this is a subsequent render, deal with entering and exiting children
12331
- var childrenToRender = __spreadArrays$2(filteredChildren);
12071
+ var childrenToRender = __spreadArrays(filteredChildren);
12332
12072
  // Diff the keys of the currently-present and target children to update our
12333
12073
  // exiting list.
12334
12074
  var presentKeys = presentChildren.current.map(getChildKey);
@@ -19549,30 +19289,6 @@ var mobileFallbackValues = {
19549
19289
  var MOBILE_BREAKPOINT = 768;
19550
19290
 
19551
19291
  var _excluded$o = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
19552
-
19553
- /*
19554
- New responsive text component for Title elements
19555
- Size is decoupled from tag
19556
- Comes with two variants - "large" and "small"
19557
- Large variant results in text that is 1.5rem (24px desktop, 21px mobile)
19558
- Small variant results in text that is 1.25rem/1.2142rem (20px desktop, 17px mobile)
19559
-
19560
- If you need a smaller text size, use the <Detail /> atom, which has smaller variants
19561
-
19562
- Use the "as" prop to specify element type, can use any of: h1/h2/h3/h4/h5/h6/p
19563
- If you need an inline text element (span), use the <Text /> atom
19564
- The "as" value should be dictated by the structure of your page, not what font-size you want
19565
-
19566
- Title / Detail both use slightly different desktop/mobile scales
19567
- (Mobile scale is different to allow for design-friendly px values)
19568
- Both atoms detect the presence of a mobile device on their own
19569
- and apply the corresponding scale
19570
-
19571
- Mobile breakpoint value is specified in Title.theme.js
19572
-
19573
- If you want to disable mobile text scales (use the same rem scale for desktop/mobile), then use a theme in FCS to set both the "large" and "small" variants to use the same rem sizes. FCS themes override fallbacks defined in the .theme file
19574
- */
19575
-
19576
19292
  var isBelowBreakpoint = window.innerWidth < MOBILE_BREAKPOINT;
19577
19293
  var isTouchDevice$1 = "ontouchstart" in window || navigator.maxTouchPoints > 1;
19578
19294
  var mobileDeviceDetected = isBelowBreakpoint && isTouchDevice$1;
@@ -19665,9 +19381,11 @@ var Badge = function Badge(_ref) {
19665
19381
  Icon = _ref.Icon,
19666
19382
  themeValues = _ref.themeValues,
19667
19383
  _ref$iconOnLeft = _ref.iconOnLeft,
19668
- iconOnLeft = _ref$iconOnLeft === void 0 ? true : _ref$iconOnLeft;
19384
+ iconOnLeft = _ref$iconOnLeft === void 0 ? true : _ref$iconOnLeft,
19385
+ id = _ref.id;
19669
19386
  return /*#__PURE__*/React.createElement(StyledBadgeContainer, {
19670
- background: themeValues.background
19387
+ background: themeValues.background,
19388
+ id: id
19671
19389
  }, iconOnLeft && Icon && /*#__PURE__*/React.createElement(Icon, {
19672
19390
  color: themeValues.color,
19673
19391
  fill: themeValues.color
@@ -23666,6 +23384,7 @@ var TableRow = function TableRow(_ref) {
23666
23384
  var children = _ref.children,
23667
23385
  extraStyles = _ref.extraStyles,
23668
23386
  _ref$hoverCursor = _ref.hoverCursor,
23387
+ hoverCursor = _ref$hoverCursor === void 0 ? false : _ref$hoverCursor,
23669
23388
  _ref$hoverEffect = _ref.hoverEffect,
23670
23389
  hoverEffect = _ref$hoverEffect === void 0 ? true : _ref$hoverEffect,
23671
23390
  onClick = _ref.onClick,
@@ -23674,6 +23393,7 @@ var TableRow = function TableRow(_ref) {
23674
23393
  return /*#__PURE__*/React.createElement(TableRowWrapper, _extends({
23675
23394
  onClick: onClick,
23676
23395
  hoverEffect: hoverEffect,
23396
+ hoverCursor: hoverCursor,
23677
23397
  extraStyles: extraStyles,
23678
23398
  borderColor: themeValues.borderColor,
23679
23399
  hoverBackgroundColor: themeValues.hoverBackgroundColor
@@ -26505,33 +26225,6 @@ var mobileFallbackValues$1 = {
26505
26225
  var MOBILE_BREAKPOINT$1 = 768;
26506
26226
 
26507
26227
  var _excluded$w = ["themeValues", "weight", "color", "margin", "textAlign", "extraStyles", "className", "variant", "as", "dataQa", "children"];
26508
-
26509
- /*
26510
- New responsive text component for Detail elements
26511
- (Block level text elements which are smaller than "Title" elements)
26512
- Size is decoupled from tag
26513
- Comes with four variants - "large", "regular", "small", "extraSmall"
26514
- Large variant results in text that is 1.125rem/1.1428rem (18px desktop, 16px mobile)
26515
- Regular variant results in text that is 1rem (16px desktop, 14px mobile)
26516
- Small variant reuslts in text that is 0.875rem/0.8571rem (14px desktop, 12px mobile)
26517
- ExtraSmall variant results in text that is 0.75rem/0.7142rem (12px desktop, 10px mobile)
26518
-
26519
- If you need a larger font size, use the <Title /> atom, which has larger variants
26520
-
26521
- Use the "as" prop to specify element type, can use any of: h1/h2/h3/h4/h5/h6/p
26522
- If you need an inline text element (span), use the <Text /> atom
26523
- The "as" value should be dictated by the structure of your page, not what font-size you want
26524
-
26525
- Title / Detail both use slightly different desktop/mobile scales
26526
- (Mobile scale is different to allow for design-friendly px values)
26527
- Both atoms detect the presence of a mobile device on their own
26528
- and apply the corresponding scale
26529
-
26530
- Mobile breakpoint value is specified in Detail.theme.js
26531
-
26532
- If you want to disable mobile text scales (use the same rem scale for desktop/mobile), then use a theme in FCS to set all of the variants to use the same rem sizes. FCS themes override fallbacks defined in the .theme file
26533
- */
26534
-
26535
26228
  var isBelowBreakpoint$1 = window.innerWidth < MOBILE_BREAKPOINT$1;
26536
26229
  var isTouchDevice$2 = "ontouchstart" in window || navigator.maxTouchPoints > 1;
26537
26230
  var mobileDeviceDetected$1 = isBelowBreakpoint$1 && isTouchDevice$2;
@@ -27148,83 +26841,79 @@ var createFormat = function createFormat(formats, formatChar) {
27148
26841
  var FormattedInput = function FormattedInput(_ref) {
27149
26842
  var value = _ref.value,
27150
26843
  formatter = _ref.formatter,
27151
- onChange = _ref.onChange,
26844
+ _onChange = _ref.onChange,
27152
26845
  props = _objectWithoutProperties$1(_ref, ["value", "formatter", "onChange"]);
27153
26846
 
27154
- var _useState = useState(format$1(formatter)(value)),
27155
- _useState2 = _slicedToArray$1(_useState, 2),
27156
- formattedValue = _useState2[0],
27157
- setFormattedValue = _useState2[1];
27158
-
27159
26847
  var inputEl = useRef(null);
27160
- var stateRefs = useRef({
26848
+
26849
+ var _useState = useState({
27161
26850
  selectionStart: 0,
27162
26851
  selectionEnd: 0,
27163
- isDelete: false,
27164
- rawValue: ''
27165
- });
26852
+ rawValue: value,
26853
+ "delete": false,
26854
+ formattedValue: format$1(formatter)(value)
26855
+ }),
26856
+ _useState2 = _slicedToArray$1(_useState, 2),
26857
+ state = _useState2[0],
26858
+ setState = _useState2[1];
26859
+
27166
26860
  useLayoutEffect(function () {
27167
26861
  // A lot of the work here is cursor manipulation
27168
26862
  if (inputEl.current && inputEl.current === document.activeElement) {
27169
- inputEl.current.setSelectionRange(stateRefs.current.selectionStart, stateRefs.current.selectionEnd);
26863
+ inputEl.current.setSelectionRange(state.selectionStart, state.selectionEnd);
27170
26864
  }
27171
- }, [stateRefs]);
27172
-
27173
- var handleChange = function handleChange(event) {
27174
- var deleteKeyPressed = stateRefs.current.isDelete;
27175
- var maxFormatExceeded = stateRefs.current.rawValue.length >= formatter.formats.length - 1;
27176
-
27177
- if (maxFormatExceeded && !deleteKeyPressed) {
27178
- return;
27179
- }
27180
- /* At the beginning of onChange, event.target.value is a concat of the previous formatted value
27181
- * and an unformatted injection at the start, end, or in the middle (maybe a deletion). To prepare
27182
- * the unformatted value for the user's onChange, the formatted string and unformatted injection need
27183
- * to be separated, then unformat the formatted string, then insert (or delete) the injection from the
27184
- * old unformatted value.
27185
- */
27186
-
27187
-
27188
- var injectionLength = event.target.value.length - formattedValue.length;
27189
- var end = stateRefs.current.selectionStart === stateRefs.current.selectionEnd ? stateRefs.current.selectionStart + injectionLength : stateRefs.current.selectionEnd - 1;
27190
- var injection = event.target.value.substring(stateRefs.current.selectionStart, end); // Injection is the new unformatted piece of the input
27191
- // Need to find where to put it
27192
-
27193
- var rawInjectionPointStart = formattedToUnformattedIndex(stateRefs.current.selectionStart, stateRefs.current.rawValue, formatter);
27194
- var rawInjectionPointEnd = formattedToUnformattedIndex(stateRefs.current.selectionEnd, stateRefs.current.rawValue, formatter); // Unformat the previous formatted value for injection
27195
- // Using the relevant format string, strips away chars not marked with the formatChar
27196
-
27197
- var unformattedOldValue = unformat(formatter)(formattedValue, stateRefs.current.rawValue.length); // Edit the previous unformatted value (either add, update or delete)
27198
-
27199
- var injectIntoOldValue = inject(unformattedOldValue);
27200
- var unformattedNewValue = deleteKeyPressed ? rawInjectionPointStart === rawInjectionPointEnd ? injectIntoOldValue(rawInjectionPointStart - 1, rawInjectionPointStart, "") : injectIntoOldValue(rawInjectionPointStart, rawInjectionPointEnd, "") : injectIntoOldValue(rawInjectionPointStart, rawInjectionPointEnd, injection);
27201
- var lengthDifference = unformattedNewValue.length - stateRefs.current.rawValue.length;
27202
- var rawIndex = formattedToUnformattedIndex(stateRefs.current.selectionStart, stateRefs.current.rawValue, formatter) + lengthDifference; // Find the new cursor position for the potential formatted value
27203
- // Applied by useLayoutEffect
27204
-
27205
- var newFormattedCursorPosition = stateRefs.current.selectionStart === stateRefs.current.selectionEnd ? unformattedToFormattedIndex(rawIndex, unformattedNewValue, formatter, deleteKeyPressed) : deleteKeyPressed ? stateRefs.current.selectionStart : stateRefs.current.selectionEnd;
27206
- var formattedNewValue = format$1(formatter)(unformattedNewValue);
27207
- setFormattedValue(formattedNewValue); // Apply the external onChange function to the raw underlying string
27208
- // This is where the user generally updates the input value
27209
-
27210
- if (onChange) {
27211
- onChange(unformattedNewValue);
27212
- }
27213
- };
27214
-
26865
+ });
27215
26866
  return React.createElement("input", _extends$2({}, props, {
27216
26867
  ref: inputEl,
27217
26868
  value: format$1(formatter)(value),
27218
26869
  onKeyDown: function onKeyDown(event) {
27219
- // Keep track of the state of the input before onChange
27220
- stateRefs.current = {
27221
- isDelete: event.key === "Backspace" || event.key === "Delete",
26870
+ // Keep track of the state of the input before onChange, including if user is hitting delete
26871
+ setState({
26872
+ rawValue: value,
27222
26873
  selectionStart: event.target.selectionStart,
27223
26874
  selectionEnd: event.target.selectionEnd,
27224
- rawValue: value
27225
- };
26875
+ "delete": event.key === "Backspace" || event.key === "Delete",
26876
+ formattedValue: event.target.value
26877
+ });
27226
26878
  },
27227
- onChange: handleChange
26879
+ onChange: function onChange(event) {
26880
+ /* At the beginning of onChange, event.target.value is a concat of the previous formatted value
26881
+ * and an unformatted injection at the start, end, or in the middle (maybe a deletion). To prepare
26882
+ * the unformatted value for the user's onChange, the formatted string and unformatted injection need
26883
+ * to be separated, then unformat the formatted string, then insert (or delete) the injection from the
26884
+ * old unformatted value.
26885
+ */
26886
+ var injectionLength = event.target.value.length - state.formattedValue.length;
26887
+ var end = state.selectionStart === state.selectionEnd ? state.selectionStart + injectionLength : state.selectionEnd - 1;
26888
+ var injection = event.target.value.substring(state.selectionStart, end); // Injection is the new unformatted piece of the input
26889
+ // Need to find where to put it
26890
+
26891
+ var rawInjectionPointStart = formattedToUnformattedIndex(state.selectionStart, state.rawValue, formatter);
26892
+ var rawInjectionPointEnd = formattedToUnformattedIndex(state.selectionEnd, state.rawValue, formatter); // Unformat the previous formatted value for injection
26893
+ // Using the relevant format string, strips away chars not marked with the formatChar
26894
+
26895
+ var unformattedOldValue = unformat(formatter)(state.formattedValue, state.rawValue.length); // Edit the previous unformatted value (either add, update or delete)
26896
+
26897
+ var injectIntoOldValue = inject(unformattedOldValue);
26898
+ var unformattedNewValue = state["delete"] ? rawInjectionPointStart === rawInjectionPointEnd ? injectIntoOldValue(rawInjectionPointStart - 1, rawInjectionPointStart, "") : injectIntoOldValue(rawInjectionPointStart, rawInjectionPointEnd, "") : injectIntoOldValue(rawInjectionPointStart, rawInjectionPointEnd, injection);
26899
+ var lengthDifference = unformattedNewValue.length - state.rawValue.length;
26900
+ var rawIndex = formattedToUnformattedIndex(state.selectionStart, state.rawValue, formatter) + lengthDifference; // Find the new cursor position for the potential formatted value
26901
+ // Applied by useLayoutEffect
26902
+
26903
+ var newFormattedCursorPosition = state.selectionStart == state.selectionEnd ? unformattedToFormattedIndex(rawIndex, unformattedNewValue, formatter, state["delete"]) : state["delete"] ? state.selectionStart : state.selectionEnd;
26904
+ setState({
26905
+ selectionStart: newFormattedCursorPosition,
26906
+ selectionEnd: newFormattedCursorPosition,
26907
+ rawValue: state.rawValue,
26908
+ "delete": false,
26909
+ formattedValue: state.formattedValue
26910
+ }); // Apply the external onChange function to the raw underlying string
26911
+ // This is where the user generally updates the input value
26912
+
26913
+ if (_onChange) {
26914
+ _onChange(unformattedNewValue);
26915
+ }
26916
+ }
27228
26917
  }));
27229
26918
  };
27230
26919
 
@@ -39661,15 +39350,16 @@ var disabledBackground = "".concat(MANATEE_GREY);
39661
39350
  var disabledBackgroundLight = "".concat(ATHENS_GREY);
39662
39351
  var white = "".concat(WHITE);
39663
39352
  var labelStyles = "\n display: flex;\n justify-content: flex-start;\n align-items: center;\n";
39664
- var rightLabelStyles = "\n ".concat(labelStyles, "\n flex-direction: row;\n");
39665
- var leftLabelStyles = "\n ".concat(labelStyles, "\n flex-direction: row-reverse;\n");
39353
+ var rightLabelStyles = "\n > div {\n flex-direction: row;\n }\n";
39354
+ var leftLabelStyles = "\n > div {\n flex-direction: row-reverse;\n }\n";
39666
39355
  var fallbackValues$C = {
39667
39356
  onBackground: onBackground,
39668
39357
  disabledBackground: disabledBackground,
39669
39358
  disabledBackgroundLight: disabledBackgroundLight,
39670
39359
  white: white,
39671
39360
  rightLabelStyles: rightLabelStyles,
39672
- leftLabelStyles: leftLabelStyles
39361
+ leftLabelStyles: leftLabelStyles,
39362
+ labelStyles: labelStyles
39673
39363
  };
39674
39364
 
39675
39365
  var HiddenToggleSwitchBox = styled.input.withConfig({
@@ -39935,7 +39625,8 @@ var CardText = function CardText(_ref) {
39935
39625
  }, /*#__PURE__*/React.createElement(Cover, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Cluster, {
39936
39626
  justify: "space-between",
39937
39627
  align: "center",
39938
- overflow: true
39628
+ overflow: true,
39629
+ nowrap: true
39939
39630
  }, titleText && /*#__PURE__*/React.createElement(Title$1, {
39940
39631
  as: titleAs,
39941
39632
  variant: titleVariant,
@@ -40152,10 +39843,11 @@ var LoadingLine = function LoadingLine(_ref) {
40152
39843
  height = _ref$height === void 0 ? "16px" : _ref$height,
40153
39844
  _ref$margin = _ref.margin,
40154
39845
  margin = _ref$margin === void 0 ? "0px" : _ref$margin;
39846
+ var calculatedWidth = Math.floor(Math.random() * (parseInt(maxWidth) - parseInt(minWidth) + 1) + parseInt(minWidth));
40155
39847
  return /*#__PURE__*/React.createElement(LoadingPill, {
40156
39848
  margin: margin,
40157
39849
  height: height,
40158
- width: exactWidth || Math.floor(Math.random() * (maxWidth - minWidth + 1)) + minWidth
39850
+ width: exactWidth || calculatedWidth
40159
39851
  });
40160
39852
  };
40161
39853
 
@@ -42200,728 +41892,129 @@ var HighlightTabRow = function HighlightTabRow(_ref) {
42200
41892
  };
42201
41893
  var HighlightTabRow$1 = themeComponent(HighlightTabRow, "HighlightTabRow", fallbackValues$K);
42202
41894
 
42203
- var AccountBillIcon = function AccountBillIcon(_ref) {
42204
- var color = _ref.color;
42205
- return /*#__PURE__*/React.createElement("svg", {
42206
- width: "48",
42207
- height: "48",
42208
- viewBox: "0 0 48 48",
42209
- fill: "none",
42210
- xmlns: "http://www.w3.org/2000/svg"
42211
- }, /*#__PURE__*/React.createElement("path", {
42212
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42213
- fill: color
42214
- }), /*#__PURE__*/React.createElement("path", {
42215
- fillRule: "evenodd",
42216
- clipRule: "evenodd",
42217
- d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
42218
- fill: "#FEFEFE"
42219
- }));
42220
- };
41895
+ /** @license React v16.13.1
41896
+ * react-is.production.min.js
41897
+ *
41898
+ * Copyright (c) Facebook, Inc. and its affiliates.
41899
+ *
41900
+ * This source code is licensed under the MIT license found in the
41901
+ * LICENSE file in the root directory of this source tree.
41902
+ */
41903
+ var b$2="function"===typeof Symbol&&Symbol.for,c$2=b$2?Symbol.for("react.element"):60103,d$1=b$2?Symbol.for("react.portal"):60106,e=b$2?Symbol.for("react.fragment"):60107,f$7=b$2?Symbol.for("react.strict_mode"):60108,g$1=b$2?Symbol.for("react.profiler"):60114,h$1=b$2?Symbol.for("react.provider"):60109,k$1=b$2?Symbol.for("react.context"):60110,l$1=b$2?Symbol.for("react.async_mode"):60111,m=b$2?Symbol.for("react.concurrent_mode"):60111,n$1=b$2?Symbol.for("react.forward_ref"):60112,p$1=b$2?Symbol.for("react.suspense"):60113,q$1=b$2?
41904
+ Symbol.for("react.suspense_list"):60120,r$1=b$2?Symbol.for("react.memo"):60115,t$1=b$2?Symbol.for("react.lazy"):60116,v$1=b$2?Symbol.for("react.block"):60121,w$1=b$2?Symbol.for("react.fundamental"):60117,x$1=b$2?Symbol.for("react.responder"):60118,y$1=b$2?Symbol.for("react.scope"):60119;
41905
+ function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$1:case m:case e:case g$1:case f$7:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m}var AsyncMode=l$1;var ConcurrentMode=m;var ContextConsumer=k$1;var ContextProvider=h$1;var Element$1=c$2;var ForwardRef=n$1;var Fragment=e;var Lazy=t$1;var Memo=r$1;var Portal=d$1;
41906
+ var Profiler=g$1;var StrictMode=f$7;var Suspense=p$1;var isAsyncMode=function(a){return A$1(a)||z$1(a)===l$1};var isConcurrentMode=A$1;var isContextConsumer=function(a){return z$1(a)===k$1};var isContextProvider=function(a){return z$1(a)===h$1};var isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};var isForwardRef=function(a){return z$1(a)===n$1};var isFragment=function(a){return z$1(a)===e};var isLazy=function(a){return z$1(a)===t$1};
41907
+ var isMemo=function(a){return z$1(a)===r$1};var isPortal=function(a){return z$1(a)===d$1};var isProfiler=function(a){return z$1(a)===g$1};var isStrictMode=function(a){return z$1(a)===f$7};var isSuspense=function(a){return z$1(a)===p$1};
41908
+ var isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g$1||a===f$7||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$1)};var typeOf=z$1;
42221
41909
 
42222
- var AccountGenericIcon = function AccountGenericIcon(_ref) {
42223
- var color = _ref.color;
42224
- return /*#__PURE__*/React.createElement("svg", {
42225
- width: "48",
42226
- height: "48",
42227
- viewBox: "0 0 48 48",
42228
- fill: "none",
42229
- xmlns: "http://www.w3.org/2000/svg"
42230
- }, /*#__PURE__*/React.createElement("path", {
42231
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42232
- fill: color
42233
- }), /*#__PURE__*/React.createElement("path", {
42234
- fillRule: "evenodd",
42235
- clipRule: "evenodd",
42236
- d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2187 22.5 16.125V15.375C22.5 15.2812 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2812 18 15.375V16.125C18 16.2187 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2187 18 19.125V18.375C18 18.2812 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2812 22.5 18.375V19.125C22.5 19.2187 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM18.75 28.5H29.25C29.4687 28.5 29.6484 28.4297 29.7891 28.2891C29.9297 28.1484 30 27.9688 30 27.75V23.25C30 23.0313 29.9297 22.8516 29.7891 22.7109C29.6484 22.5703 29.4687 22.5 29.25 22.5H18.75C18.5312 22.5 18.3516 22.5703 18.2109 22.7109C18.0703 22.8516 18 23.0313 18 23.25V27.75C18 27.9688 18.0703 28.1484 18.2109 28.2891C18.3516 28.4297 18.5312 28.5 18.75 28.5ZM28.5 27V24H19.5V27H28.5ZM25.875 33H29.625C29.7188 33 29.8047 32.9609 29.8828 32.8828C29.9609 32.8047 30 32.7187 30 32.625V31.875C30 31.7813 29.9609 31.6953 29.8828 31.6172C29.8047 31.5391 29.7188 31.5 29.625 31.5H25.875C25.7812 31.5 25.6953 31.5391 25.6172 31.6172C25.5391 31.6953 25.5 31.7813 25.5 31.875V32.625C25.5 32.7187 25.5391 32.8047 25.6172 32.8828C25.6953 32.9609 25.7812 33 25.875 33Z",
42237
- fill: "#FEFEFE"
42238
- }));
41910
+ var reactIs_production_min = {
41911
+ AsyncMode: AsyncMode,
41912
+ ConcurrentMode: ConcurrentMode,
41913
+ ContextConsumer: ContextConsumer,
41914
+ ContextProvider: ContextProvider,
41915
+ Element: Element$1,
41916
+ ForwardRef: ForwardRef,
41917
+ Fragment: Fragment,
41918
+ Lazy: Lazy,
41919
+ Memo: Memo,
41920
+ Portal: Portal,
41921
+ Profiler: Profiler,
41922
+ StrictMode: StrictMode,
41923
+ Suspense: Suspense,
41924
+ isAsyncMode: isAsyncMode,
41925
+ isConcurrentMode: isConcurrentMode,
41926
+ isContextConsumer: isContextConsumer,
41927
+ isContextProvider: isContextProvider,
41928
+ isElement: isElement,
41929
+ isForwardRef: isForwardRef,
41930
+ isFragment: isFragment,
41931
+ isLazy: isLazy,
41932
+ isMemo: isMemo,
41933
+ isPortal: isPortal,
41934
+ isProfiler: isProfiler,
41935
+ isStrictMode: isStrictMode,
41936
+ isSuspense: isSuspense,
41937
+ isValidElementType: isValidElementType,
41938
+ typeOf: typeOf
42239
41939
  };
42240
41940
 
42241
- var AccountConstructionIcon = function AccountConstructionIcon(_ref) {
42242
- var color = _ref.color;
42243
- return /*#__PURE__*/React.createElement("svg", {
42244
- width: "48",
42245
- height: "48",
42246
- viewBox: "0 0 48 48",
42247
- fill: "none",
42248
- xmlns: "http://www.w3.org/2000/svg"
42249
- }, /*#__PURE__*/React.createElement("path", {
42250
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42251
- fill: color
42252
- }), /*#__PURE__*/React.createElement("path", {
42253
- fillRule: "evenodd",
42254
- clipRule: "evenodd",
42255
- d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
42256
- fill: "#FEFEFE"
42257
- }));
42258
- };
41941
+ var reactIs_development = createCommonjsModule(function (module, exports) {
42259
41942
 
42260
- var AccountDentalIcon = function AccountDentalIcon(_ref) {
42261
- var color = _ref.color;
42262
- return /*#__PURE__*/React.createElement("svg", {
42263
- width: "48",
42264
- height: "48",
42265
- viewBox: "0 0 48 48",
42266
- fill: "none",
42267
- xmlns: "http://www.w3.org/2000/svg"
42268
- }, /*#__PURE__*/React.createElement("path", {
42269
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42270
- fill: color
42271
- }), /*#__PURE__*/React.createElement("path", {
42272
- d: "M28.1548 35.14C28.4576 35.14 28.7315 35.0463 28.9766 34.8589C29.2217 34.6714 29.373 34.4191 29.4307 34.102L29.7767 32.6314C30.1516 30.9879 30.4543 28.9695 30.685 26.5763C30.858 24.6444 31.377 23.1017 32.242 21.9484C32.7322 21.2852 33.0638 20.5427 33.2368 19.7209C33.4098 18.8992 33.3954 18.0413 33.1936 17.1475C32.9629 16.1671 32.4871 15.3093 31.7663 14.574C31.0454 13.8388 30.1948 13.3558 29.2145 13.1251C28.0323 12.8079 26.7491 13.154 25.3651 14.1631C25.2786 14.2208 25.1633 14.2785 25.0191 14.3362L24.8893 14.3794L26.1436 15.2012C26.2878 15.2877 26.3815 15.4246 26.4248 15.6121C26.468 15.7995 26.4392 15.9725 26.3382 16.1311C26.2373 16.2897 26.0932 16.3906 25.9057 16.4338C25.7183 16.4771 25.5381 16.441 25.3651 16.3257L21.04 13.5576C20.0308 13.0098 19.0648 12.8656 18.1421 13.1251C17.1618 13.3558 16.3112 13.8388 15.5903 14.574C14.8695 15.3093 14.3937 16.1671 14.163 17.1475C13.9612 18.0413 13.9468 18.8992 14.1198 19.7209C14.2928 20.5427 14.6244 21.2852 15.1146 21.9484C15.9796 23.1017 16.4986 24.6444 16.6716 26.5763C16.9023 28.9695 17.205 30.9879 17.5799 32.6314L17.9259 34.102C17.9835 34.4191 18.1349 34.6714 18.38 34.8589C18.6251 35.0463 18.899 35.14 19.2018 35.14C19.5046 35.14 19.7713 35.0463 20.0019 34.8589C20.2326 34.6714 20.3912 34.4336 20.4777 34.1452L21.9482 28.1333C22.0636 27.7585 22.2798 27.4413 22.597 27.1818C22.9142 26.9223 23.2746 26.7925 23.6783 26.7925C24.082 26.7925 24.4424 26.9223 24.7596 27.1818C25.0768 27.4413 25.293 27.7585 25.4083 28.1333L26.8789 34.1452C26.9654 34.4336 27.124 34.6714 27.3547 34.8589C27.5853 35.0463 27.852 35.14 28.1548 35.14Z",
42273
- fill: "#FEFEFE"
42274
- }));
42275
- };
42276
41943
 
42277
- var AccountElectricIcon = function AccountElectricIcon(_ref) {
42278
- var color = _ref.color;
42279
- return /*#__PURE__*/React.createElement("svg", {
42280
- width: "48",
42281
- height: "48",
42282
- viewBox: "0 0 48 48",
42283
- fill: "none",
42284
- xmlns: "http://www.w3.org/2000/svg"
42285
- }, /*#__PURE__*/React.createElement("path", {
42286
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42287
- fill: color
42288
- }), /*#__PURE__*/React.createElement("path", {
42289
- d: "M29.8438 19.2297V14.3844C29.8438 14.0094 29.7068 13.685 29.4328 13.411C29.1588 13.137 28.8343 13 28.4594 13C28.0844 13 27.76 13.137 27.486 13.411C27.212 13.685 27.075 14.0094 27.075 14.3844V19.2297H29.8438ZM21.5375 19.2297V14.3844C21.5375 14.0094 21.4005 13.685 21.1265 13.411C20.8525 13.137 20.5281 13 20.1531 13C19.7782 13 19.4537 13.137 19.1797 13.411C18.9057 13.685 18.7687 14.0094 18.7687 14.3844V19.2297H21.5375ZM25.6906 35.15V30.8671C27.2769 30.5498 28.5964 29.7567 29.6491 28.4877C30.7018 27.2187 31.2281 25.7478 31.2281 24.075V22.6906H31.9203C32.1222 22.6906 32.288 22.6257 32.4178 22.4959C32.5476 22.3662 32.6125 22.2003 32.6125 21.9984V20.6141C32.6125 20.4122 32.5476 20.2463 32.4178 20.1166C32.288 19.9868 32.1222 19.9219 31.9203 19.9219H16.6922C16.4903 19.9219 16.3245 19.9868 16.1947 20.1166C16.0649 20.2463 16 20.4122 16 20.6141V21.9984C16 22.2003 16.0649 22.3662 16.1947 22.4959C16.3245 22.6257 16.4903 22.6906 16.6922 22.6906H17.3844V24.075C17.3844 25.7478 17.9107 27.2187 18.9634 28.4877C20.0161 29.7567 21.3356 30.5498 22.9219 30.8671V35.15H25.6906Z",
42290
- fill: "#FEFEFE"
42291
- }));
42292
- };
42293
41944
 
42294
- var AccountGarbageIcon = function AccountGarbageIcon(_ref) {
42295
- var color = _ref.color;
42296
- return /*#__PURE__*/React.createElement("svg", {
42297
- width: "48",
42298
- height: "48",
42299
- viewBox: "0 0 48 48",
42300
- fill: "none",
42301
- xmlns: "http://www.w3.org/2000/svg"
42302
- }, /*#__PURE__*/React.createElement("path", {
42303
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42304
- fill: color
42305
- }), /*#__PURE__*/React.createElement("path", {
42306
- fillRule: "evenodd",
42307
- clipRule: "evenodd",
42308
- d: "M33.4179 16.7612C33.5671 16.7612 33.694 16.7089 33.7985 16.6045C33.9029 16.5 33.9552 16.3731 33.9552 16.2239V14.9701C33.9552 14.6716 33.8507 14.4179 33.6417 14.2089C33.4328 14 33.1791 13.8955 32.8806 13.8955H27.8656L27.4627 13.0448C27.3731 12.8657 27.2388 12.7239 27.0597 12.6194C26.8806 12.5149 26.6865 12.4627 26.4776 12.4627H21.3731C21.1642 12.4627 20.9701 12.5149 20.791 12.6194C20.6119 12.7239 20.4776 12.8657 20.388 13.0448L19.9851 13.8955H14.9701C14.6716 13.8955 14.4179 14 14.209 14.2089C14 14.4179 13.8955 14.6716 13.8955 14.9701V16.2239C13.8955 16.3731 13.9478 16.5 14.0522 16.6045C14.1567 16.7089 14.2836 16.7612 14.4328 16.7612H33.4179ZM30.3731 35.388C30.9701 35.388 31.4776 35.179 31.8955 34.7611C32.3134 34.3432 32.5223 33.8358 32.5223 33.2388V18.7313C32.5223 18.5821 32.4701 18.4552 32.3656 18.3507C32.2611 18.2463 32.1343 18.194 31.985 18.194H15.8657C15.7164 18.194 15.5895 18.2463 15.4851 18.3507C15.3806 18.4552 15.3284 18.5821 15.3284 18.7313V33.2388C15.3284 33.8358 15.5373 34.3432 15.9552 34.7611C16.3731 35.179 16.8806 35.388 17.4776 35.388H30.3731ZM19.1119 32.3208C19.2463 32.4552 19.4179 32.5223 19.6269 32.5223C19.8358 32.5223 20.0074 32.4552 20.1418 32.3208C20.2761 32.1865 20.3433 32.0149 20.3433 31.8059V21.7761C20.3433 21.5671 20.2761 21.3955 20.1418 21.2612C20.0074 21.1268 19.8358 21.0597 19.6269 21.0597C19.4179 21.0597 19.2463 21.1268 19.1119 21.2612C18.9776 21.3955 18.9104 21.5671 18.9104 21.7761V31.8059C18.9104 32.0149 18.9776 32.1865 19.1119 32.3208ZM23.9254 32.5223C23.7164 32.5223 23.5448 32.4552 23.4104 32.3208C23.2761 32.1865 23.2089 32.0149 23.2089 31.8059V21.7761C23.2089 21.5671 23.2761 21.3955 23.4104 21.2612C23.5448 21.1268 23.7164 21.0597 23.9254 21.0597C24.1343 21.0597 24.3059 21.1268 24.4403 21.2612C24.5746 21.3955 24.6418 21.5671 24.6418 21.7761V31.8059C24.6418 32.0149 24.5746 32.1865 24.4403 32.3208C24.3059 32.4552 24.1343 32.5223 23.9254 32.5223ZM27.7089 32.3208C27.8433 32.4552 28.0149 32.5223 28.2238 32.5223C28.4328 32.5223 28.6044 32.4552 28.7388 32.3208C28.8731 32.1865 28.9403 32.0149 28.9403 31.8059V21.7761C28.9403 21.5671 28.8731 21.3955 28.7388 21.2612C28.6044 21.1268 28.4328 21.0597 28.2238 21.0597C28.0149 21.0597 27.8433 21.1268 27.7089 21.2612C27.5746 21.3955 27.5074 21.5671 27.5074 21.7761V31.8059C27.5074 32.0149 27.5746 32.1865 27.7089 32.3208Z",
42309
- fill: "#FEFEFE"
42310
- }));
42311
- };
41945
+ if (process.env.NODE_ENV !== "production") {
41946
+ (function() {
42312
41947
 
42313
- var AccountGasIcon = function AccountGasIcon(_ref) {
42314
- var color = _ref.color;
42315
- return /*#__PURE__*/React.createElement("svg", {
42316
- width: "48",
42317
- height: "48",
42318
- viewBox: "0 0 48 48",
42319
- fill: "none",
42320
- xmlns: "http://www.w3.org/2000/svg"
42321
- }, /*#__PURE__*/React.createElement("path", {
42322
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42323
- fill: color
42324
- }), /*#__PURE__*/React.createElement("path", {
42325
- d: "M23.9253 35.394C25.4776 35.394 26.9104 35.0059 28.2238 34.2298C29.5373 33.4537 30.5821 32.4089 31.3582 31.0955C32.1343 29.7821 32.5223 28.3492 32.5223 26.797C32.5223 25.4836 32.2985 24.2597 31.8507 23.1254C31.4626 22.2298 30.8955 21.3493 30.1492 20.4836C29.7015 19.9761 29 19.2746 28.0447 18.3791C27 17.4239 26.2985 16.6776 25.9403 16.1403C25.3134 15.3045 25 14.4388 25 13.5433C25 13.1851 24.8806 12.909 24.6418 12.7149C24.403 12.5209 24.1194 12.4388 23.791 12.4687C23.4627 12.4985 23.2089 12.6627 23.0298 12.9612C21.8955 14.5732 21.2537 16.006 21.1045 17.2597C20.9552 18.2746 21.1343 19.2 21.6418 20.0358C21.9403 20.5433 22.5224 21.2149 23.388 22.0507C24.0448 22.7075 24.4925 23.2149 24.7313 23.5731C25.1492 24.1403 25.3582 24.7373 25.3582 25.3642C25.3582 26.1701 25.0746 26.8492 24.5074 27.4015C23.9403 27.9537 23.2612 28.2298 22.4701 28.2298C21.6791 28.2298 21.0074 27.9463 20.4552 27.3791C19.903 26.8119 19.6269 26.1254 19.6269 25.3194V25.3194V21.5134C19.6269 21.1851 19.5224 20.9239 19.3134 20.7299C19.1045 20.5358 18.8507 20.4313 18.5522 20.4164C18.2537 20.4015 18 20.5134 17.791 20.7522C17.1045 21.4687 16.5373 22.3045 16.0895 23.2597C15.5821 24.394 15.3284 25.5731 15.3284 26.797C15.3284 28.3492 15.7164 29.7821 16.4925 31.0955C17.2686 32.4089 18.3134 33.4537 19.6269 34.2298C20.9403 35.0059 22.3731 35.394 23.9253 35.394Z",
42326
- fill: "#FEFEFE"
42327
- }));
42328
- };
41948
+ // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
41949
+ // nor polyfill, then a plain number is used for performance.
41950
+ var hasSymbol = typeof Symbol === 'function' && Symbol.for;
41951
+ var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
41952
+ var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
41953
+ var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
41954
+ var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
41955
+ var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
41956
+ var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
41957
+ var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
41958
+ // (unstable) APIs that have been removed. Can we remove the symbols?
42329
41959
 
42330
- var AccountMedicalIcon = function AccountMedicalIcon(_ref) {
42331
- var color = _ref.color;
42332
- return /*#__PURE__*/React.createElement("svg", {
42333
- width: "48",
42334
- height: "48",
42335
- viewBox: "0 0 48 48",
42336
- fill: "none",
42337
- xmlns: "http://www.w3.org/2000/svg"
42338
- }, /*#__PURE__*/React.createElement("path", {
42339
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42340
- fill: color
42341
- }), /*#__PURE__*/React.createElement("path", {
42342
- fillRule: "evenodd",
42343
- clipRule: "evenodd",
42344
- d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4063 32.8906 17.1406 32.6718 16.9219L28.0781 12.3281C27.8593 12.1094 27.5937 12 27.2812 12H27V18H33ZM22.875 31.5H25.125C25.2187 31.5 25.3047 31.4609 25.3828 31.3828C25.4609 31.3047 25.5 31.2188 25.5 31.125V28.5H28.125C28.2187 28.5 28.3047 28.4609 28.3828 28.3828C28.4609 28.3047 28.5 28.2188 28.5 28.125V25.875C28.5 25.7812 28.4609 25.6953 28.3828 25.6172C28.3047 25.5391 28.2187 25.5 28.125 25.5H25.5V22.875C25.5 22.7812 25.4609 22.6953 25.3828 22.6172C25.3047 22.5391 25.2187 22.5 25.125 22.5H22.875C22.7812 22.5 22.6953 22.5391 22.6172 22.6172C22.539 22.6953 22.5 22.7812 22.5 22.875V25.5H19.875C19.7812 25.5 19.6953 25.5391 19.6172 25.6172C19.539 25.6953 19.5 25.7812 19.5 25.875V28.125C19.5 28.2188 19.539 28.3047 19.6172 28.3828C19.6953 28.4609 19.7812 28.5 19.875 28.5H22.5V31.125C22.5 31.2188 22.539 31.3047 22.6172 31.3828C22.6953 31.4609 22.7812 31.5 22.875 31.5Z",
42345
- fill: "#FEFEFE"
42346
- }));
42347
- };
41960
+ var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
41961
+ var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
41962
+ var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
41963
+ var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
41964
+ var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
41965
+ var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
41966
+ var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
41967
+ var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
41968
+ var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
41969
+ var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
41970
+ var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
42348
41971
 
42349
- var AccountWaterIcon = function AccountWaterIcon(_ref) {
42350
- var color = _ref.color;
42351
- return /*#__PURE__*/React.createElement("svg", {
42352
- width: "48",
42353
- height: "48",
42354
- viewBox: "0 0 48 48",
42355
- fill: "none",
42356
- xmlns: "http://www.w3.org/2000/svg"
42357
- }, /*#__PURE__*/React.createElement("path", {
42358
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42359
- fill: color
42360
- }), /*#__PURE__*/React.createElement("path", {
42361
- fillRule: "evenodd",
42362
- clipRule: "evenodd",
42363
- d: "M27.9627 35.3015C26.7537 36.0805 25.4328 36.47 24 36.47C22.5672 36.47 21.2463 36.0805 20.0373 35.3015C18.8284 34.5225 17.8731 33.4676 17.1717 32.1368C16.4702 30.8061 16.1194 29.3617 16.1194 27.8037C16.1194 26.5378 16.3881 25.2882 16.9254 24.0548C17.2537 23.3082 17.8806 22.2047 18.806 20.744C19.7313 19.2834 20.4328 18.1149 20.9104 17.2386C21.6567 15.778 22.2537 14.2362 22.7015 12.6133C22.8209 12.1589 23.0672 11.8424 23.4403 11.6639C23.8134 11.4854 24.1866 11.4854 24.5597 11.6639C24.9328 11.8424 25.1791 12.1589 25.2985 12.6133C25.7463 14.2362 26.3582 15.7942 27.1343 17.2873C27.5821 18.1636 28.2686 19.324 29.194 20.7684C30.1194 22.2128 30.7462 23.3082 31.0746 24.0548C31.6119 25.2557 31.8806 26.5054 31.8806 27.8037C31.8806 29.3617 31.5298 30.8061 30.8283 32.1368C30.1268 33.4676 29.1716 34.5225 27.9627 35.3015ZM21.4925 32.6237C22.2686 33.1106 23.1045 33.354 24 33.354C24.2089 33.354 24.3806 33.281 24.5149 33.1349C24.6492 32.9889 24.7164 32.8022 24.7164 32.575C24.7164 32.3478 24.6492 32.1612 24.5149 32.0151C24.3806 31.8691 24.2089 31.796 24 31.796C23.0149 31.796 22.1716 31.4146 21.4701 30.6519C20.7687 29.8891 20.4179 28.9722 20.4179 27.9011C20.4179 27.6739 20.3507 27.4872 20.2164 27.3412C20.0821 27.1951 19.9104 27.1221 19.7015 27.1221C19.4925 27.1221 19.3209 27.1951 19.1866 27.3412C19.0522 27.4872 18.9851 27.6739 18.9851 27.9011C18.9851 28.8748 19.209 29.7836 19.6567 30.6275C20.1045 31.4715 20.7164 32.1368 21.4925 32.6237Z",
42364
- fill: "#FEFEFE"
42365
- }));
42366
- };
41972
+ function isValidElementType(type) {
41973
+ return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
41974
+ type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
41975
+ }
42367
41976
 
42368
- var PropertyApartmentIcon = function PropertyApartmentIcon(_ref) {
42369
- var color = _ref.color;
42370
- return /*#__PURE__*/React.createElement("svg", {
42371
- width: "48",
42372
- height: "48",
42373
- viewBox: "0 0 48 48",
42374
- fill: "none",
42375
- xmlns: "http://www.w3.org/2000/svg"
42376
- }, /*#__PURE__*/React.createElement("path", {
42377
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42378
- fill: color
42379
- }), /*#__PURE__*/React.createElement("path", {
42380
- d: "M33.3812 35.15V34.2848C33.3812 34.1406 33.3308 34.018 33.2298 33.917C33.1289 33.8161 33.0063 33.7656 32.8621 33.7656H31.9969V14.0383C31.9969 13.7499 31.8959 13.5047 31.694 13.3028C31.4922 13.1009 31.247 13 30.9586 13H16.4227C16.1342 13 15.8891 13.1009 15.6872 13.3028C15.4853 13.5047 15.3844 13.7499 15.3844 14.0383V33.7656H14.5191C14.3749 33.7656 14.2524 33.8161 14.1514 33.917C14.0505 34.018 14 34.1406 14 34.2848V35.15H33.3812ZM21.7871 18.5375H20.0566C19.9124 18.5375 19.7899 18.487 19.6889 18.3861C19.588 18.2851 19.5375 18.1626 19.5375 18.0184V16.2879C19.5375 16.1437 19.588 16.0211 19.6889 15.9202C19.7899 15.8192 19.9124 15.7687 20.0566 15.7687H21.7871C21.9313 15.7687 22.0539 15.8192 22.1548 15.9202C22.2558 16.0211 22.3063 16.1437 22.3063 16.2879V18.0184C22.3063 18.1626 22.2558 18.2851 22.1548 18.3861C22.0539 18.487 21.9313 18.5375 21.7871 18.5375ZM27.3246 18.5375H25.5941C25.4499 18.5375 25.3274 18.487 25.2264 18.3861C25.1255 18.2851 25.075 18.1626 25.075 18.0184V16.2879C25.075 16.1437 25.1255 16.0211 25.2264 15.9202C25.3274 15.8192 25.4499 15.7687 25.5941 15.7687H27.3246C27.4688 15.7687 27.5914 15.8192 27.6923 15.9202C27.7933 16.0211 27.8438 16.1437 27.8438 16.2879V18.0184C27.8438 18.1626 27.7933 18.2851 27.6923 18.3861C27.5914 18.487 27.4688 18.5375 27.3246 18.5375ZM21.7871 22.6906H20.0566C19.9124 22.6906 19.7899 22.6402 19.6889 22.5392C19.588 22.4383 19.5375 22.3157 19.5375 22.1715V20.441C19.5375 20.2968 19.588 20.1742 19.6889 20.0733C19.7899 19.9723 19.9124 19.9219 20.0566 19.9219H21.7871C21.9313 19.9219 22.0539 19.9723 22.1548 20.0733C22.2558 20.1742 22.3063 20.2968 22.3063 20.441V22.1715C22.3063 22.3157 22.2558 22.4383 22.1548 22.5392C22.0539 22.6402 21.9313 22.6906 21.7871 22.6906ZM27.3246 22.6906H25.5941C25.4499 22.6906 25.3274 22.6402 25.2264 22.5392C25.1255 22.4383 25.075 22.3157 25.075 22.1715V20.441C25.075 20.2968 25.1255 20.1742 25.2264 20.0733C25.3274 19.9723 25.4499 19.9219 25.5941 19.9219H27.3246C27.4688 19.9219 27.5914 19.9723 27.6923 20.0733C27.7933 20.1742 27.8438 20.2968 27.8438 20.441V22.1715C27.8438 22.3157 27.7933 22.4383 27.6923 22.5392C27.5914 22.6402 27.4688 22.6906 27.3246 22.6906ZM21.7871 26.8438H20.0566C19.9124 26.8438 19.7899 26.7933 19.6889 26.6923C19.588 26.5914 19.5375 26.4688 19.5375 26.3246V24.5941C19.5375 24.4499 19.588 24.3274 19.6889 24.2264C19.7899 24.1255 19.9124 24.075 20.0566 24.075H21.7871C21.9313 24.075 22.0539 24.1255 22.1548 24.2264C22.2558 24.3274 22.3063 24.4499 22.3063 24.5941V26.3246C22.3063 26.4688 22.2558 26.5914 22.1548 26.6923C22.0539 26.7933 21.9313 26.8438 21.7871 26.8438ZM27.3246 26.8438H25.5941C25.4499 26.8438 25.3274 26.7933 25.2264 26.6923C25.1255 26.5914 25.075 26.4688 25.075 26.3246V24.5941C25.075 24.4499 25.1255 24.3274 25.2264 24.2264C25.3274 24.1255 25.4499 24.075 25.5941 24.075H27.3246C27.4688 24.075 27.5914 24.1255 27.6923 24.2264C27.7933 24.3274 27.8438 24.4499 27.8438 24.5941V26.3246C27.8438 26.4688 27.7933 26.5914 27.6923 26.6923C27.5914 26.7933 27.4688 26.8438 27.3246 26.8438ZM25.075 33.7656H22.3063V30.1316C22.3063 29.9874 22.3567 29.8649 22.4577 29.7639C22.5586 29.663 22.6812 29.6125 22.8254 29.6125H24.5559C24.7001 29.6125 24.8226 29.663 24.9236 29.7639C25.0245 29.8649 25.075 29.9874 25.075 30.1316V33.7656Z",
42381
- fill: "#FEFEFE"
42382
- }));
42383
- };
41977
+ function typeOf(object) {
41978
+ if (typeof object === 'object' && object !== null) {
41979
+ var $$typeof = object.$$typeof;
42384
41980
 
42385
- var PropertyBusinessIcon = function PropertyBusinessIcon() {
42386
- return /*#__PURE__*/React.createElement("svg", {
42387
- width: "48",
42388
- height: "48",
42389
- viewBox: "0 0 48 48",
42390
- fill: "none",
42391
- xmlns: "http://www.w3.org/2000/svg"
42392
- }, /*#__PURE__*/React.createElement("path", {
42393
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42394
- fill: "#3B5BDB"
42395
- }), /*#__PURE__*/React.createElement("path", {
42396
- fillRule: "evenodd",
42397
- clipRule: "evenodd",
42398
- d: "M16.3134 14.209V16H14.0746V14.209H16.3134ZM16.3134 14.209H18.5522C18.8507 14.209 19.1045 14.3134 19.3134 14.5224C19.5224 14.7313 19.6269 14.9851 19.6269 15.2836V24.0597L25.8507 20.1194C26.2089 19.8806 26.5746 19.8657 26.9477 20.0746C27.3209 20.2836 27.5074 20.597 27.5074 21.0149V24.0597L33.7313 20.1194C34.0895 19.8806 34.4552 19.8657 34.8283 20.0746C35.2014 20.2836 35.388 20.597 35.388 21.0149V33.194C35.388 33.4925 35.2835 33.7462 35.0746 33.9552C34.8656 34.1641 34.6119 34.2686 34.3134 34.2686H13.5373C13.2388 34.2686 12.9851 34.1641 12.7761 33.9552C12.5672 33.7462 12.4627 33.4925 12.4627 33.194V15.2836C12.4627 14.9851 12.5672 14.7313 12.7761 14.5224C12.9851 14.3134 13.2388 14.209 13.5373 14.209H14.0746V13.8955H16.3134V14.209Z",
42399
- fill: "#FEFEFE"
42400
- }));
42401
- };
41981
+ switch ($$typeof) {
41982
+ case REACT_ELEMENT_TYPE:
41983
+ var type = object.type;
42402
41984
 
42403
- var PropertyCarIcon = function PropertyCarIcon() {
42404
- return /*#__PURE__*/React.createElement("svg", {
42405
- width: "48",
42406
- height: "48",
42407
- viewBox: "0 0 48 48",
42408
- fill: "none",
42409
- xmlns: "http://www.w3.org/2000/svg"
42410
- }, /*#__PURE__*/React.createElement("path", {
42411
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42412
- fill: "#3B5BDB"
42413
- }), /*#__PURE__*/React.createElement("path", {
42414
- d: "M36.8919 19.7729H33.7284L32.8492 17.5748C31.9457 15.3149 29.7893 13.855 27.3551 13.855H20.6446C18.2108 13.855 16.054 15.3149 15.1499 17.5748L14.2707 19.7729H11.1077C10.6951 19.7729 10.3923 20.1607 10.4927 20.5607L10.8097 21.8288C10.88 22.111 11.1336 22.3091 11.4248 22.3091H12.4852C11.7756 22.9289 11.3186 23.8298 11.3186 24.8454V27.3816C11.3186 28.2334 11.6441 29.0022 12.164 29.5972V32.4541C12.164 33.3878 12.9212 34.145 13.8548 34.145H15.5457C16.4793 34.145 17.2365 33.3878 17.2365 32.4541V30.7633H30.7631V32.4541C30.7631 33.3878 31.5203 34.145 32.454 34.145H34.1448C35.0785 34.145 35.8356 33.3878 35.8356 32.4541V29.5972C36.3556 29.0027 36.6811 28.2339 36.6811 27.3816V24.8454C36.6811 23.8298 36.224 22.9289 35.5149 22.3091H36.5754C36.8665 22.3091 37.1202 22.111 37.1904 21.8288L37.5075 20.5607C37.6073 20.1607 37.3046 19.7729 36.8919 19.7729ZM18.2896 18.8308C18.6747 17.8681 19.6073 17.2366 20.6446 17.2366H27.3551C28.3923 17.2366 29.3249 17.8681 29.7101 18.8308L30.7631 21.4637H17.2365L18.2896 18.8308ZM15.5457 27.3711C14.5312 27.3711 13.8548 26.6969 13.8548 25.6855C13.8548 24.6742 14.5312 24 15.5457 24C16.5601 24 18.0819 25.517 18.0819 26.5283C18.0819 27.5396 16.5601 27.3711 15.5457 27.3711ZM32.454 27.3711C31.4395 27.3711 29.9177 27.5396 29.9177 26.5283C29.9177 25.517 31.4395 24 32.454 24C33.4685 24 34.1448 24.6742 34.1448 25.6855C34.1448 26.6969 33.4685 27.3711 32.454 27.3711Z",
42415
- fill: "#FEFEFE"
42416
- }));
42417
- };
41985
+ switch (type) {
41986
+ case REACT_ASYNC_MODE_TYPE:
41987
+ case REACT_CONCURRENT_MODE_TYPE:
41988
+ case REACT_FRAGMENT_TYPE:
41989
+ case REACT_PROFILER_TYPE:
41990
+ case REACT_STRICT_MODE_TYPE:
41991
+ case REACT_SUSPENSE_TYPE:
41992
+ return type;
42418
41993
 
42419
- var PropertyCommercialVehicleIcon = function PropertyCommercialVehicleIcon() {
42420
- return /*#__PURE__*/React.createElement("svg", {
42421
- width: "48",
42422
- height: "48",
42423
- viewBox: "0 0 48 48",
42424
- fill: "none",
42425
- xmlns: "http://www.w3.org/2000/svg"
42426
- }, /*#__PURE__*/React.createElement("path", {
42427
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42428
- fill: "#3B5BDB"
42429
- }), /*#__PURE__*/React.createElement("path", {
42430
- d: "M30.7656 35.15C31.9193 35.15 32.8999 34.7462 33.7074 33.9387C34.515 33.1311 34.9188 32.1505 34.9188 30.9969H36.9953C37.1972 30.9969 37.363 30.932 37.4928 30.8022C37.6226 30.6724 37.6875 30.5066 37.6875 30.3047V28.9203C37.6875 28.7184 37.6226 28.5526 37.4928 28.4228C37.363 28.293 37.1972 28.2281 36.9953 28.2281H36.3031V23.5559C36.3031 22.979 36.1012 22.4887 35.6975 22.085L31.3713 17.7588C30.9675 17.355 30.4772 17.1531 29.9004 17.1531H27.9969V15.0766C27.9969 14.4997 27.795 14.0094 27.3912 13.6057C26.9874 13.2019 26.4971 13 25.9203 13H12.0766C11.4997 13 11.0094 13.2019 10.6057 13.6057C10.2019 14.0094 10 14.4997 10 15.0766V28.9203C10 29.4971 10.2019 29.9874 10.6057 30.3912C11.0094 30.795 11.4997 30.9969 12.0766 30.9969H12.7688C12.7688 32.1505 13.1725 33.1311 13.9801 33.9387C14.7876 34.7462 15.7682 35.15 16.9219 35.15C18.0755 35.15 19.0561 34.7462 19.8637 33.9387C20.6712 33.1311 21.075 32.1505 21.075 30.9969H26.6125C26.6125 32.1505 27.0163 33.1311 27.8238 33.9387C28.6314 34.7462 29.612 35.15 30.7656 35.15ZM34.2266 24.075H27.9969V19.2297H29.9004L34.2266 23.5559V24.075ZM16.9219 33.0734C16.3451 33.0734 15.8548 32.8715 15.451 32.4678C15.0472 32.064 14.8453 31.5737 14.8453 30.9969C14.8453 30.4201 15.0472 29.9298 15.451 29.526C15.8548 29.1222 16.3451 28.9203 16.9219 28.9203C17.4987 28.9203 17.989 29.1222 18.3928 29.526C18.7965 29.9298 18.9984 30.4201 18.9984 30.9969C18.9984 31.5737 18.7965 32.064 18.3928 32.4678C17.989 32.8715 17.4987 33.0734 16.9219 33.0734ZM30.7656 33.0734C30.1888 33.0734 29.6985 32.8715 29.2947 32.4678C28.891 32.064 28.6891 31.5737 28.6891 30.9969C28.6891 30.4201 28.891 29.9298 29.2947 29.526C29.6985 29.1222 30.1888 28.9203 30.7656 28.9203C31.3424 28.9203 31.8327 29.1222 32.2365 29.526C32.6403 29.9298 32.8422 30.4201 32.8422 30.9969C32.8422 31.5737 32.6403 32.064 32.2365 32.4678C31.8327 32.8715 31.3424 33.0734 30.7656 33.0734Z",
42431
- fill: "#FEFEFE"
42432
- }));
42433
- };
41994
+ default:
41995
+ var $$typeofType = type && type.$$typeof;
42434
41996
 
42435
- var PropertyGarageIcon = function PropertyGarageIcon() {
42436
- return /*#__PURE__*/React.createElement("svg", {
42437
- width: "48",
42438
- height: "48",
42439
- viewBox: "0 0 48 48",
42440
- fill: "none",
42441
- xmlns: "http://www.w3.org/2000/svg"
42442
- }, /*#__PURE__*/React.createElement("path", {
42443
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42444
- fill: "#3B5BDB"
42445
- }), /*#__PURE__*/React.createElement("path", {
42446
- d: "M14.463 34.1481C14.5417 34.1481 14.6138 34.1153 14.6794 34.0497C14.745 33.9841 14.7778 33.912 14.7778 33.8333V24.074C14.7778 23.733 14.9024 23.4379 15.1516 23.1886C15.4008 22.9394 15.7091 22.8148 16.0764 22.8148H31.1087C31.476 22.8148 31.7843 22.9394 32.0335 23.1886C32.2827 23.4379 32.4074 23.733 32.4074 24.074V33.8333C32.4074 33.912 32.4401 33.9841 32.5057 34.0497C32.5713 34.1153 32.6435 34.1481 32.7222 34.1481H35.8703C35.949 34.1481 36.0212 34.1153 36.0867 34.0497C36.1523 33.9841 36.1851 33.912 36.1851 33.8333V20.3356C36.1851 19.9683 36.0802 19.6273 35.8703 19.3125C35.6604 18.9977 35.3719 18.7616 35.0046 18.6042H35.0439L24.3009 14.1574C23.8287 13.9475 23.3565 13.9475 22.8842 14.1574L12.1806 18.6042C11.8133 18.7616 11.5247 18.9977 11.3148 19.3125C11.1049 19.6273 11 19.9683 11 20.3356V33.8333C11 33.912 11.0328 33.9841 11.0984 34.0497C11.164 34.1153 11.2361 34.1481 11.3148 34.1481H14.463ZM30.8333 26.5926C30.912 26.5926 30.9841 26.5598 31.0497 26.4942C31.1153 26.4286 31.1481 26.3565 31.1481 26.2778V24.3889C31.1481 24.3102 31.1153 24.238 31.0497 24.1724C30.9841 24.1068 30.912 24.074 30.8333 24.074H16.3912C16.2863 24.074 16.2075 24.1068 16.1551 24.1724C16.1026 24.238 16.0764 24.3102 16.0764 24.3889V26.2778C16.0764 26.3565 16.1026 26.4286 16.1551 26.4942C16.2075 26.5598 16.2863 26.5926 16.3912 26.5926H30.8333ZM30.8333 30.3703C30.912 30.3703 30.9841 30.3375 31.0497 30.272C31.1153 30.2064 31.1481 30.1342 31.1481 30.0555V28.1666C31.1481 28.0879 31.1153 28.0158 31.0497 27.9502C30.9841 27.8846 30.912 27.8518 30.8333 27.8518H16.3518C16.2731 27.8518 16.201 27.8846 16.1354 27.9502C16.0698 28.0158 16.037 28.0879 16.037 28.1666V30.0555C16.037 30.1342 16.0698 30.2064 16.1354 30.272C16.201 30.3375 16.2731 30.3703 16.3518 30.3703H30.8333ZM30.8333 34.1481C30.912 34.1481 30.9841 34.1153 31.0497 34.0497C31.1153 33.9841 31.1481 33.912 31.1481 33.8333V31.9444C31.1481 31.8657 31.1153 31.7936 31.0497 31.728C30.9841 31.6624 30.912 31.6296 30.8333 31.6296H16.3518C16.2731 31.6296 16.201 31.6624 16.1354 31.728C16.0698 31.7936 16.037 31.8657 16.037 31.9444V33.8333C16.037 33.912 16.0698 33.9841 16.1354 34.0497C16.201 34.1153 16.2731 34.1481 16.3518 34.1481H30.8333Z",
42447
- fill: "#FEFEFE"
42448
- }));
42449
- };
41997
+ switch ($$typeofType) {
41998
+ case REACT_CONTEXT_TYPE:
41999
+ case REACT_FORWARD_REF_TYPE:
42000
+ case REACT_LAZY_TYPE:
42001
+ case REACT_MEMO_TYPE:
42002
+ case REACT_PROVIDER_TYPE:
42003
+ return $$typeofType;
42450
42004
 
42451
- var PropertyLandIcon = function PropertyLandIcon() {
42452
- return /*#__PURE__*/React.createElement("svg", {
42453
- width: "48",
42454
- height: "48",
42455
- viewBox: "0 0 48 48",
42456
- fill: "none",
42457
- xmlns: "http://www.w3.org/2000/svg"
42458
- }, /*#__PURE__*/React.createElement("path", {
42459
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42460
- fill: "#3B5BDB"
42461
- }), /*#__PURE__*/React.createElement("path", {
42462
- d: "M25.8629 35.15C26.1342 35.15 26.3376 35.037 26.4733 34.8109C26.6089 34.5848 26.6164 34.3512 26.4959 34.1101L25.1394 31.8945V30.8094H31.3339C31.5449 30.8094 31.7333 30.7566 31.899 30.6511C32.0648 30.5456 32.1929 30.4024 32.2834 30.2216C32.3738 30.0407 32.4039 29.8523 32.3738 29.6564C32.3437 29.4605 32.2532 29.2721 32.1025 29.0912L28.4853 25.0219H29.887C30.3391 25.0219 30.6556 24.8259 30.8365 24.4341C31.0174 24.0422 30.9721 23.6805 30.7009 23.3489L27.1289 19.2344H28.4401C28.6511 19.2344 28.847 19.1816 29.0279 19.0761C29.2088 18.9706 29.3369 18.8199 29.4122 18.624C29.4876 18.428 29.5102 18.2321 29.4801 18.0362C29.4499 17.8403 29.3595 17.6669 29.2088 17.5162L24.2351 12.2261C24.0844 12.0754 23.9036 12 23.6926 12C23.4816 12 23.3007 12.0754 23.15 12.2261L18.1763 17.5162C18.0256 17.6669 17.9352 17.8403 17.9051 18.0362C17.8749 18.2321 17.8975 18.428 17.9729 18.624C18.0482 18.8199 18.1763 18.9706 18.3572 19.0761C18.5381 19.1816 18.734 19.2344 18.945 19.2344H20.2562L16.6843 23.3489C16.413 23.6805 16.3677 24.0422 16.5486 24.4341C16.7295 24.8259 17.046 25.0219 17.4981 25.0219H18.8998L15.2826 29.0912C15.1319 29.2721 15.0414 29.4605 15.0113 29.6564C14.9812 29.8523 15.0113 30.0407 15.1017 30.2216C15.1922 30.4024 15.3203 30.5456 15.4861 30.6511C15.6518 30.7566 15.8402 30.8094 16.0512 30.8094H22.2457V31.8945L20.8892 34.1101C20.7687 34.3512 20.7762 34.5848 20.9118 34.8109C21.0475 35.037 21.251 35.15 21.5222 35.15H25.8629Z",
42463
- fill: "#FEFEFE"
42464
- }));
42465
- };
42005
+ default:
42006
+ return $$typeof;
42007
+ }
42466
42008
 
42467
- var PropertyMotorcycleIcon = function PropertyMotorcycleIcon() {
42468
- return /*#__PURE__*/React.createElement("svg", {
42469
- width: "48",
42470
- height: "48",
42471
- viewBox: "0 0 48 48",
42472
- fill: "none",
42473
- xmlns: "http://www.w3.org/2000/svg"
42474
- }, /*#__PURE__*/React.createElement("path", {
42475
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42476
- fill: "#3B5BDB"
42477
- }), /*#__PURE__*/React.createElement("path", {
42478
- d: "M32.7935 32.11C33.8183 32.11 34.7763 31.8575 35.6675 31.3525C36.5586 30.8475 37.2567 30.1495 37.7617 29.2583C38.2666 28.3672 38.5191 27.4092 38.5191 26.3844C38.5191 25.3596 38.2592 24.4164 37.7394 23.555C37.2196 22.6936 36.5289 22.0029 35.6675 21.4831C34.806 20.9633 33.8703 20.7033 32.8604 20.7033C32.2069 20.7033 31.5831 20.8073 30.989 21.0152L29.5186 18.5646H33.1723C33.4693 18.5646 33.7218 18.4606 33.9297 18.2527C34.1377 18.0447 34.2416 17.7923 34.2416 17.4952V16.0694C34.2416 15.7723 34.1377 15.5198 33.9297 15.3119C33.7218 15.104 33.4693 15 33.1723 15H31.1672C30.8404 15 30.5731 15.1188 30.3652 15.3565L28.672 17.2279L27.6917 15.5347C27.4838 15.1782 27.1719 15 26.756 15H23.1914C22.9835 15 22.8127 15.0668 22.679 15.2005C22.5454 15.3342 22.4785 15.505 22.4785 15.7129V16.4258C22.4785 16.6338 22.5454 16.8046 22.679 16.9382C22.8127 17.0719 22.9835 17.1388 23.1914 17.1388H26.1322L27.0234 18.5646H20.1615C19.716 18.0002 19.1813 17.5695 18.5575 17.2724C17.8149 16.9457 16.8643 16.7823 15.7058 16.7823H13.2552C12.9284 16.7823 12.6611 16.8863 12.4531 17.0942C12.2452 17.3021 12.1412 17.5546 12.1412 17.8517C12.1412 18.1487 12.2452 18.4012 12.4531 18.6091C12.6611 18.8171 12.9136 18.921 13.2106 18.921H15.7058C16.6564 18.921 17.3693 19.2924 17.8446 20.035L17.3099 20.9261C16.7158 20.7479 16.1068 20.6736 15.483 20.7033C14.5028 20.733 13.5968 21.0004 12.765 21.5054C11.9333 22.0103 11.2724 22.6861 10.7822 23.5327C10.2921 24.3793 10.0322 25.2927 10.0025 26.273C9.97277 27.3127 10.2104 28.2855 10.7154 29.1915C11.2204 30.0975 11.9184 30.8104 12.8096 31.3302C13.7007 31.8501 14.6661 32.11 15.7058 32.11C17.0128 32.11 18.1787 31.709 19.2036 30.907C20.2284 30.1049 20.9042 29.0801 21.2309 27.8325H24.9737C25.2708 27.8325 25.5307 27.7211 25.7535 27.4983C25.9763 27.2755 26.0728 27.0156 26.0431 26.7186C26.0134 25.6492 26.2139 24.6244 26.6446 23.6441C27.0753 22.6639 27.7066 21.8321 28.5383 21.1489L29.1176 22.0846C28.4937 22.6193 28.0036 23.2654 27.6472 24.0229C27.2907 24.7803 27.1125 25.5898 27.1125 26.4512C27.1125 27.4612 27.365 28.3969 27.8699 29.2583C28.3749 30.1198 29.0656 30.8104 29.9419 31.3302C30.8182 31.8501 31.7687 32.11 32.7935 32.11ZM15.7058 29.9713C14.7255 29.9713 13.8864 29.6222 13.1883 28.9242C12.4903 28.2261 12.1412 27.3869 12.1412 26.4067C12.1412 25.4264 12.4903 24.5872 13.1883 23.8892C13.8864 23.1911 14.7255 22.8421 15.7058 22.8421C15.884 22.8421 16.0623 22.8569 16.2405 22.8866L14.4136 26.2284C14.2057 26.5849 14.2057 26.9414 14.4136 27.2978C14.6216 27.6543 14.9335 27.8325 15.3494 27.8325H18.9585C18.6911 28.486 18.2604 29.0058 17.6663 29.392C17.0722 29.7782 16.4187 29.9713 15.7058 29.9713ZM32.994 29.9713C31.9841 30.0307 31.1078 29.7039 30.3652 28.991C29.6225 28.2781 29.2512 27.4166 29.2512 26.4067C29.2512 25.4561 29.578 24.6392 30.2315 23.956L32.4593 27.6097C32.5485 27.7879 32.6896 27.8993 32.8826 27.9439C33.0757 27.9885 33.2465 27.9662 33.3951 27.8771L34.0189 27.476C34.1971 27.3869 34.3085 27.2458 34.353 27.0527C34.3976 26.8597 34.3753 26.6889 34.2862 26.5403L32.1029 22.9312C32.3405 22.8718 32.5782 22.8421 32.8158 22.8421C33.8258 22.8421 34.6872 23.2134 35.4001 23.956C36.113 24.6986 36.4398 25.5749 36.3804 26.5849C36.321 27.5057 35.9719 28.2855 35.3333 28.9242C34.6946 29.5628 33.9149 29.9118 32.994 29.9713Z",
42479
- fill: "#FEFEFE"
42480
- }));
42481
- };
42009
+ }
42482
42010
 
42483
- var PropertyStorefrontIcon = function PropertyStorefrontIcon() {
42484
- return /*#__PURE__*/React.createElement("svg", {
42485
- width: "48",
42486
- height: "48",
42487
- viewBox: "0 0 48 48",
42488
- fill: "none",
42489
- xmlns: "http://www.w3.org/2000/svg"
42490
- }, /*#__PURE__*/React.createElement("path", {
42491
- d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
42492
- fill: "#3B5BDB"
42493
- }), /*#__PURE__*/React.createElement("path", {
42494
- d: "M36.5244 20.7878C36.8705 20.7878 37.1734 20.6724 37.4329 20.4417C37.6925 20.2109 37.8439 19.9297 37.8872 19.5981C37.9305 19.2664 37.8656 18.9419 37.6925 18.6247L33.972 13.0872C33.7124 12.6834 33.3375 12.4815 32.8472 12.4815H15.2829C14.7926 12.4815 14.4177 12.6834 14.1581 13.0872L10.4809 18.6247C10.279 18.9419 10.1997 19.2664 10.243 19.5981C10.2862 19.9297 10.4376 20.2109 10.6972 20.4417C10.9568 20.6724 11.2596 20.7878 11.6057 20.7878H36.5244ZM25.4495 34.6315C25.8244 34.6315 26.1488 34.4945 26.4228 34.2205C26.6968 33.9465 26.8338 33.6221 26.8338 33.2471V22.1721H24.0651V29.094H15.7588V22.1721H12.9901V33.2471C12.9901 33.6221 13.1271 33.9465 13.4011 34.2205C13.6751 34.4945 13.9995 34.6315 14.3745 34.6315H25.4495ZM34.4479 34.6315C34.6498 34.6315 34.8156 34.5666 34.9454 34.4368C35.0752 34.307 35.1401 34.1412 35.1401 33.9393V22.1721H32.3713V33.9393C32.3713 34.1412 32.4362 34.307 32.566 34.4368C32.6958 34.5666 32.8616 34.6315 33.0635 34.6315H34.4479Z",
42495
- fill: "#FEFEFE"
42496
- }));
42497
- };
42011
+ case REACT_PORTAL_TYPE:
42012
+ return $$typeof;
42013
+ }
42014
+ }
42498
42015
 
42499
- var _iconsMap;
42500
- var ACCOUNTS_GENERIC_ICON = "ACCOUNTS_GENERIC";
42501
- var ACCOUNTS_CONSTRUCTION_ICON = "ACCOUNTS_CONSTRUCTION";
42502
- var ACCOUNTS_HEALTH_ICON = "ACCOUNTS_HEALTH";
42503
- var ACCOUNTS_DENTAL_ICON = "ACCOUNTS_DENTAL";
42504
- var ACCOUNTS_UTILITY_ELECTRIC_ICON = "ACCOUNTS_UTILITY_ELECTRIC";
42505
- var ACCOUNTS_UTILITY_GAS_ICON = "ACCOUNTS_UTILITY_GAS";
42506
- var ACCOUNTS_UTILITY_GARBAGE_ICON = "ACCOUNTS_UTILITY_GARBAGE";
42507
- var ACCOUNTS_UTILITY_WATER_ICON = "ACCOUNTS_UTILITY_WATER";
42508
- var PROPERTIES_PERSONAL_ICON = "PROPERTIES_PERSONAL";
42509
- var PROPERTIES_GARAGE_ICON = "PROPERTIES_GARAGE";
42510
- var PROPERTIES_BUSINESS_ICON = "PROPERTIES_BUSINESS";
42511
- var PROPERTIES_STOREFRONT_ICON = "PROPERTIES_STOREFRONT";
42512
- var PROPERTIES_APARTMENT_ICON = "PROPERTIES_APARTMENT";
42513
- var PROPERTIES_LAND_ICON = "PROPERTIES_LAND";
42514
- var PROPERTIES_CAR_ICON = "PROPERTIES_CAR";
42515
- var PROPERTIES_MOTORCYCLE_ICON = "PROPERTIES_MOTORCYCLE";
42516
- var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
42517
- var MISC_BILL_ICON = "MISC_SINGLE_BILL";
42518
- var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, function (_ref) {
42519
- var color = _ref.color;
42520
- return /*#__PURE__*/React.createElement(AccountGenericIcon, {
42521
- color: color
42522
- });
42523
- }), ACCOUNTS_CONSTRUCTION_ICON, function (_ref2) {
42524
- var color = _ref2.color;
42525
- return /*#__PURE__*/React.createElement(AccountConstructionIcon, {
42526
- color: color
42527
- });
42528
- }), ACCOUNTS_HEALTH_ICON, function (_ref3) {
42529
- var color = _ref3.color;
42530
- return /*#__PURE__*/React.createElement(AccountMedicalIcon, {
42531
- color: color
42532
- });
42533
- }), ACCOUNTS_DENTAL_ICON, function (_ref4) {
42534
- var color = _ref4.color;
42535
- return /*#__PURE__*/React.createElement(AccountDentalIcon, {
42536
- color: color
42537
- });
42538
- }), ACCOUNTS_UTILITY_ELECTRIC_ICON, function (_ref5) {
42539
- var color = _ref5.color;
42540
- return /*#__PURE__*/React.createElement(AccountElectricIcon, {
42541
- color: color
42542
- });
42543
- }), ACCOUNTS_UTILITY_GARBAGE_ICON, function (_ref6) {
42544
- var color = _ref6.color;
42545
- return /*#__PURE__*/React.createElement(AccountGarbageIcon, {
42546
- color: color
42547
- });
42548
- }), ACCOUNTS_UTILITY_GAS_ICON, function (_ref7) {
42549
- var color = _ref7.color;
42550
- return /*#__PURE__*/React.createElement(AccountGasIcon, {
42551
- color: color
42552
- });
42553
- }), ACCOUNTS_UTILITY_WATER_ICON, function (_ref8) {
42554
- var color = _ref8.color;
42555
- return /*#__PURE__*/React.createElement(AccountWaterIcon, {
42556
- color: color
42557
- });
42558
- }), PROPERTIES_PERSONAL_ICON, function (_ref9) {
42559
- var color = _ref9.color;
42560
- return /*#__PURE__*/React.createElement(PropertyPersonalIcon, {
42561
- color: color
42562
- });
42563
- }), PROPERTIES_GARAGE_ICON, function (_ref10) {
42564
- var color = _ref10.color;
42565
- return /*#__PURE__*/React.createElement(PropertyGarageIcon, {
42566
- color: color
42567
- });
42568
- }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, function (_ref11) {
42569
- var color = _ref11.color;
42570
- return /*#__PURE__*/React.createElement(PropertyBusinessIcon, {
42571
- color: color
42572
- });
42573
- }), PROPERTIES_STOREFRONT_ICON, function (_ref12) {
42574
- var color = _ref12.color;
42575
- return /*#__PURE__*/React.createElement(PropertyStorefrontIcon, {
42576
- color: color
42577
- });
42578
- }), PROPERTIES_APARTMENT_ICON, function (_ref13) {
42579
- var color = _ref13.color;
42580
- return /*#__PURE__*/React.createElement(PropertyApartmentIcon, {
42581
- color: color
42582
- });
42583
- }), PROPERTIES_LAND_ICON, function (_ref14) {
42584
- var color = _ref14.color;
42585
- return /*#__PURE__*/React.createElement(PropertyLandIcon, {
42586
- color: color
42587
- });
42588
- }), PROPERTIES_CAR_ICON, function (_ref15) {
42589
- var color = _ref15.color;
42590
- return /*#__PURE__*/React.createElement(PropertyCarIcon, {
42591
- color: color
42592
- });
42593
- }), PROPERTIES_MOTORCYCLE_ICON, function (_ref16) {
42594
- var color = _ref16.color;
42595
- return /*#__PURE__*/React.createElement(PropertyMotorcycleIcon, {
42596
- color: color
42597
- });
42598
- }), PROPERTIES_COMMERCIAL_AUTO_ICON, function (_ref17) {
42599
- var color = _ref17.color;
42600
- return /*#__PURE__*/React.createElement(PropertyCommercialVehicleIcon, {
42601
- color: color
42602
- });
42603
- }), MISC_BILL_ICON, function (_ref18) {
42604
- var color = _ref18.color;
42605
- return /*#__PURE__*/React.createElement(AccountBillIcon, {
42606
- color: color
42607
- });
42608
- }));
42609
-
42610
- var disabledBackgroundColor$1 = TRANSPARENT;
42611
- var disabledBorderColor$1 = GHOST_GREY;
42612
- var disabledColor$1 = MANATEE_GREY;
42613
- var activeBackgroundColor$1 = CORNFLOWER_BLUE;
42614
- var backgroundColor$a = LINK_WATER;
42615
- var borderColor$5 = MOON_RAKER;
42616
- var color$b = ROYAL_BLUE_VIVID;
42617
- var fallbackValues$L = {
42618
- disabledBackgroundColor: disabledBackgroundColor$1,
42619
- disabledBorderColor: disabledBorderColor$1,
42620
- disabledColor: disabledColor$1,
42621
- activeBackgroundColor: activeBackgroundColor$1,
42622
- backgroundColor: backgroundColor$a,
42623
- borderColor: borderColor$5,
42624
- color: color$b
42625
- };
42626
-
42627
- var Container = styled(Box).withConfig({
42628
- displayName: "LinkCardstyled__Container",
42629
- componentId: "sc-l5q1h2-0"
42630
- })(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;align-self:stretch;border-radius:8px;", " transition:all .2s ease-in-out;", ""], function (_ref) {
42631
- var isDisabled = _ref.isDisabled,
42632
- theme = _ref.theme;
42633
- return "\n background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n ");
42634
- }, function (_ref2) {
42635
- var isDisabled = _ref2.isDisabled,
42636
- theme = _ref2.theme;
42637
- return isDisabled ? "\n &:hover,\n &:active {\n cursor: default;\n box-shadow: none;\n border: 1px solid ".concat(theme.disabledBorderColor, ";\n }\n ") : "\n &:hover,\n &:active {\n cursor: pointer;\n box-shadow: 0px 0px 0px 0px rgba(41, 42, 51, 0.1),\n 0px 5px 11px 0px rgba(41, 42, 51, 0.1),\n 0px 4px 19px 0px rgba(41, 42, 51, 0.09),\n 0px 27px 26px 0px rgba(41, 42, 51, 0.05),\n 0px 56px 31px 0px rgba(41, 42, 51, 0.01),\n 0px 80px 33px 0px rgba(41, 42, 51, 0);\n }\n\n &:hover:not(:active) {\n border: 1px solid ".concat(theme.borderColor, ";\n }\n\n &:active {\n background-color: ").concat(theme.activeBackgroundColor, ";\n border: 1px solid ").concat(theme.borderColor, ";\n }\n ");
42638
- });
42639
- var Title$2 = styled(Heading$1).withConfig({
42640
- displayName: "LinkCardstyled__Title",
42641
- componentId: "sc-l5q1h2-1"
42642
- })(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:150%;background-color:transparent;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref3) {
42643
- var isDisabled = _ref3.isDisabled,
42644
- theme = _ref3.theme;
42645
- return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
42646
- });
42647
- var Subtitle = styled(Paragraph$1).withConfig({
42648
- displayName: "LinkCardstyled__Subtitle",
42649
- componentId: "sc-l5q1h2-2"
42650
- })(["overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;font-size:14px;line-height:150%;letter-spacing:0.14px;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref4) {
42651
- var isDisabled = _ref4.isDisabled,
42652
- theme = _ref4.theme;
42653
- return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
42654
- });
42655
- var Footer = styled(Stack).withConfig({
42656
- displayName: "LinkCardstyled__Footer",
42657
- componentId: "sc-l5q1h2-3"
42658
- })(["align-items:center;width:100%;"]);
42659
-
42660
- var LinkCard = function LinkCard(_ref) {
42661
- var _ref$title = _ref.title,
42662
- title = _ref$title === void 0 ? "Test Workflow" : _ref$title,
42663
- _ref$subtitle = _ref.subtitle,
42664
- subtitle = _ref$subtitle === void 0 ? "Link your benefit plan" : _ref$subtitle,
42665
- showLeft = _ref.showLeft,
42666
- leftContent = _ref.leftContent,
42667
- showRight = _ref.showRight,
42668
- rightContent = _ref.rightContent,
42669
- onClick = _ref.onClick,
42670
- _ref$extraStyles = _ref.extraStyles,
42671
- extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
42672
- _ref$extraHoverStyles = _ref.extraHoverStyles,
42673
- extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles,
42674
- _ref$extraActiveStyle = _ref.extraActiveStyles,
42675
- extraActiveStyles = _ref$extraActiveStyle === void 0 ? "" : _ref$extraActiveStyle,
42676
- themeValues = _ref.themeValues,
42677
- _ref$titleVariant = _ref.titleVariant,
42678
- titleVariant = _ref$titleVariant === void 0 ? "h3" : _ref$titleVariant,
42679
- _ref$disabled = _ref.disabled,
42680
- disabled = _ref$disabled === void 0 ? false : _ref$disabled;
42681
- var _useContext = useContext(ThemeContext),
42682
- isMobile = _useContext.isMobile;
42683
- var regex = /\W/g;
42684
- var locatorSlug = title.toLowerCase().replaceAll(regex, "-");
42685
- return /*#__PURE__*/React.createElement(Container, {
42686
- borderRadius: "8px",
42687
- dataQa: "link-card-".concat(locatorSlug),
42688
- width: "100%",
42689
- maxWidth: isMobile ? "100%" : "288px",
42690
- minWidth: isMobile ? "240px" : "288px",
42691
- minHeight: "141px",
42692
- padding: "24px",
42693
- theme: themeValues,
42694
- extraStyles: extraStyles,
42695
- hoverStyles: extraHoverStyles,
42696
- activeStyles: extraActiveStyles,
42697
- onClick: disabled ? noop$1 : onClick,
42698
- "aria-disabled": disabled,
42699
- isDisabled: disabled,
42700
- role: "group",
42701
- "aria-label": "".concat(title, ", ").concat(subtitle)
42702
- }, /*#__PURE__*/React.createElement(Stack, {
42703
- childGap: 0,
42704
- bottomItem: 3,
42705
- justify: "space-between",
42706
- style: {
42707
- width: "100%"
42708
- },
42709
- fullHeight: true
42710
- }, /*#__PURE__*/React.createElement(Box, {
42711
- padding: 0,
42712
- width: "100%"
42713
- }, /*#__PURE__*/React.createElement(Title$2, {
42714
- variant: titleVariant,
42715
- theme: themeValues,
42716
- margin: 0,
42717
- isDisabled: disabled
42718
- }, title)), /*#__PURE__*/React.createElement(Box, {
42719
- padding: "0 0 40px",
42720
- width: "100%"
42721
- }, /*#__PURE__*/React.createElement(Subtitle, {
42722
- variant: "pS",
42723
- theme: themeValues,
42724
- isDisabled: disabled
42725
- }, subtitle)), /*#__PURE__*/React.createElement(Box, {
42726
- background: "transparent",
42727
- borderWidthOverride: "0 0 0 0",
42728
- padding: "0",
42729
- width: "100%"
42730
- }, /*#__PURE__*/React.createElement(Footer, {
42731
- direction: "row",
42732
- childGap: "6px",
42733
- justify: "space-between"
42734
- }, showLeft && !!leftContent ? leftContent : /*#__PURE__*/React.createElement(Box, {
42735
- extraStyles: "margin-right: auto;"
42736
- }), showRight && !!rightContent && rightContent))));
42737
- };
42738
- var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$L, "primary");
42739
-
42740
- var LoginForm = function LoginForm(_ref) {
42741
- var clearOnDismount = _ref.clearOnDismount,
42742
- fields = _ref.fields,
42743
- actions = _ref.actions,
42744
- showErrors = _ref.showErrors,
42745
- _ref$handleSubmit = _ref.handleSubmit,
42746
- handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
42747
- if (clearOnDismount) {
42748
- useEffect$1(function () {
42749
- return function () {
42750
- return actions.form.clear();
42751
- };
42752
- }, []);
42753
- }
42754
- var emailErrorMessages = _defineProperty(_defineProperty({}, required.error, "Email address is required"), isProbablyEmail.error, "Invalid email address");
42755
- var passwordErrorMessages = _defineProperty({}, required.error, "Password is required");
42756
- return /*#__PURE__*/React.createElement(FormInputColumn, {
42757
- role: "form",
42758
- "aria-label": "Login"
42759
- }, /*#__PURE__*/React.createElement(FormInput$1, {
42760
- labelTextWhenNoError: "Email address",
42761
- errorMessages: emailErrorMessages,
42762
- type: "email",
42763
- field: fields.email,
42764
- fieldActions: actions.fields.email,
42765
- showErrors: showErrors,
42766
- onKeyDown: function onKeyDown(e) {
42767
- return e.key === "Enter" && handleSubmit(e);
42768
- },
42769
- isEmail: true,
42770
- autocompleteValue: "email"
42771
- }), /*#__PURE__*/React.createElement(FormInput$1, {
42772
- labelTextWhenNoError: "Password",
42773
- errorMessages: passwordErrorMessages,
42774
- type: "password",
42775
- field: fields.password,
42776
- fieldActions: actions.fields.password,
42777
- showErrors: showErrors,
42778
- onKeyDown: function onKeyDown(e) {
42779
- return e.key === "Enter" && handleSubmit(e);
42780
- },
42781
- autocompleteValue: "current-password"
42782
- }));
42783
- };
42784
-
42785
- var formConfig$5 = {
42786
- email: {
42787
- validators: [required(), isProbablyEmail()]
42788
- },
42789
- password: {
42790
- validators: [required()]
42791
- }
42792
- };
42793
- var _createFormState$5 = createFormState(formConfig$5),
42794
- reducer$5 = _createFormState$5.reducer,
42795
- mapStateToProps$6 = _createFormState$5.mapStateToProps,
42796
- mapDispatchToProps$5 = _createFormState$5.mapDispatchToProps;
42797
-
42798
- LoginForm.reducer = reducer$5;
42799
- LoginForm.mapStateToProps = mapStateToProps$6;
42800
- LoginForm.mapDispatchToProps = mapDispatchToProps$5;
42801
-
42802
- /** @license React v16.13.1
42803
- * react-is.production.min.js
42804
- *
42805
- * Copyright (c) Facebook, Inc. and its affiliates.
42806
- *
42807
- * This source code is licensed under the MIT license found in the
42808
- * LICENSE file in the root directory of this source tree.
42809
- */
42810
- var b$2="function"===typeof Symbol&&Symbol.for,c$2=b$2?Symbol.for("react.element"):60103,d$1=b$2?Symbol.for("react.portal"):60106,e=b$2?Symbol.for("react.fragment"):60107,f$7=b$2?Symbol.for("react.strict_mode"):60108,g$1=b$2?Symbol.for("react.profiler"):60114,h$1=b$2?Symbol.for("react.provider"):60109,k$1=b$2?Symbol.for("react.context"):60110,l$1=b$2?Symbol.for("react.async_mode"):60111,m=b$2?Symbol.for("react.concurrent_mode"):60111,n$1=b$2?Symbol.for("react.forward_ref"):60112,p$1=b$2?Symbol.for("react.suspense"):60113,q$1=b$2?
42811
- Symbol.for("react.suspense_list"):60120,r$1=b$2?Symbol.for("react.memo"):60115,t$1=b$2?Symbol.for("react.lazy"):60116,v$1=b$2?Symbol.for("react.block"):60121,w$1=b$2?Symbol.for("react.fundamental"):60117,x$1=b$2?Symbol.for("react.responder"):60118,y$1=b$2?Symbol.for("react.scope"):60119;
42812
- function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$1:case m:case e:case g$1:case f$7:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m}var AsyncMode=l$1;var ConcurrentMode=m;var ContextConsumer=k$1;var ContextProvider=h$1;var Element$1=c$2;var ForwardRef=n$1;var Fragment=e;var Lazy=t$1;var Memo=r$1;var Portal=d$1;
42813
- var Profiler=g$1;var StrictMode=f$7;var Suspense=p$1;var isAsyncMode=function(a){return A$1(a)||z$1(a)===l$1};var isConcurrentMode=A$1;var isContextConsumer=function(a){return z$1(a)===k$1};var isContextProvider=function(a){return z$1(a)===h$1};var isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};var isForwardRef=function(a){return z$1(a)===n$1};var isFragment=function(a){return z$1(a)===e};var isLazy=function(a){return z$1(a)===t$1};
42814
- var isMemo=function(a){return z$1(a)===r$1};var isPortal=function(a){return z$1(a)===d$1};var isProfiler=function(a){return z$1(a)===g$1};var isStrictMode=function(a){return z$1(a)===f$7};var isSuspense=function(a){return z$1(a)===p$1};
42815
- var isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g$1||a===f$7||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$1)};var typeOf=z$1;
42816
-
42817
- var reactIs_production_min = {
42818
- AsyncMode: AsyncMode,
42819
- ConcurrentMode: ConcurrentMode,
42820
- ContextConsumer: ContextConsumer,
42821
- ContextProvider: ContextProvider,
42822
- Element: Element$1,
42823
- ForwardRef: ForwardRef,
42824
- Fragment: Fragment,
42825
- Lazy: Lazy,
42826
- Memo: Memo,
42827
- Portal: Portal,
42828
- Profiler: Profiler,
42829
- StrictMode: StrictMode,
42830
- Suspense: Suspense,
42831
- isAsyncMode: isAsyncMode,
42832
- isConcurrentMode: isConcurrentMode,
42833
- isContextConsumer: isContextConsumer,
42834
- isContextProvider: isContextProvider,
42835
- isElement: isElement,
42836
- isForwardRef: isForwardRef,
42837
- isFragment: isFragment,
42838
- isLazy: isLazy,
42839
- isMemo: isMemo,
42840
- isPortal: isPortal,
42841
- isProfiler: isProfiler,
42842
- isStrictMode: isStrictMode,
42843
- isSuspense: isSuspense,
42844
- isValidElementType: isValidElementType,
42845
- typeOf: typeOf
42846
- };
42847
-
42848
- var reactIs_development = createCommonjsModule(function (module, exports) {
42849
-
42850
-
42851
-
42852
- if (process.env.NODE_ENV !== "production") {
42853
- (function() {
42854
-
42855
- // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
42856
- // nor polyfill, then a plain number is used for performance.
42857
- var hasSymbol = typeof Symbol === 'function' && Symbol.for;
42858
- var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
42859
- var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
42860
- var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
42861
- var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
42862
- var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
42863
- var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
42864
- var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
42865
- // (unstable) APIs that have been removed. Can we remove the symbols?
42866
-
42867
- var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
42868
- var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
42869
- var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
42870
- var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
42871
- var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
42872
- var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
42873
- var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
42874
- var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
42875
- var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
42876
- var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
42877
- var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
42878
-
42879
- function isValidElementType(type) {
42880
- return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
42881
- type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
42882
- }
42883
-
42884
- function typeOf(object) {
42885
- if (typeof object === 'object' && object !== null) {
42886
- var $$typeof = object.$$typeof;
42887
-
42888
- switch ($$typeof) {
42889
- case REACT_ELEMENT_TYPE:
42890
- var type = object.type;
42891
-
42892
- switch (type) {
42893
- case REACT_ASYNC_MODE_TYPE:
42894
- case REACT_CONCURRENT_MODE_TYPE:
42895
- case REACT_FRAGMENT_TYPE:
42896
- case REACT_PROFILER_TYPE:
42897
- case REACT_STRICT_MODE_TYPE:
42898
- case REACT_SUSPENSE_TYPE:
42899
- return type;
42900
-
42901
- default:
42902
- var $$typeofType = type && type.$$typeof;
42903
-
42904
- switch ($$typeofType) {
42905
- case REACT_CONTEXT_TYPE:
42906
- case REACT_FORWARD_REF_TYPE:
42907
- case REACT_LAZY_TYPE:
42908
- case REACT_MEMO_TYPE:
42909
- case REACT_PROVIDER_TYPE:
42910
- return $$typeofType;
42911
-
42912
- default:
42913
- return $$typeof;
42914
- }
42915
-
42916
- }
42917
-
42918
- case REACT_PORTAL_TYPE:
42919
- return $$typeof;
42920
- }
42921
- }
42922
-
42923
- return undefined;
42924
- } // AsyncMode is deprecated along with isAsyncMode
42016
+ return undefined;
42017
+ } // AsyncMode is deprecated along with isAsyncMode
42925
42018
 
42926
42019
  var AsyncMode = REACT_ASYNC_MODE_TYPE;
42927
42020
  var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
@@ -46436,301 +45529,997 @@ var CancelButton = function CancelButton(_ref) {
46436
45529
  textExtraStyles: "".concat(fontSize),
46437
45530
  variant: cancelButtonVariant
46438
45531
  });
46439
- };
46440
-
46441
- var CloseButton = function CloseButton(_ref) {
46442
- var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
46443
- buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
46444
- _ref$closeButtonText = _ref.closeButtonText,
46445
- closeButtonText = _ref$closeButtonText === void 0 ? "" : _ref$closeButtonText,
46446
- _ref$closeButtonVaria = _ref.closeButtonVariant,
46447
- closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
46448
- _ref$hideModal = _ref.hideModal,
46449
- hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
46450
- _ref$isMobile = _ref.isMobile,
46451
- isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
46452
- var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
46453
- var width = isMobile ? "width: 100%;" : "";
46454
- return /*#__PURE__*/React.createElement(ButtonWithAction, {
46455
- action: hideModal,
46456
- borderRadius: BORDER_RADIUS.MD,
46457
- className: "modal-close-button",
46458
- dataQa: closeButtonText,
46459
- extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
46460
- name: closeButtonText,
46461
- role: "button",
46462
- text: closeButtonText,
46463
- textExtraStyles: "".concat(fontSize),
46464
- variant: closeButtonVariant
45532
+ };
45533
+
45534
+ var CloseButton = function CloseButton(_ref) {
45535
+ var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
45536
+ buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
45537
+ _ref$closeButtonText = _ref.closeButtonText,
45538
+ closeButtonText = _ref$closeButtonText === void 0 ? "" : _ref$closeButtonText,
45539
+ _ref$closeButtonVaria = _ref.closeButtonVariant,
45540
+ closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
45541
+ _ref$hideModal = _ref.hideModal,
45542
+ hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
45543
+ _ref$isMobile = _ref.isMobile,
45544
+ isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile;
45545
+ var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
45546
+ var width = isMobile ? "width: 100%;" : "";
45547
+ return /*#__PURE__*/React.createElement(ButtonWithAction, {
45548
+ action: hideModal,
45549
+ borderRadius: BORDER_RADIUS.MD,
45550
+ className: "modal-close-button",
45551
+ dataQa: closeButtonText,
45552
+ extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
45553
+ name: closeButtonText,
45554
+ role: "button",
45555
+ text: closeButtonText,
45556
+ textExtraStyles: "".concat(fontSize),
45557
+ variant: closeButtonVariant
45558
+ });
45559
+ };
45560
+
45561
+ var CloseIconButton = function CloseIconButton(_ref) {
45562
+ var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
45563
+ _ref$hideModal = _ref.hideModal,
45564
+ hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
45565
+ _ref$iconWidth = _ref.iconWidth,
45566
+ iconWidth = _ref$iconWidth === void 0 ? "24px" : _ref$iconWidth,
45567
+ _ref$iconHeight = _ref.iconHeight,
45568
+ iconHeight = _ref$iconHeight === void 0 ? "24px" : _ref$iconHeight,
45569
+ _ref$ariaLabel = _ref.ariaLabel,
45570
+ ariaLabel = _ref$ariaLabel === void 0 ? "Close Modal" : _ref$ariaLabel;
45571
+ return /*#__PURE__*/React.createElement(ButtonWithAction, {
45572
+ action: hideModal,
45573
+ "aria-label": ariaLabel,
45574
+ contentOverride: true,
45575
+ extraStyles: "\n min-height: auto;\n min-width: auto;\n height: 1.5rem;\n margin: 0 0 0 0.5rem;\n &:focus {\n outline-offset: -3px;\n }\n ",
45576
+ variant: "smallGhost"
45577
+ }, /*#__PURE__*/React.createElement(CloseIcon, {
45578
+ role: "img",
45579
+ "aria-hidden": "true",
45580
+ iconWidth: iconWidth,
45581
+ iconHeight: iconHeight
45582
+ }));
45583
+ };
45584
+
45585
+ var ContinueButton = function ContinueButton(_ref) {
45586
+ var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
45587
+ buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
45588
+ _ref$continueAction = _ref.continueAction,
45589
+ continueAction = _ref$continueAction === void 0 ? noop$1 : _ref$continueAction,
45590
+ _ref$continueButtonTe = _ref.continueButtonText,
45591
+ continueButtonText = _ref$continueButtonTe === void 0 ? "" : _ref$continueButtonTe,
45592
+ _ref$continueURL = _ref.continueURL,
45593
+ continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
45594
+ _ref$continueButtonVa = _ref.continueButtonVariant,
45595
+ continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
45596
+ _ref$isContinueAction = _ref.isContinueActionDisabled,
45597
+ isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
45598
+ _ref$isLoading = _ref.isLoading,
45599
+ isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
45600
+ _ref$isMobile = _ref.isMobile,
45601
+ isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
45602
+ _ref$useDangerButton = _ref.useDangerButton,
45603
+ useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
45604
+ var ContinueButtonAtom = continueURL ? ButtonWithLink : ButtonWithAction;
45605
+ var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
45606
+ var width = isMobile ? "width: 100%;" : "";
45607
+ return /*#__PURE__*/React.createElement(ContinueButtonAtom, {
45608
+ action: continueAction,
45609
+ borderRadius: BORDER_RADIUS.MD,
45610
+ className: "modal-continue-button",
45611
+ dataQa: continueButtonText,
45612
+ disabled: isContinueActionDisabled,
45613
+ extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
45614
+ isLoading: isLoading,
45615
+ linkExtraStyles: "display: inline-block; ".concat(width),
45616
+ name: continueButtonText,
45617
+ role: "button",
45618
+ text: continueButtonText,
45619
+ textExtraStyles: "".concat(fontSize),
45620
+ url: continueURL,
45621
+ variant: useDangerButton ? "danger" : continueButtonVariant
45622
+ });
45623
+ };
45624
+
45625
+ /*
45626
+ Default Modal molecule
45627
+ Uses react-aria-modal behind the scenes for a11y purposes
45628
+ Styling accomplished with our atoms / layout primitives
45629
+
45630
+ Cancel button will (for now) always use hideModal as its action
45631
+ Continue button takes an action, if you want to navigate to
45632
+ a different route (as with a link) connect() and use "push" from @thecb/connected-react-router
45633
+ */
45634
+
45635
+ var getApplicationNode$1 = function getApplicationNode() {
45636
+ return document.getElementById("root");
45637
+ };
45638
+ var Modal$2 = function Modal(_ref) {
45639
+ var _ref$blurUnderlay = _ref.blurUnderlay,
45640
+ blurUnderlay = _ref$blurUnderlay === void 0 ? true : _ref$blurUnderlay,
45641
+ _ref$buttonExtraStyle = _ref.buttonExtraStyles,
45642
+ buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
45643
+ _ref$cancelAction = _ref.cancelAction,
45644
+ cancelAction = _ref$cancelAction === void 0 ? noop$1 : _ref$cancelAction,
45645
+ _ref$cancelButtonText = _ref.cancelButtonText,
45646
+ cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
45647
+ _ref$cancelButtonVari = _ref.cancelButtonVariant,
45648
+ cancelButtonVariant = _ref$cancelButtonVari === void 0 ? "secondary" : _ref$cancelButtonVari,
45649
+ _ref$children = _ref.children,
45650
+ children = _ref$children === void 0 ? [] : _ref$children,
45651
+ _ref$closeButtonText = _ref.closeButtonText,
45652
+ closeButtonText = _ref$closeButtonText === void 0 ? "Close" : _ref$closeButtonText,
45653
+ _ref$closeButtonVaria = _ref.closeButtonVariant,
45654
+ closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
45655
+ _ref$continueAction = _ref.continueAction,
45656
+ continueAction = _ref$continueAction === void 0 ? noop$1 : _ref$continueAction,
45657
+ _ref$continueButtonTe = _ref.continueButtonText,
45658
+ continueButtonText = _ref$continueButtonTe === void 0 ? "Continue" : _ref$continueButtonTe,
45659
+ _ref$continueButtonVa = _ref.continueButtonVariant,
45660
+ continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
45661
+ _ref$continueURL = _ref.continueURL,
45662
+ continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
45663
+ _ref$customWidth = _ref.customWidth,
45664
+ customWidth = _ref$customWidth === void 0 ? "" : _ref$customWidth,
45665
+ _ref$dataQa = _ref.dataQa,
45666
+ dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
45667
+ _ref$defaultWrapper = _ref.defaultWrapper,
45668
+ defaultWrapper = _ref$defaultWrapper === void 0 ? true : _ref$defaultWrapper,
45669
+ _ref$hideModal = _ref.hideModal,
45670
+ hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
45671
+ _ref$initialFocusSele = _ref.initialFocusSelector,
45672
+ initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
45673
+ _ref$isContinueAction = _ref.isContinueActionDisabled,
45674
+ isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
45675
+ _ref$isLoading = _ref.isLoading,
45676
+ isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
45677
+ _ref$maxHeight = _ref.maxHeight,
45678
+ maxHeight = _ref$maxHeight === void 0 ? "" : _ref$maxHeight,
45679
+ _ref$modalBodyBg = _ref.modalBodyBg,
45680
+ modalBodyBg = _ref$modalBodyBg === void 0 ? "" : _ref$modalBodyBg,
45681
+ _ref$modalBodyText = _ref.modalBodyText,
45682
+ modalBodyText = _ref$modalBodyText === void 0 ? "" : _ref$modalBodyText,
45683
+ _ref$modalHeaderBg = _ref.modalHeaderBg,
45684
+ modalHeaderBg = _ref$modalHeaderBg === void 0 ? "" : _ref$modalHeaderBg,
45685
+ _ref$modalHeaderText = _ref.modalHeaderText,
45686
+ modalHeaderText = _ref$modalHeaderText === void 0 ? "" : _ref$modalHeaderText,
45687
+ _ref$modalOpen = _ref.modalOpen,
45688
+ modalOpen = _ref$modalOpen === void 0 ? false : _ref$modalOpen,
45689
+ _ref$noButtons = _ref.noButtons,
45690
+ noButtons = _ref$noButtons === void 0 ? false : _ref$noButtons,
45691
+ _ref$onExit = _ref.onExit,
45692
+ onExit = _ref$onExit === void 0 ? hideModal : _ref$onExit,
45693
+ _ref$onlyCloseButton = _ref.onlyCloseButton,
45694
+ onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
45695
+ _ref$onlyContinueButt = _ref.onlyContinueButton,
45696
+ onlyContinueButton = _ref$onlyContinueButt === void 0 ? false : _ref$onlyContinueButt,
45697
+ _ref$showCloseIconBut = _ref.showCloseIconButton,
45698
+ showCloseIconButton = _ref$showCloseIconBut === void 0 ? false : _ref$showCloseIconBut,
45699
+ _ref$underlayClickExi = _ref.underlayClickExits,
45700
+ underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
45701
+ _ref$useDangerButton = _ref.useDangerButton,
45702
+ useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
45703
+ var _useContext = useContext(ThemeContext),
45704
+ isMobile = _useContext.isMobile;
45705
+
45706
+ // `AriaModal` uses `focus-trap` as a transient dependency. It automatically looks
45707
+ // for a tabbable node when the modal mounts. When it doesn't find one, it looks to
45708
+ // the `fallbackFocus` option. However, React does not guarantee the ref supplied to
45709
+ // this option will be populated on initial render when `focus-trap` is checking
45710
+ // these option. When there are no buttons in the modal, this causes an error.
45711
+ // Because `focus-trap` cannot be disabled, the ref itself requires a default value
45712
+ // to satisfy `focus-trap` until React populates it with the real ref value.
45713
+ //
45714
+ // See:
45715
+ // - https://react.dev/reference/react/useRef#caveats
45716
+ // - https://github.com/davidtheclark/react-aria-modal/pull/103
45717
+ // - https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions
45718
+ var modalContainerRef = useRef("#react-aria-modal-dialog");
45719
+ var hasCloseButton = onlyCloseButton && !noButtons;
45720
+ var hasCancelButton = !onlyContinueButton && !onlyCloseButton && !noButtons;
45721
+ var hasContinueButton = onlyContinueButton && !noButtons || !onlyCloseButton && !noButtons;
45722
+ return /*#__PURE__*/React.createElement("div", {
45723
+ ref: modalContainerRef,
45724
+ tabIndex: "-1",
45725
+ "data-qa": dataQa
45726
+ }, modalOpen && /*#__PURE__*/React.createElement(reactAriaModal, {
45727
+ focusTrapOptions: {
45728
+ // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
45729
+ fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
45730
+ },
45731
+ onExit: onExit,
45732
+ getApplicationNode: getApplicationNode$1,
45733
+ titleText: modalHeaderText,
45734
+ underlayStyle: {
45735
+ display: "flex",
45736
+ flexDirection: "column",
45737
+ justifyContent: "center",
45738
+ alignItems: "center",
45739
+ background: "rgba(41, 42, 51, 0.45)",
45740
+ backdropFilter: blurUnderlay ? "blur(4px)" : "none",
45741
+ WebkitBackdropFilter: blurUnderlay ? "blur(4px)" : "none"
45742
+ },
45743
+ dialogStyle: {
45744
+ borderRadius: BORDER_RADIUS.MD,
45745
+ margin: SPACING.XS,
45746
+ overflow: "auto",
45747
+ width: isMobile ? "" : customWidth || "576px"
45748
+ },
45749
+ underlayClickExits: underlayClickExits,
45750
+ "aria-modal": true,
45751
+ initialFocus: initialFocusSelector,
45752
+ focusDialog: !initialFocusSelector // Focus the dialogue box itself if no selector for initial focus was provided
45753
+ }, /*#__PURE__*/React.createElement(Box, {
45754
+ padding: "0",
45755
+ boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
45756
+ }, /*#__PURE__*/React.createElement(Box, {
45757
+ background: modalHeaderBg || WHITE,
45758
+ borderColor: SILVER_GREY,
45759
+ borderWidthOverride: "0 0 ".concat(BORDER_THIN, " 0"),
45760
+ padding: "".concat(SPACING.XS, " ").concat(SPACING.MD)
45761
+ }, /*#__PURE__*/React.createElement(Cluster, {
45762
+ justify: showCloseIconButton ? "space-between" : "flex-start",
45763
+ align: showCloseIconButton && isMobile ? "flex-start" : "center",
45764
+ nowrap: true
45765
+ }, /*#__PURE__*/React.createElement(Title$1, {
45766
+ as: "h2",
45767
+ weight: FONT_WEIGHT_SEMIBOLD,
45768
+ fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG
45769
+ }, modalHeaderText), showCloseIconButton && /*#__PURE__*/React.createElement(CloseIconButton, {
45770
+ hideModal: hideModal,
45771
+ iconHeight: isMobile ? "20px" : "24px",
45772
+ iconWidth: isMobile ? "20px" : "24px"
45773
+ }))), /*#__PURE__*/React.createElement(Box, {
45774
+ background: modalBodyBg || ATHENS_GREY,
45775
+ padding: "0"
45776
+ }, /*#__PURE__*/React.createElement(Box, {
45777
+ padding: SPACING.MD,
45778
+ borderWidthOverride: !noButtons && "0 0 ".concat(BORDER_THIN, " 0"),
45779
+ borderColor: !noButtons && SILVER_GREY,
45780
+ extraStyles: maxHeight ? "max-height: ".concat(maxHeight, "; overflow: auto;") : ""
45781
+ }, defaultWrapper ? /*#__PURE__*/React.createElement(Paragraph$1, {
45782
+ variant: isMobile ? "pS" : "p"
45783
+ }, modalBodyText) : /*#__PURE__*/React.createElement(Box, {
45784
+ padding: maxHeight ? "0 0 ".concat(SPACING.XS, " 0") : "0"
45785
+ }, modalBodyText)), noButtons ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement(ButtonLayoutWrapper, {
45786
+ isMobile: isMobile
45787
+ }, [hasCancelButton && /*#__PURE__*/React.createElement(CancelButton, {
45788
+ buttonExtraStyles: buttonExtraStyles,
45789
+ cancelAction: cancelAction,
45790
+ cancelButtonText: cancelButtonText,
45791
+ cancelButtonVariant: cancelButtonVariant,
45792
+ hideModal: hideModal,
45793
+ isMobile: isMobile,
45794
+ key: "cancel"
45795
+ }), hasContinueButton && /*#__PURE__*/React.createElement(ContinueButton, {
45796
+ buttonExtraStyles: buttonExtraStyles,
45797
+ continueAction: continueAction,
45798
+ continueButtonText: continueButtonText,
45799
+ continueURL: continueURL,
45800
+ continueButtonVariant: continueButtonVariant,
45801
+ isContinueActionDisabled: isContinueActionDisabled,
45802
+ isLoading: isLoading,
45803
+ isMobile: isMobile,
45804
+ key: "continue",
45805
+ useDangerButton: useDangerButton
45806
+ }), hasCloseButton && /*#__PURE__*/React.createElement(CloseButton, {
45807
+ buttonExtraStyles: buttonExtraStyles,
45808
+ closeButtonText: closeButtonText,
45809
+ closeButtonVariant: closeButtonVariant,
45810
+ hideModal: hideModal,
45811
+ isMobile: isMobile,
45812
+ key: "close"
45813
+ })].filter(function (button) {
45814
+ return button;
45815
+ }))))), children);
45816
+ };
45817
+ var ModalControlV2 = withWindowSize(Modal$2);
45818
+
45819
+ var _excluded$F = ["version"];
45820
+ var Modal$3 = function Modal(_ref) {
45821
+ var _ref$version = _ref.version,
45822
+ version = _ref$version === void 0 ? "v1" : _ref$version,
45823
+ rest = _objectWithoutProperties(_ref, _excluded$F);
45824
+ var ModalControl = version === "v1" ? Modal$1 : ModalControlV2;
45825
+ return /*#__PURE__*/React.createElement(ModalControl, rest);
45826
+ };
45827
+
45828
+ var IdleModal = function IdleModal(_ref) {
45829
+ var modalOpen = _ref.modalOpen,
45830
+ toggleModal = _ref.toggleModal,
45831
+ _ref$timeLeftToLogout = _ref.timeLeftToLogout,
45832
+ timeLeftToLogout = _ref$timeLeftToLogout === void 0 ? 0 : _ref$timeLeftToLogout,
45833
+ _ref$totalLogoutTime = _ref.totalLogoutTime,
45834
+ totalLogoutTime = _ref$totalLogoutTime === void 0 ? 30 : _ref$totalLogoutTime,
45835
+ logout = _ref.logout,
45836
+ cancelLogout = _ref.cancelLogout,
45837
+ useCheckoutContent = _ref.useCheckoutContent;
45838
+ var percent = (totalLogoutTime - timeLeftToLogout) * (100 / totalLogoutTime);
45839
+ var transition = {
45840
+ ease: "easeInOut",
45841
+ duration: totalLogoutTime
45842
+ };
45843
+ var variants = {
45844
+ enter: {
45845
+ x: "-100%",
45846
+ backgroundColor: "#317D4F"
45847
+ },
45848
+ animate: {
45849
+ x: ["-100%", "".concat(percent, "%")],
45850
+ backgroundColor: ["#317D4F", "#93A441", "#F4CB32", "#E36E43", "#D11053"],
45851
+ times: [0, 0.4, 0.5, 0.6, 0.8],
45852
+ transition: transition
45853
+ }
45854
+ };
45855
+ var continueText = useCheckoutContent ? "Continue" : "Stay Logged In";
45856
+ var cancelText = useCheckoutContent ? "End Session" : "Log Off";
45857
+ var paragraphText = useCheckoutContent ? "Are you still there? Your payment will be cancelled in ".concat(timeLeftToLogout, " seconds.") : "Are you still there? For your security, you will be logged out in ".concat(timeLeftToLogout, " seconds.");
45858
+ var modalBody = /*#__PURE__*/React.createElement(Box, {
45859
+ padding: "0"
45860
+ }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Paragraph$1, null, paragraphText), /*#__PURE__*/React.createElement(Motion, null, /*#__PURE__*/React.createElement(Box, {
45861
+ padding: "0 0 1px 0",
45862
+ minHeight: "10px",
45863
+ width: "100%",
45864
+ borderRadius: "6px",
45865
+ extraStyles: "position: relative; overflow: hidden;"
45866
+ }, /*#__PURE__*/React.createElement(Motion, {
45867
+ padding: "0 0 1px 0",
45868
+ height: "10px",
45869
+ width: "100%",
45870
+ borderRadius: "6px",
45871
+ extraStyles: "position: absolute;",
45872
+ variants: variants,
45873
+ initial: "enter",
45874
+ animate: modalOpen ? "animate" : "enter",
45875
+ exit: "enter"
45876
+ })))));
45877
+ var modalExtraProps = {
45878
+ modalHeaderText: "Your session is about to expire!",
45879
+ modalBodyText: modalBody,
45880
+ continueButtonText: continueText,
45881
+ cancelButtonText: cancelText,
45882
+ continueAction: function continueAction() {
45883
+ cancelLogout();
45884
+ toggleModal(false);
45885
+ },
45886
+ cancelAction: function cancelAction() {
45887
+ logout();
45888
+ toggleModal(false);
45889
+ }
45890
+ };
45891
+ return /*#__PURE__*/React.createElement(Modal$3, _extends({
45892
+ showModal: function showModal() {
45893
+ return toggleModal(true);
45894
+ },
45895
+ hideModal: function hideModal() {
45896
+ cancelLogout();
45897
+ toggleModal(false);
45898
+ },
45899
+ modalOpen: modalOpen,
45900
+ defaultWrapper: false,
45901
+ underlayClickExits: false
45902
+ }, modalExtraProps), /*#__PURE__*/React.createElement(Box, {
45903
+ padding: "0"
45904
+ }));
45905
+ };
45906
+
45907
+ var AccountBillIcon = function AccountBillIcon(_ref) {
45908
+ var color = _ref.color;
45909
+ return /*#__PURE__*/React.createElement("svg", {
45910
+ width: "48",
45911
+ height: "48",
45912
+ viewBox: "0 0 48 48",
45913
+ fill: "none",
45914
+ xmlns: "http://www.w3.org/2000/svg"
45915
+ }, /*#__PURE__*/React.createElement("path", {
45916
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
45917
+ fill: color
45918
+ }), /*#__PURE__*/React.createElement("path", {
45919
+ fillRule: "evenodd",
45920
+ clipRule: "evenodd",
45921
+ d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
45922
+ fill: "#FEFEFE"
45923
+ }));
45924
+ };
45925
+
45926
+ var AccountGenericIcon = function AccountGenericIcon(_ref) {
45927
+ var color = _ref.color;
45928
+ return /*#__PURE__*/React.createElement("svg", {
45929
+ width: "48",
45930
+ height: "48",
45931
+ viewBox: "0 0 48 48",
45932
+ fill: "none",
45933
+ xmlns: "http://www.w3.org/2000/svg"
45934
+ }, /*#__PURE__*/React.createElement("path", {
45935
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
45936
+ fill: color
45937
+ }), /*#__PURE__*/React.createElement("path", {
45938
+ fillRule: "evenodd",
45939
+ clipRule: "evenodd",
45940
+ d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2187 22.5 16.125V15.375C22.5 15.2812 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2812 18 15.375V16.125C18 16.2187 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2187 18 19.125V18.375C18 18.2812 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2812 22.5 18.375V19.125C22.5 19.2187 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM18.75 28.5H29.25C29.4687 28.5 29.6484 28.4297 29.7891 28.2891C29.9297 28.1484 30 27.9688 30 27.75V23.25C30 23.0313 29.9297 22.8516 29.7891 22.7109C29.6484 22.5703 29.4687 22.5 29.25 22.5H18.75C18.5312 22.5 18.3516 22.5703 18.2109 22.7109C18.0703 22.8516 18 23.0313 18 23.25V27.75C18 27.9688 18.0703 28.1484 18.2109 28.2891C18.3516 28.4297 18.5312 28.5 18.75 28.5ZM28.5 27V24H19.5V27H28.5ZM25.875 33H29.625C29.7188 33 29.8047 32.9609 29.8828 32.8828C29.9609 32.8047 30 32.7187 30 32.625V31.875C30 31.7813 29.9609 31.6953 29.8828 31.6172C29.8047 31.5391 29.7188 31.5 29.625 31.5H25.875C25.7812 31.5 25.6953 31.5391 25.6172 31.6172C25.5391 31.6953 25.5 31.7813 25.5 31.875V32.625C25.5 32.7187 25.5391 32.8047 25.6172 32.8828C25.6953 32.9609 25.7812 33 25.875 33Z",
45941
+ fill: "#FEFEFE"
45942
+ }));
45943
+ };
45944
+
45945
+ var AccountConstructionIcon = function AccountConstructionIcon(_ref) {
45946
+ var color = _ref.color;
45947
+ return /*#__PURE__*/React.createElement("svg", {
45948
+ width: "48",
45949
+ height: "48",
45950
+ viewBox: "0 0 48 48",
45951
+ fill: "none",
45952
+ xmlns: "http://www.w3.org/2000/svg"
45953
+ }, /*#__PURE__*/React.createElement("path", {
45954
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
45955
+ fill: color
45956
+ }), /*#__PURE__*/React.createElement("path", {
45957
+ fillRule: "evenodd",
45958
+ clipRule: "evenodd",
45959
+ d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4062 32.8906 17.1406 32.6719 16.9219L28.0781 12.3281C27.8594 12.1094 27.5937 12 27.2812 12H27V18H33ZM18.375 16.5H22.125C22.2187 16.5 22.3047 16.4609 22.3828 16.3828C22.4609 16.3047 22.5 16.2188 22.5 16.125V15.375C22.5 15.2813 22.4609 15.1953 22.3828 15.1172C22.3047 15.0391 22.2187 15 22.125 15H18.375C18.2812 15 18.1953 15.0391 18.1172 15.1172C18.0391 15.1953 18 15.2813 18 15.375V16.125C18 16.2188 18.0391 16.3047 18.1172 16.3828C18.1953 16.4609 18.2812 16.5 18.375 16.5ZM22.125 19.5H18.375C18.2812 19.5 18.1953 19.4609 18.1172 19.3828C18.0391 19.3047 18 19.2188 18 19.125V18.375C18 18.2813 18.0391 18.1953 18.1172 18.1172C18.1953 18.0391 18.2812 18 18.375 18H22.125C22.2187 18 22.3047 18.0391 22.3828 18.1172C22.4609 18.1953 22.5 18.2813 22.5 18.375V19.125C22.5 19.2188 22.4609 19.3047 22.3828 19.3828C22.3047 19.4609 22.2187 19.5 22.125 19.5ZM23.625 33H24.375C24.4687 33 24.5547 32.9609 24.6328 32.8828C24.7109 32.8047 24.75 32.7188 24.75 32.625V31.5C25.3125 31.4688 25.7891 31.25 26.1797 30.8438C26.5703 30.4375 26.7656 29.9531 26.7656 29.3906C26.7656 28.9219 26.625 28.5 26.3437 28.125C26.0625 27.75 25.7031 27.4844 25.2656 27.3281L23.1562 26.7188C23.0312 26.6875 22.9297 26.6172 22.8516 26.5078C22.7734 26.3984 22.7344 26.2656 22.7344 26.1094C22.7344 25.9531 22.7891 25.8125 22.8984 25.6875C23.0078 25.5625 23.1406 25.5 23.2969 25.5H24.6094C24.8281 25.5 25.0312 25.5547 25.2187 25.6641C25.4062 25.7734 25.5625 25.7656 25.6875 25.6406L26.25 25.125C26.3437 25.0313 26.3828 24.9297 26.3672 24.8203C26.3516 24.7109 26.2969 24.625 26.2031 24.5625C25.7656 24.2188 25.2812 24.0313 24.75 24V22.875C24.75 22.7813 24.7109 22.6953 24.6328 22.6172C24.5547 22.5391 24.4687 22.5 24.375 22.5H23.625C23.5312 22.5 23.4453 22.5391 23.3672 22.6172C23.2891 22.6953 23.25 22.7813 23.25 22.875V24C22.6875 24.0313 22.2109 24.25 21.8203 24.6563C21.4297 25.0625 21.2344 25.5469 21.2344 26.1094C21.2344 26.5781 21.375 27 21.6562 27.375C21.9375 27.75 22.2969 28.0156 22.7344 28.1719L24.8437 28.7812C24.9687 28.8125 25.0703 28.8828 25.1484 28.9922C25.2266 29.1016 25.2656 29.2344 25.2656 29.3906C25.2656 29.5469 25.2109 29.6875 25.1016 29.8125C24.9922 29.9375 24.8594 30 24.7031 30H23.3906C23.1719 30 22.9687 29.9453 22.7812 29.8359C22.5937 29.7266 22.4375 29.7344 22.3125 29.8594L21.75 30.375C21.6562 30.4688 21.6172 30.5703 21.6328 30.6797C21.6484 30.7891 21.7031 30.875 21.7969 30.9375C22.2344 31.2812 22.7187 31.4688 23.25 31.5V32.625C23.25 32.7188 23.2891 32.8047 23.3672 32.8828C23.4453 32.9609 23.5312 33 23.625 33Z",
45960
+ fill: "#FEFEFE"
45961
+ }));
45962
+ };
45963
+
45964
+ var AccountDentalIcon = function AccountDentalIcon(_ref) {
45965
+ var color = _ref.color;
45966
+ return /*#__PURE__*/React.createElement("svg", {
45967
+ width: "48",
45968
+ height: "48",
45969
+ viewBox: "0 0 48 48",
45970
+ fill: "none",
45971
+ xmlns: "http://www.w3.org/2000/svg"
45972
+ }, /*#__PURE__*/React.createElement("path", {
45973
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
45974
+ fill: color
45975
+ }), /*#__PURE__*/React.createElement("path", {
45976
+ d: "M28.1548 35.14C28.4576 35.14 28.7315 35.0463 28.9766 34.8589C29.2217 34.6714 29.373 34.4191 29.4307 34.102L29.7767 32.6314C30.1516 30.9879 30.4543 28.9695 30.685 26.5763C30.858 24.6444 31.377 23.1017 32.242 21.9484C32.7322 21.2852 33.0638 20.5427 33.2368 19.7209C33.4098 18.8992 33.3954 18.0413 33.1936 17.1475C32.9629 16.1671 32.4871 15.3093 31.7663 14.574C31.0454 13.8388 30.1948 13.3558 29.2145 13.1251C28.0323 12.8079 26.7491 13.154 25.3651 14.1631C25.2786 14.2208 25.1633 14.2785 25.0191 14.3362L24.8893 14.3794L26.1436 15.2012C26.2878 15.2877 26.3815 15.4246 26.4248 15.6121C26.468 15.7995 26.4392 15.9725 26.3382 16.1311C26.2373 16.2897 26.0932 16.3906 25.9057 16.4338C25.7183 16.4771 25.5381 16.441 25.3651 16.3257L21.04 13.5576C20.0308 13.0098 19.0648 12.8656 18.1421 13.1251C17.1618 13.3558 16.3112 13.8388 15.5903 14.574C14.8695 15.3093 14.3937 16.1671 14.163 17.1475C13.9612 18.0413 13.9468 18.8992 14.1198 19.7209C14.2928 20.5427 14.6244 21.2852 15.1146 21.9484C15.9796 23.1017 16.4986 24.6444 16.6716 26.5763C16.9023 28.9695 17.205 30.9879 17.5799 32.6314L17.9259 34.102C17.9835 34.4191 18.1349 34.6714 18.38 34.8589C18.6251 35.0463 18.899 35.14 19.2018 35.14C19.5046 35.14 19.7713 35.0463 20.0019 34.8589C20.2326 34.6714 20.3912 34.4336 20.4777 34.1452L21.9482 28.1333C22.0636 27.7585 22.2798 27.4413 22.597 27.1818C22.9142 26.9223 23.2746 26.7925 23.6783 26.7925C24.082 26.7925 24.4424 26.9223 24.7596 27.1818C25.0768 27.4413 25.293 27.7585 25.4083 28.1333L26.8789 34.1452C26.9654 34.4336 27.124 34.6714 27.3547 34.8589C27.5853 35.0463 27.852 35.14 28.1548 35.14Z",
45977
+ fill: "#FEFEFE"
45978
+ }));
45979
+ };
45980
+
45981
+ var AccountElectricIcon = function AccountElectricIcon(_ref) {
45982
+ var color = _ref.color;
45983
+ return /*#__PURE__*/React.createElement("svg", {
45984
+ width: "48",
45985
+ height: "48",
45986
+ viewBox: "0 0 48 48",
45987
+ fill: "none",
45988
+ xmlns: "http://www.w3.org/2000/svg"
45989
+ }, /*#__PURE__*/React.createElement("path", {
45990
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
45991
+ fill: color
45992
+ }), /*#__PURE__*/React.createElement("path", {
45993
+ d: "M29.8438 19.2297V14.3844C29.8438 14.0094 29.7068 13.685 29.4328 13.411C29.1588 13.137 28.8343 13 28.4594 13C28.0844 13 27.76 13.137 27.486 13.411C27.212 13.685 27.075 14.0094 27.075 14.3844V19.2297H29.8438ZM21.5375 19.2297V14.3844C21.5375 14.0094 21.4005 13.685 21.1265 13.411C20.8525 13.137 20.5281 13 20.1531 13C19.7782 13 19.4537 13.137 19.1797 13.411C18.9057 13.685 18.7687 14.0094 18.7687 14.3844V19.2297H21.5375ZM25.6906 35.15V30.8671C27.2769 30.5498 28.5964 29.7567 29.6491 28.4877C30.7018 27.2187 31.2281 25.7478 31.2281 24.075V22.6906H31.9203C32.1222 22.6906 32.288 22.6257 32.4178 22.4959C32.5476 22.3662 32.6125 22.2003 32.6125 21.9984V20.6141C32.6125 20.4122 32.5476 20.2463 32.4178 20.1166C32.288 19.9868 32.1222 19.9219 31.9203 19.9219H16.6922C16.4903 19.9219 16.3245 19.9868 16.1947 20.1166C16.0649 20.2463 16 20.4122 16 20.6141V21.9984C16 22.2003 16.0649 22.3662 16.1947 22.4959C16.3245 22.6257 16.4903 22.6906 16.6922 22.6906H17.3844V24.075C17.3844 25.7478 17.9107 27.2187 18.9634 28.4877C20.0161 29.7567 21.3356 30.5498 22.9219 30.8671V35.15H25.6906Z",
45994
+ fill: "#FEFEFE"
45995
+ }));
45996
+ };
45997
+
45998
+ var AccountGarbageIcon = function AccountGarbageIcon(_ref) {
45999
+ var color = _ref.color;
46000
+ return /*#__PURE__*/React.createElement("svg", {
46001
+ width: "48",
46002
+ height: "48",
46003
+ viewBox: "0 0 48 48",
46004
+ fill: "none",
46005
+ xmlns: "http://www.w3.org/2000/svg"
46006
+ }, /*#__PURE__*/React.createElement("path", {
46007
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46008
+ fill: color
46009
+ }), /*#__PURE__*/React.createElement("path", {
46010
+ fillRule: "evenodd",
46011
+ clipRule: "evenodd",
46012
+ d: "M33.4179 16.7612C33.5671 16.7612 33.694 16.7089 33.7985 16.6045C33.9029 16.5 33.9552 16.3731 33.9552 16.2239V14.9701C33.9552 14.6716 33.8507 14.4179 33.6417 14.2089C33.4328 14 33.1791 13.8955 32.8806 13.8955H27.8656L27.4627 13.0448C27.3731 12.8657 27.2388 12.7239 27.0597 12.6194C26.8806 12.5149 26.6865 12.4627 26.4776 12.4627H21.3731C21.1642 12.4627 20.9701 12.5149 20.791 12.6194C20.6119 12.7239 20.4776 12.8657 20.388 13.0448L19.9851 13.8955H14.9701C14.6716 13.8955 14.4179 14 14.209 14.2089C14 14.4179 13.8955 14.6716 13.8955 14.9701V16.2239C13.8955 16.3731 13.9478 16.5 14.0522 16.6045C14.1567 16.7089 14.2836 16.7612 14.4328 16.7612H33.4179ZM30.3731 35.388C30.9701 35.388 31.4776 35.179 31.8955 34.7611C32.3134 34.3432 32.5223 33.8358 32.5223 33.2388V18.7313C32.5223 18.5821 32.4701 18.4552 32.3656 18.3507C32.2611 18.2463 32.1343 18.194 31.985 18.194H15.8657C15.7164 18.194 15.5895 18.2463 15.4851 18.3507C15.3806 18.4552 15.3284 18.5821 15.3284 18.7313V33.2388C15.3284 33.8358 15.5373 34.3432 15.9552 34.7611C16.3731 35.179 16.8806 35.388 17.4776 35.388H30.3731ZM19.1119 32.3208C19.2463 32.4552 19.4179 32.5223 19.6269 32.5223C19.8358 32.5223 20.0074 32.4552 20.1418 32.3208C20.2761 32.1865 20.3433 32.0149 20.3433 31.8059V21.7761C20.3433 21.5671 20.2761 21.3955 20.1418 21.2612C20.0074 21.1268 19.8358 21.0597 19.6269 21.0597C19.4179 21.0597 19.2463 21.1268 19.1119 21.2612C18.9776 21.3955 18.9104 21.5671 18.9104 21.7761V31.8059C18.9104 32.0149 18.9776 32.1865 19.1119 32.3208ZM23.9254 32.5223C23.7164 32.5223 23.5448 32.4552 23.4104 32.3208C23.2761 32.1865 23.2089 32.0149 23.2089 31.8059V21.7761C23.2089 21.5671 23.2761 21.3955 23.4104 21.2612C23.5448 21.1268 23.7164 21.0597 23.9254 21.0597C24.1343 21.0597 24.3059 21.1268 24.4403 21.2612C24.5746 21.3955 24.6418 21.5671 24.6418 21.7761V31.8059C24.6418 32.0149 24.5746 32.1865 24.4403 32.3208C24.3059 32.4552 24.1343 32.5223 23.9254 32.5223ZM27.7089 32.3208C27.8433 32.4552 28.0149 32.5223 28.2238 32.5223C28.4328 32.5223 28.6044 32.4552 28.7388 32.3208C28.8731 32.1865 28.9403 32.0149 28.9403 31.8059V21.7761C28.9403 21.5671 28.8731 21.3955 28.7388 21.2612C28.6044 21.1268 28.4328 21.0597 28.2238 21.0597C28.0149 21.0597 27.8433 21.1268 27.7089 21.2612C27.5746 21.3955 27.5074 21.5671 27.5074 21.7761V31.8059C27.5074 32.0149 27.5746 32.1865 27.7089 32.3208Z",
46013
+ fill: "#FEFEFE"
46014
+ }));
46015
+ };
46016
+
46017
+ var AccountGasIcon = function AccountGasIcon(_ref) {
46018
+ var color = _ref.color;
46019
+ return /*#__PURE__*/React.createElement("svg", {
46020
+ width: "48",
46021
+ height: "48",
46022
+ viewBox: "0 0 48 48",
46023
+ fill: "none",
46024
+ xmlns: "http://www.w3.org/2000/svg"
46025
+ }, /*#__PURE__*/React.createElement("path", {
46026
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46027
+ fill: color
46028
+ }), /*#__PURE__*/React.createElement("path", {
46029
+ d: "M23.9253 35.394C25.4776 35.394 26.9104 35.0059 28.2238 34.2298C29.5373 33.4537 30.5821 32.4089 31.3582 31.0955C32.1343 29.7821 32.5223 28.3492 32.5223 26.797C32.5223 25.4836 32.2985 24.2597 31.8507 23.1254C31.4626 22.2298 30.8955 21.3493 30.1492 20.4836C29.7015 19.9761 29 19.2746 28.0447 18.3791C27 17.4239 26.2985 16.6776 25.9403 16.1403C25.3134 15.3045 25 14.4388 25 13.5433C25 13.1851 24.8806 12.909 24.6418 12.7149C24.403 12.5209 24.1194 12.4388 23.791 12.4687C23.4627 12.4985 23.2089 12.6627 23.0298 12.9612C21.8955 14.5732 21.2537 16.006 21.1045 17.2597C20.9552 18.2746 21.1343 19.2 21.6418 20.0358C21.9403 20.5433 22.5224 21.2149 23.388 22.0507C24.0448 22.7075 24.4925 23.2149 24.7313 23.5731C25.1492 24.1403 25.3582 24.7373 25.3582 25.3642C25.3582 26.1701 25.0746 26.8492 24.5074 27.4015C23.9403 27.9537 23.2612 28.2298 22.4701 28.2298C21.6791 28.2298 21.0074 27.9463 20.4552 27.3791C19.903 26.8119 19.6269 26.1254 19.6269 25.3194V25.3194V21.5134C19.6269 21.1851 19.5224 20.9239 19.3134 20.7299C19.1045 20.5358 18.8507 20.4313 18.5522 20.4164C18.2537 20.4015 18 20.5134 17.791 20.7522C17.1045 21.4687 16.5373 22.3045 16.0895 23.2597C15.5821 24.394 15.3284 25.5731 15.3284 26.797C15.3284 28.3492 15.7164 29.7821 16.4925 31.0955C17.2686 32.4089 18.3134 33.4537 19.6269 34.2298C20.9403 35.0059 22.3731 35.394 23.9253 35.394Z",
46030
+ fill: "#FEFEFE"
46031
+ }));
46032
+ };
46033
+
46034
+ var AccountMedicalIcon = function AccountMedicalIcon(_ref) {
46035
+ var color = _ref.color;
46036
+ return /*#__PURE__*/React.createElement("svg", {
46037
+ width: "48",
46038
+ height: "48",
46039
+ viewBox: "0 0 48 48",
46040
+ fill: "none",
46041
+ xmlns: "http://www.w3.org/2000/svg"
46042
+ }, /*#__PURE__*/React.createElement("path", {
46043
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46044
+ fill: color
46045
+ }), /*#__PURE__*/React.createElement("path", {
46046
+ fillRule: "evenodd",
46047
+ clipRule: "evenodd",
46048
+ d: "M31.875 36C32.1875 36 32.4531 35.8906 32.6719 35.6719C32.8906 35.4531 33 35.1875 33 34.875V19.5H26.625C26.3125 19.5 26.0469 19.3906 25.8281 19.1719C25.6094 18.9531 25.5 18.6875 25.5 18.375V12H16.125C15.8125 12 15.5469 12.1094 15.3281 12.3281C15.1094 12.5469 15 12.8125 15 13.125V34.875C15 35.1875 15.1094 35.4531 15.3281 35.6719C15.5469 35.8906 15.8125 36 16.125 36H31.875ZM33 18V17.7188C33 17.4063 32.8906 17.1406 32.6718 16.9219L28.0781 12.3281C27.8593 12.1094 27.5937 12 27.2812 12H27V18H33ZM22.875 31.5H25.125C25.2187 31.5 25.3047 31.4609 25.3828 31.3828C25.4609 31.3047 25.5 31.2188 25.5 31.125V28.5H28.125C28.2187 28.5 28.3047 28.4609 28.3828 28.3828C28.4609 28.3047 28.5 28.2188 28.5 28.125V25.875C28.5 25.7812 28.4609 25.6953 28.3828 25.6172C28.3047 25.5391 28.2187 25.5 28.125 25.5H25.5V22.875C25.5 22.7812 25.4609 22.6953 25.3828 22.6172C25.3047 22.5391 25.2187 22.5 25.125 22.5H22.875C22.7812 22.5 22.6953 22.5391 22.6172 22.6172C22.539 22.6953 22.5 22.7812 22.5 22.875V25.5H19.875C19.7812 25.5 19.6953 25.5391 19.6172 25.6172C19.539 25.6953 19.5 25.7812 19.5 25.875V28.125C19.5 28.2188 19.539 28.3047 19.6172 28.3828C19.6953 28.4609 19.7812 28.5 19.875 28.5H22.5V31.125C22.5 31.2188 22.539 31.3047 22.6172 31.3828C22.6953 31.4609 22.7812 31.5 22.875 31.5Z",
46049
+ fill: "#FEFEFE"
46050
+ }));
46051
+ };
46052
+
46053
+ var AccountWaterIcon = function AccountWaterIcon(_ref) {
46054
+ var color = _ref.color;
46055
+ return /*#__PURE__*/React.createElement("svg", {
46056
+ width: "48",
46057
+ height: "48",
46058
+ viewBox: "0 0 48 48",
46059
+ fill: "none",
46060
+ xmlns: "http://www.w3.org/2000/svg"
46061
+ }, /*#__PURE__*/React.createElement("path", {
46062
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46063
+ fill: color
46064
+ }), /*#__PURE__*/React.createElement("path", {
46065
+ fillRule: "evenodd",
46066
+ clipRule: "evenodd",
46067
+ d: "M27.9627 35.3015C26.7537 36.0805 25.4328 36.47 24 36.47C22.5672 36.47 21.2463 36.0805 20.0373 35.3015C18.8284 34.5225 17.8731 33.4676 17.1717 32.1368C16.4702 30.8061 16.1194 29.3617 16.1194 27.8037C16.1194 26.5378 16.3881 25.2882 16.9254 24.0548C17.2537 23.3082 17.8806 22.2047 18.806 20.744C19.7313 19.2834 20.4328 18.1149 20.9104 17.2386C21.6567 15.778 22.2537 14.2362 22.7015 12.6133C22.8209 12.1589 23.0672 11.8424 23.4403 11.6639C23.8134 11.4854 24.1866 11.4854 24.5597 11.6639C24.9328 11.8424 25.1791 12.1589 25.2985 12.6133C25.7463 14.2362 26.3582 15.7942 27.1343 17.2873C27.5821 18.1636 28.2686 19.324 29.194 20.7684C30.1194 22.2128 30.7462 23.3082 31.0746 24.0548C31.6119 25.2557 31.8806 26.5054 31.8806 27.8037C31.8806 29.3617 31.5298 30.8061 30.8283 32.1368C30.1268 33.4676 29.1716 34.5225 27.9627 35.3015ZM21.4925 32.6237C22.2686 33.1106 23.1045 33.354 24 33.354C24.2089 33.354 24.3806 33.281 24.5149 33.1349C24.6492 32.9889 24.7164 32.8022 24.7164 32.575C24.7164 32.3478 24.6492 32.1612 24.5149 32.0151C24.3806 31.8691 24.2089 31.796 24 31.796C23.0149 31.796 22.1716 31.4146 21.4701 30.6519C20.7687 29.8891 20.4179 28.9722 20.4179 27.9011C20.4179 27.6739 20.3507 27.4872 20.2164 27.3412C20.0821 27.1951 19.9104 27.1221 19.7015 27.1221C19.4925 27.1221 19.3209 27.1951 19.1866 27.3412C19.0522 27.4872 18.9851 27.6739 18.9851 27.9011C18.9851 28.8748 19.209 29.7836 19.6567 30.6275C20.1045 31.4715 20.7164 32.1368 21.4925 32.6237Z",
46068
+ fill: "#FEFEFE"
46069
+ }));
46070
+ };
46071
+
46072
+ var PropertyApartmentIcon = function PropertyApartmentIcon(_ref) {
46073
+ var color = _ref.color;
46074
+ return /*#__PURE__*/React.createElement("svg", {
46075
+ width: "48",
46076
+ height: "48",
46077
+ viewBox: "0 0 48 48",
46078
+ fill: "none",
46079
+ xmlns: "http://www.w3.org/2000/svg"
46080
+ }, /*#__PURE__*/React.createElement("path", {
46081
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46082
+ fill: color
46083
+ }), /*#__PURE__*/React.createElement("path", {
46084
+ d: "M33.3812 35.15V34.2848C33.3812 34.1406 33.3308 34.018 33.2298 33.917C33.1289 33.8161 33.0063 33.7656 32.8621 33.7656H31.9969V14.0383C31.9969 13.7499 31.8959 13.5047 31.694 13.3028C31.4922 13.1009 31.247 13 30.9586 13H16.4227C16.1342 13 15.8891 13.1009 15.6872 13.3028C15.4853 13.5047 15.3844 13.7499 15.3844 14.0383V33.7656H14.5191C14.3749 33.7656 14.2524 33.8161 14.1514 33.917C14.0505 34.018 14 34.1406 14 34.2848V35.15H33.3812ZM21.7871 18.5375H20.0566C19.9124 18.5375 19.7899 18.487 19.6889 18.3861C19.588 18.2851 19.5375 18.1626 19.5375 18.0184V16.2879C19.5375 16.1437 19.588 16.0211 19.6889 15.9202C19.7899 15.8192 19.9124 15.7687 20.0566 15.7687H21.7871C21.9313 15.7687 22.0539 15.8192 22.1548 15.9202C22.2558 16.0211 22.3063 16.1437 22.3063 16.2879V18.0184C22.3063 18.1626 22.2558 18.2851 22.1548 18.3861C22.0539 18.487 21.9313 18.5375 21.7871 18.5375ZM27.3246 18.5375H25.5941C25.4499 18.5375 25.3274 18.487 25.2264 18.3861C25.1255 18.2851 25.075 18.1626 25.075 18.0184V16.2879C25.075 16.1437 25.1255 16.0211 25.2264 15.9202C25.3274 15.8192 25.4499 15.7687 25.5941 15.7687H27.3246C27.4688 15.7687 27.5914 15.8192 27.6923 15.9202C27.7933 16.0211 27.8438 16.1437 27.8438 16.2879V18.0184C27.8438 18.1626 27.7933 18.2851 27.6923 18.3861C27.5914 18.487 27.4688 18.5375 27.3246 18.5375ZM21.7871 22.6906H20.0566C19.9124 22.6906 19.7899 22.6402 19.6889 22.5392C19.588 22.4383 19.5375 22.3157 19.5375 22.1715V20.441C19.5375 20.2968 19.588 20.1742 19.6889 20.0733C19.7899 19.9723 19.9124 19.9219 20.0566 19.9219H21.7871C21.9313 19.9219 22.0539 19.9723 22.1548 20.0733C22.2558 20.1742 22.3063 20.2968 22.3063 20.441V22.1715C22.3063 22.3157 22.2558 22.4383 22.1548 22.5392C22.0539 22.6402 21.9313 22.6906 21.7871 22.6906ZM27.3246 22.6906H25.5941C25.4499 22.6906 25.3274 22.6402 25.2264 22.5392C25.1255 22.4383 25.075 22.3157 25.075 22.1715V20.441C25.075 20.2968 25.1255 20.1742 25.2264 20.0733C25.3274 19.9723 25.4499 19.9219 25.5941 19.9219H27.3246C27.4688 19.9219 27.5914 19.9723 27.6923 20.0733C27.7933 20.1742 27.8438 20.2968 27.8438 20.441V22.1715C27.8438 22.3157 27.7933 22.4383 27.6923 22.5392C27.5914 22.6402 27.4688 22.6906 27.3246 22.6906ZM21.7871 26.8438H20.0566C19.9124 26.8438 19.7899 26.7933 19.6889 26.6923C19.588 26.5914 19.5375 26.4688 19.5375 26.3246V24.5941C19.5375 24.4499 19.588 24.3274 19.6889 24.2264C19.7899 24.1255 19.9124 24.075 20.0566 24.075H21.7871C21.9313 24.075 22.0539 24.1255 22.1548 24.2264C22.2558 24.3274 22.3063 24.4499 22.3063 24.5941V26.3246C22.3063 26.4688 22.2558 26.5914 22.1548 26.6923C22.0539 26.7933 21.9313 26.8438 21.7871 26.8438ZM27.3246 26.8438H25.5941C25.4499 26.8438 25.3274 26.7933 25.2264 26.6923C25.1255 26.5914 25.075 26.4688 25.075 26.3246V24.5941C25.075 24.4499 25.1255 24.3274 25.2264 24.2264C25.3274 24.1255 25.4499 24.075 25.5941 24.075H27.3246C27.4688 24.075 27.5914 24.1255 27.6923 24.2264C27.7933 24.3274 27.8438 24.4499 27.8438 24.5941V26.3246C27.8438 26.4688 27.7933 26.5914 27.6923 26.6923C27.5914 26.7933 27.4688 26.8438 27.3246 26.8438ZM25.075 33.7656H22.3063V30.1316C22.3063 29.9874 22.3567 29.8649 22.4577 29.7639C22.5586 29.663 22.6812 29.6125 22.8254 29.6125H24.5559C24.7001 29.6125 24.8226 29.663 24.9236 29.7639C25.0245 29.8649 25.075 29.9874 25.075 30.1316V33.7656Z",
46085
+ fill: "#FEFEFE"
46086
+ }));
46087
+ };
46088
+
46089
+ var PropertyBusinessIcon = function PropertyBusinessIcon() {
46090
+ return /*#__PURE__*/React.createElement("svg", {
46091
+ width: "48",
46092
+ height: "48",
46093
+ viewBox: "0 0 48 48",
46094
+ fill: "none",
46095
+ xmlns: "http://www.w3.org/2000/svg"
46096
+ }, /*#__PURE__*/React.createElement("path", {
46097
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46098
+ fill: "#3B5BDB"
46099
+ }), /*#__PURE__*/React.createElement("path", {
46100
+ fillRule: "evenodd",
46101
+ clipRule: "evenodd",
46102
+ d: "M16.3134 14.209V16H14.0746V14.209H16.3134ZM16.3134 14.209H18.5522C18.8507 14.209 19.1045 14.3134 19.3134 14.5224C19.5224 14.7313 19.6269 14.9851 19.6269 15.2836V24.0597L25.8507 20.1194C26.2089 19.8806 26.5746 19.8657 26.9477 20.0746C27.3209 20.2836 27.5074 20.597 27.5074 21.0149V24.0597L33.7313 20.1194C34.0895 19.8806 34.4552 19.8657 34.8283 20.0746C35.2014 20.2836 35.388 20.597 35.388 21.0149V33.194C35.388 33.4925 35.2835 33.7462 35.0746 33.9552C34.8656 34.1641 34.6119 34.2686 34.3134 34.2686H13.5373C13.2388 34.2686 12.9851 34.1641 12.7761 33.9552C12.5672 33.7462 12.4627 33.4925 12.4627 33.194V15.2836C12.4627 14.9851 12.5672 14.7313 12.7761 14.5224C12.9851 14.3134 13.2388 14.209 13.5373 14.209H14.0746V13.8955H16.3134V14.209Z",
46103
+ fill: "#FEFEFE"
46104
+ }));
46105
+ };
46106
+
46107
+ var PropertyCarIcon = function PropertyCarIcon() {
46108
+ return /*#__PURE__*/React.createElement("svg", {
46109
+ width: "48",
46110
+ height: "48",
46111
+ viewBox: "0 0 48 48",
46112
+ fill: "none",
46113
+ xmlns: "http://www.w3.org/2000/svg"
46114
+ }, /*#__PURE__*/React.createElement("path", {
46115
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46116
+ fill: "#3B5BDB"
46117
+ }), /*#__PURE__*/React.createElement("path", {
46118
+ d: "M36.8919 19.7729H33.7284L32.8492 17.5748C31.9457 15.3149 29.7893 13.855 27.3551 13.855H20.6446C18.2108 13.855 16.054 15.3149 15.1499 17.5748L14.2707 19.7729H11.1077C10.6951 19.7729 10.3923 20.1607 10.4927 20.5607L10.8097 21.8288C10.88 22.111 11.1336 22.3091 11.4248 22.3091H12.4852C11.7756 22.9289 11.3186 23.8298 11.3186 24.8454V27.3816C11.3186 28.2334 11.6441 29.0022 12.164 29.5972V32.4541C12.164 33.3878 12.9212 34.145 13.8548 34.145H15.5457C16.4793 34.145 17.2365 33.3878 17.2365 32.4541V30.7633H30.7631V32.4541C30.7631 33.3878 31.5203 34.145 32.454 34.145H34.1448C35.0785 34.145 35.8356 33.3878 35.8356 32.4541V29.5972C36.3556 29.0027 36.6811 28.2339 36.6811 27.3816V24.8454C36.6811 23.8298 36.224 22.9289 35.5149 22.3091H36.5754C36.8665 22.3091 37.1202 22.111 37.1904 21.8288L37.5075 20.5607C37.6073 20.1607 37.3046 19.7729 36.8919 19.7729ZM18.2896 18.8308C18.6747 17.8681 19.6073 17.2366 20.6446 17.2366H27.3551C28.3923 17.2366 29.3249 17.8681 29.7101 18.8308L30.7631 21.4637H17.2365L18.2896 18.8308ZM15.5457 27.3711C14.5312 27.3711 13.8548 26.6969 13.8548 25.6855C13.8548 24.6742 14.5312 24 15.5457 24C16.5601 24 18.0819 25.517 18.0819 26.5283C18.0819 27.5396 16.5601 27.3711 15.5457 27.3711ZM32.454 27.3711C31.4395 27.3711 29.9177 27.5396 29.9177 26.5283C29.9177 25.517 31.4395 24 32.454 24C33.4685 24 34.1448 24.6742 34.1448 25.6855C34.1448 26.6969 33.4685 27.3711 32.454 27.3711Z",
46119
+ fill: "#FEFEFE"
46120
+ }));
46121
+ };
46122
+
46123
+ var PropertyCommercialVehicleIcon = function PropertyCommercialVehicleIcon() {
46124
+ return /*#__PURE__*/React.createElement("svg", {
46125
+ width: "48",
46126
+ height: "48",
46127
+ viewBox: "0 0 48 48",
46128
+ fill: "none",
46129
+ xmlns: "http://www.w3.org/2000/svg"
46130
+ }, /*#__PURE__*/React.createElement("path", {
46131
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46132
+ fill: "#3B5BDB"
46133
+ }), /*#__PURE__*/React.createElement("path", {
46134
+ d: "M30.7656 35.15C31.9193 35.15 32.8999 34.7462 33.7074 33.9387C34.515 33.1311 34.9188 32.1505 34.9188 30.9969H36.9953C37.1972 30.9969 37.363 30.932 37.4928 30.8022C37.6226 30.6724 37.6875 30.5066 37.6875 30.3047V28.9203C37.6875 28.7184 37.6226 28.5526 37.4928 28.4228C37.363 28.293 37.1972 28.2281 36.9953 28.2281H36.3031V23.5559C36.3031 22.979 36.1012 22.4887 35.6975 22.085L31.3713 17.7588C30.9675 17.355 30.4772 17.1531 29.9004 17.1531H27.9969V15.0766C27.9969 14.4997 27.795 14.0094 27.3912 13.6057C26.9874 13.2019 26.4971 13 25.9203 13H12.0766C11.4997 13 11.0094 13.2019 10.6057 13.6057C10.2019 14.0094 10 14.4997 10 15.0766V28.9203C10 29.4971 10.2019 29.9874 10.6057 30.3912C11.0094 30.795 11.4997 30.9969 12.0766 30.9969H12.7688C12.7688 32.1505 13.1725 33.1311 13.9801 33.9387C14.7876 34.7462 15.7682 35.15 16.9219 35.15C18.0755 35.15 19.0561 34.7462 19.8637 33.9387C20.6712 33.1311 21.075 32.1505 21.075 30.9969H26.6125C26.6125 32.1505 27.0163 33.1311 27.8238 33.9387C28.6314 34.7462 29.612 35.15 30.7656 35.15ZM34.2266 24.075H27.9969V19.2297H29.9004L34.2266 23.5559V24.075ZM16.9219 33.0734C16.3451 33.0734 15.8548 32.8715 15.451 32.4678C15.0472 32.064 14.8453 31.5737 14.8453 30.9969C14.8453 30.4201 15.0472 29.9298 15.451 29.526C15.8548 29.1222 16.3451 28.9203 16.9219 28.9203C17.4987 28.9203 17.989 29.1222 18.3928 29.526C18.7965 29.9298 18.9984 30.4201 18.9984 30.9969C18.9984 31.5737 18.7965 32.064 18.3928 32.4678C17.989 32.8715 17.4987 33.0734 16.9219 33.0734ZM30.7656 33.0734C30.1888 33.0734 29.6985 32.8715 29.2947 32.4678C28.891 32.064 28.6891 31.5737 28.6891 30.9969C28.6891 30.4201 28.891 29.9298 29.2947 29.526C29.6985 29.1222 30.1888 28.9203 30.7656 28.9203C31.3424 28.9203 31.8327 29.1222 32.2365 29.526C32.6403 29.9298 32.8422 30.4201 32.8422 30.9969C32.8422 31.5737 32.6403 32.064 32.2365 32.4678C31.8327 32.8715 31.3424 33.0734 30.7656 33.0734Z",
46135
+ fill: "#FEFEFE"
46136
+ }));
46137
+ };
46138
+
46139
+ var PropertyGarageIcon = function PropertyGarageIcon() {
46140
+ return /*#__PURE__*/React.createElement("svg", {
46141
+ width: "48",
46142
+ height: "48",
46143
+ viewBox: "0 0 48 48",
46144
+ fill: "none",
46145
+ xmlns: "http://www.w3.org/2000/svg"
46146
+ }, /*#__PURE__*/React.createElement("path", {
46147
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46148
+ fill: "#3B5BDB"
46149
+ }), /*#__PURE__*/React.createElement("path", {
46150
+ d: "M14.463 34.1481C14.5417 34.1481 14.6138 34.1153 14.6794 34.0497C14.745 33.9841 14.7778 33.912 14.7778 33.8333V24.074C14.7778 23.733 14.9024 23.4379 15.1516 23.1886C15.4008 22.9394 15.7091 22.8148 16.0764 22.8148H31.1087C31.476 22.8148 31.7843 22.9394 32.0335 23.1886C32.2827 23.4379 32.4074 23.733 32.4074 24.074V33.8333C32.4074 33.912 32.4401 33.9841 32.5057 34.0497C32.5713 34.1153 32.6435 34.1481 32.7222 34.1481H35.8703C35.949 34.1481 36.0212 34.1153 36.0867 34.0497C36.1523 33.9841 36.1851 33.912 36.1851 33.8333V20.3356C36.1851 19.9683 36.0802 19.6273 35.8703 19.3125C35.6604 18.9977 35.3719 18.7616 35.0046 18.6042H35.0439L24.3009 14.1574C23.8287 13.9475 23.3565 13.9475 22.8842 14.1574L12.1806 18.6042C11.8133 18.7616 11.5247 18.9977 11.3148 19.3125C11.1049 19.6273 11 19.9683 11 20.3356V33.8333C11 33.912 11.0328 33.9841 11.0984 34.0497C11.164 34.1153 11.2361 34.1481 11.3148 34.1481H14.463ZM30.8333 26.5926C30.912 26.5926 30.9841 26.5598 31.0497 26.4942C31.1153 26.4286 31.1481 26.3565 31.1481 26.2778V24.3889C31.1481 24.3102 31.1153 24.238 31.0497 24.1724C30.9841 24.1068 30.912 24.074 30.8333 24.074H16.3912C16.2863 24.074 16.2075 24.1068 16.1551 24.1724C16.1026 24.238 16.0764 24.3102 16.0764 24.3889V26.2778C16.0764 26.3565 16.1026 26.4286 16.1551 26.4942C16.2075 26.5598 16.2863 26.5926 16.3912 26.5926H30.8333ZM30.8333 30.3703C30.912 30.3703 30.9841 30.3375 31.0497 30.272C31.1153 30.2064 31.1481 30.1342 31.1481 30.0555V28.1666C31.1481 28.0879 31.1153 28.0158 31.0497 27.9502C30.9841 27.8846 30.912 27.8518 30.8333 27.8518H16.3518C16.2731 27.8518 16.201 27.8846 16.1354 27.9502C16.0698 28.0158 16.037 28.0879 16.037 28.1666V30.0555C16.037 30.1342 16.0698 30.2064 16.1354 30.272C16.201 30.3375 16.2731 30.3703 16.3518 30.3703H30.8333ZM30.8333 34.1481C30.912 34.1481 30.9841 34.1153 31.0497 34.0497C31.1153 33.9841 31.1481 33.912 31.1481 33.8333V31.9444C31.1481 31.8657 31.1153 31.7936 31.0497 31.728C30.9841 31.6624 30.912 31.6296 30.8333 31.6296H16.3518C16.2731 31.6296 16.201 31.6624 16.1354 31.728C16.0698 31.7936 16.037 31.8657 16.037 31.9444V33.8333C16.037 33.912 16.0698 33.9841 16.1354 34.0497C16.201 34.1153 16.2731 34.1481 16.3518 34.1481H30.8333Z",
46151
+ fill: "#FEFEFE"
46152
+ }));
46153
+ };
46154
+
46155
+ var PropertyLandIcon = function PropertyLandIcon() {
46156
+ return /*#__PURE__*/React.createElement("svg", {
46157
+ width: "48",
46158
+ height: "48",
46159
+ viewBox: "0 0 48 48",
46160
+ fill: "none",
46161
+ xmlns: "http://www.w3.org/2000/svg"
46162
+ }, /*#__PURE__*/React.createElement("path", {
46163
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46164
+ fill: "#3B5BDB"
46165
+ }), /*#__PURE__*/React.createElement("path", {
46166
+ d: "M25.8629 35.15C26.1342 35.15 26.3376 35.037 26.4733 34.8109C26.6089 34.5848 26.6164 34.3512 26.4959 34.1101L25.1394 31.8945V30.8094H31.3339C31.5449 30.8094 31.7333 30.7566 31.899 30.6511C32.0648 30.5456 32.1929 30.4024 32.2834 30.2216C32.3738 30.0407 32.4039 29.8523 32.3738 29.6564C32.3437 29.4605 32.2532 29.2721 32.1025 29.0912L28.4853 25.0219H29.887C30.3391 25.0219 30.6556 24.8259 30.8365 24.4341C31.0174 24.0422 30.9721 23.6805 30.7009 23.3489L27.1289 19.2344H28.4401C28.6511 19.2344 28.847 19.1816 29.0279 19.0761C29.2088 18.9706 29.3369 18.8199 29.4122 18.624C29.4876 18.428 29.5102 18.2321 29.4801 18.0362C29.4499 17.8403 29.3595 17.6669 29.2088 17.5162L24.2351 12.2261C24.0844 12.0754 23.9036 12 23.6926 12C23.4816 12 23.3007 12.0754 23.15 12.2261L18.1763 17.5162C18.0256 17.6669 17.9352 17.8403 17.9051 18.0362C17.8749 18.2321 17.8975 18.428 17.9729 18.624C18.0482 18.8199 18.1763 18.9706 18.3572 19.0761C18.5381 19.1816 18.734 19.2344 18.945 19.2344H20.2562L16.6843 23.3489C16.413 23.6805 16.3677 24.0422 16.5486 24.4341C16.7295 24.8259 17.046 25.0219 17.4981 25.0219H18.8998L15.2826 29.0912C15.1319 29.2721 15.0414 29.4605 15.0113 29.6564C14.9812 29.8523 15.0113 30.0407 15.1017 30.2216C15.1922 30.4024 15.3203 30.5456 15.4861 30.6511C15.6518 30.7566 15.8402 30.8094 16.0512 30.8094H22.2457V31.8945L20.8892 34.1101C20.7687 34.3512 20.7762 34.5848 20.9118 34.8109C21.0475 35.037 21.251 35.15 21.5222 35.15H25.8629Z",
46167
+ fill: "#FEFEFE"
46168
+ }));
46169
+ };
46170
+
46171
+ var PropertyMotorcycleIcon = function PropertyMotorcycleIcon() {
46172
+ return /*#__PURE__*/React.createElement("svg", {
46173
+ width: "48",
46174
+ height: "48",
46175
+ viewBox: "0 0 48 48",
46176
+ fill: "none",
46177
+ xmlns: "http://www.w3.org/2000/svg"
46178
+ }, /*#__PURE__*/React.createElement("path", {
46179
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46180
+ fill: "#3B5BDB"
46181
+ }), /*#__PURE__*/React.createElement("path", {
46182
+ d: "M32.7935 32.11C33.8183 32.11 34.7763 31.8575 35.6675 31.3525C36.5586 30.8475 37.2567 30.1495 37.7617 29.2583C38.2666 28.3672 38.5191 27.4092 38.5191 26.3844C38.5191 25.3596 38.2592 24.4164 37.7394 23.555C37.2196 22.6936 36.5289 22.0029 35.6675 21.4831C34.806 20.9633 33.8703 20.7033 32.8604 20.7033C32.2069 20.7033 31.5831 20.8073 30.989 21.0152L29.5186 18.5646H33.1723C33.4693 18.5646 33.7218 18.4606 33.9297 18.2527C34.1377 18.0447 34.2416 17.7923 34.2416 17.4952V16.0694C34.2416 15.7723 34.1377 15.5198 33.9297 15.3119C33.7218 15.104 33.4693 15 33.1723 15H31.1672C30.8404 15 30.5731 15.1188 30.3652 15.3565L28.672 17.2279L27.6917 15.5347C27.4838 15.1782 27.1719 15 26.756 15H23.1914C22.9835 15 22.8127 15.0668 22.679 15.2005C22.5454 15.3342 22.4785 15.505 22.4785 15.7129V16.4258C22.4785 16.6338 22.5454 16.8046 22.679 16.9382C22.8127 17.0719 22.9835 17.1388 23.1914 17.1388H26.1322L27.0234 18.5646H20.1615C19.716 18.0002 19.1813 17.5695 18.5575 17.2724C17.8149 16.9457 16.8643 16.7823 15.7058 16.7823H13.2552C12.9284 16.7823 12.6611 16.8863 12.4531 17.0942C12.2452 17.3021 12.1412 17.5546 12.1412 17.8517C12.1412 18.1487 12.2452 18.4012 12.4531 18.6091C12.6611 18.8171 12.9136 18.921 13.2106 18.921H15.7058C16.6564 18.921 17.3693 19.2924 17.8446 20.035L17.3099 20.9261C16.7158 20.7479 16.1068 20.6736 15.483 20.7033C14.5028 20.733 13.5968 21.0004 12.765 21.5054C11.9333 22.0103 11.2724 22.6861 10.7822 23.5327C10.2921 24.3793 10.0322 25.2927 10.0025 26.273C9.97277 27.3127 10.2104 28.2855 10.7154 29.1915C11.2204 30.0975 11.9184 30.8104 12.8096 31.3302C13.7007 31.8501 14.6661 32.11 15.7058 32.11C17.0128 32.11 18.1787 31.709 19.2036 30.907C20.2284 30.1049 20.9042 29.0801 21.2309 27.8325H24.9737C25.2708 27.8325 25.5307 27.7211 25.7535 27.4983C25.9763 27.2755 26.0728 27.0156 26.0431 26.7186C26.0134 25.6492 26.2139 24.6244 26.6446 23.6441C27.0753 22.6639 27.7066 21.8321 28.5383 21.1489L29.1176 22.0846C28.4937 22.6193 28.0036 23.2654 27.6472 24.0229C27.2907 24.7803 27.1125 25.5898 27.1125 26.4512C27.1125 27.4612 27.365 28.3969 27.8699 29.2583C28.3749 30.1198 29.0656 30.8104 29.9419 31.3302C30.8182 31.8501 31.7687 32.11 32.7935 32.11ZM15.7058 29.9713C14.7255 29.9713 13.8864 29.6222 13.1883 28.9242C12.4903 28.2261 12.1412 27.3869 12.1412 26.4067C12.1412 25.4264 12.4903 24.5872 13.1883 23.8892C13.8864 23.1911 14.7255 22.8421 15.7058 22.8421C15.884 22.8421 16.0623 22.8569 16.2405 22.8866L14.4136 26.2284C14.2057 26.5849 14.2057 26.9414 14.4136 27.2978C14.6216 27.6543 14.9335 27.8325 15.3494 27.8325H18.9585C18.6911 28.486 18.2604 29.0058 17.6663 29.392C17.0722 29.7782 16.4187 29.9713 15.7058 29.9713ZM32.994 29.9713C31.9841 30.0307 31.1078 29.7039 30.3652 28.991C29.6225 28.2781 29.2512 27.4166 29.2512 26.4067C29.2512 25.4561 29.578 24.6392 30.2315 23.956L32.4593 27.6097C32.5485 27.7879 32.6896 27.8993 32.8826 27.9439C33.0757 27.9885 33.2465 27.9662 33.3951 27.8771L34.0189 27.476C34.1971 27.3869 34.3085 27.2458 34.353 27.0527C34.3976 26.8597 34.3753 26.6889 34.2862 26.5403L32.1029 22.9312C32.3405 22.8718 32.5782 22.8421 32.8158 22.8421C33.8258 22.8421 34.6872 23.2134 35.4001 23.956C36.113 24.6986 36.4398 25.5749 36.3804 26.5849C36.321 27.5057 35.9719 28.2855 35.3333 28.9242C34.6946 29.5628 33.9149 29.9118 32.994 29.9713Z",
46183
+ fill: "#FEFEFE"
46184
+ }));
46185
+ };
46186
+
46187
+ var PropertyStorefrontIcon = function PropertyStorefrontIcon() {
46188
+ return /*#__PURE__*/React.createElement("svg", {
46189
+ width: "48",
46190
+ height: "48",
46191
+ viewBox: "0 0 48 48",
46192
+ fill: "none",
46193
+ xmlns: "http://www.w3.org/2000/svg"
46194
+ }, /*#__PURE__*/React.createElement("path", {
46195
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46196
+ fill: "#3B5BDB"
46197
+ }), /*#__PURE__*/React.createElement("path", {
46198
+ d: "M36.5244 20.7878C36.8705 20.7878 37.1734 20.6724 37.4329 20.4417C37.6925 20.2109 37.8439 19.9297 37.8872 19.5981C37.9305 19.2664 37.8656 18.9419 37.6925 18.6247L33.972 13.0872C33.7124 12.6834 33.3375 12.4815 32.8472 12.4815H15.2829C14.7926 12.4815 14.4177 12.6834 14.1581 13.0872L10.4809 18.6247C10.279 18.9419 10.1997 19.2664 10.243 19.5981C10.2862 19.9297 10.4376 20.2109 10.6972 20.4417C10.9568 20.6724 11.2596 20.7878 11.6057 20.7878H36.5244ZM25.4495 34.6315C25.8244 34.6315 26.1488 34.4945 26.4228 34.2205C26.6968 33.9465 26.8338 33.6221 26.8338 33.2471V22.1721H24.0651V29.094H15.7588V22.1721H12.9901V33.2471C12.9901 33.6221 13.1271 33.9465 13.4011 34.2205C13.6751 34.4945 13.9995 34.6315 14.3745 34.6315H25.4495ZM34.4479 34.6315C34.6498 34.6315 34.8156 34.5666 34.9454 34.4368C35.0752 34.307 35.1401 34.1412 35.1401 33.9393V22.1721H32.3713V33.9393C32.3713 34.1412 32.4362 34.307 32.566 34.4368C32.6958 34.5666 32.8616 34.6315 33.0635 34.6315H34.4479Z",
46199
+ fill: "#FEFEFE"
46200
+ }));
46201
+ };
46202
+
46203
+ var PropertyPersonalIcon = function PropertyPersonalIcon() {
46204
+ return /*#__PURE__*/React.createElement("svg", {
46205
+ width: "48",
46206
+ height: "48",
46207
+ viewBox: "0 0 48 48",
46208
+ fill: "none",
46209
+ xmlns: "http://www.w3.org/2000/svg"
46210
+ }, /*#__PURE__*/React.createElement("path", {
46211
+ d: "M0 18C0 9.51472 0 5.27208 2.63604 2.63604C5.27208 0 9.51472 0 18 0H30C38.4853 0 42.7279 0 45.364 2.63604C48 5.27208 48 9.51472 48 18V30C48 38.4853 48 42.7279 45.364 45.364C42.7279 48 38.4853 48 30 48H18C9.51472 48 5.27208 48 2.63604 45.364C0 42.7279 0 38.4853 0 30V18Z",
46212
+ fill: "#3B5BDB"
46213
+ }), /*#__PURE__*/React.createElement("path", {
46214
+ fillRule: "evenodd",
46215
+ clipRule: "evenodd",
46216
+ d: "M36.1674 26.0625C36.0736 26.1875 35.9486 26.25 35.7924 26.25C35.6361 26.25 35.4955 26.2031 35.3705 26.1093L24.3549 17.0625C24.2299 16.9687 24.1049 16.9219 23.9799 16.9219C23.8549 16.9219 23.7299 16.9687 23.6049 17.0625L12.5893 26.1093C12.4643 26.2031 12.3237 26.25 12.1674 26.25C12.0112 26.25 11.8862 26.1875 11.7924 26.0625L10.6205 24.6093C10.5268 24.4843 10.4877 24.3437 10.5033 24.1875C10.519 24.0312 10.5737 23.9062 10.6674 23.8125L22.5736 14.0156C22.9799 13.6719 23.4486 13.5 23.9799 13.5C24.5111 13.5 24.9955 13.6719 25.433 14.0156L29.6049 17.4844V14.0625C29.6049 13.9062 29.6596 13.7734 29.7689 13.664C29.8783 13.5547 30.0111 13.5 30.1674 13.5H32.7924C32.9486 13.5 33.0814 13.5547 33.1908 13.664C33.3002 13.7734 33.3549 13.9062 33.3549 14.0625V20.5781L37.2924 23.8125C37.3861 23.9062 37.4408 24.0312 37.4564 24.1875C37.472 24.3437 37.433 24.4843 37.3392 24.6093L36.1674 26.0625ZM21.5658 34.3359C21.4565 34.4453 21.3236 34.4999 21.1674 34.4999H15.7299C15.4174 34.4999 15.1518 34.3906 14.933 34.1718C14.7143 33.9531 14.6049 33.6874 14.6049 33.375V26.6718C14.6049 26.4843 14.6674 26.3281 14.7924 26.2031L23.6049 18.9844C23.7299 18.8906 23.8549 18.8437 23.9799 18.8437C24.1049 18.8437 24.2299 18.8906 24.3549 18.9844L33.1674 26.2031C33.2924 26.3281 33.3549 26.4843 33.3549 26.6718V33.375C33.3549 33.6874 33.2455 33.9531 33.0267 34.1718C32.808 34.3906 32.5424 34.4999 32.2299 34.4999H26.7924C26.6361 34.4999 26.5033 34.4453 26.3939 34.3359C26.2846 34.2265 26.2299 34.0937 26.2299 33.9374V28.6875C26.2299 28.5312 26.1752 28.3984 26.0658 28.289C25.9565 28.1797 25.8236 28.125 25.6674 28.125H22.2924C22.1361 28.125 22.0033 28.1797 21.894 28.289C21.7846 28.3984 21.7299 28.5312 21.7299 28.6875V33.9374C21.7299 34.0937 21.6752 34.2265 21.5658 34.3359Z",
46217
+ fill: "#FEFEFE"
46218
+ }));
46219
+ };
46220
+
46221
+ var _iconsMap;
46222
+ var ACCOUNTS_GENERIC_ICON = "ACCOUNTS_GENERIC";
46223
+ var ACCOUNTS_CONSTRUCTION_ICON = "ACCOUNTS_CONSTRUCTION";
46224
+ var ACCOUNTS_HEALTH_ICON = "ACCOUNTS_HEALTH";
46225
+ var ACCOUNTS_DENTAL_ICON = "ACCOUNTS_DENTAL";
46226
+ var ACCOUNTS_UTILITY_ELECTRIC_ICON = "ACCOUNTS_UTILITY_ELECTRIC";
46227
+ var ACCOUNTS_UTILITY_GAS_ICON = "ACCOUNTS_UTILITY_GAS";
46228
+ var ACCOUNTS_UTILITY_GARBAGE_ICON = "ACCOUNTS_UTILITY_GARBAGE";
46229
+ var ACCOUNTS_UTILITY_WATER_ICON = "ACCOUNTS_UTILITY_WATER";
46230
+ var PROPERTIES_PERSONAL_ICON = "PROPERTIES_PERSONAL";
46231
+ var PROPERTIES_GARAGE_ICON = "PROPERTIES_GARAGE";
46232
+ var PROPERTIES_BUSINESS_ICON = "PROPERTIES_BUSINESS";
46233
+ var PROPERTIES_STOREFRONT_ICON = "PROPERTIES_STOREFRONT";
46234
+ var PROPERTIES_APARTMENT_ICON = "PROPERTIES_APARTMENT";
46235
+ var PROPERTIES_LAND_ICON = "PROPERTIES_LAND";
46236
+ var PROPERTIES_CAR_ICON = "PROPERTIES_CAR";
46237
+ var PROPERTIES_MOTORCYCLE_ICON = "PROPERTIES_MOTORCYCLE";
46238
+ var PROPERTIES_COMMERCIAL_AUTO_ICON = "PROPERTIES_COMMERCIAL_AUTO";
46239
+ var MISC_BILL_ICON = "MISC_SINGLE_BILL";
46240
+ var iconsMap = (_iconsMap = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, ACCOUNTS_GENERIC_ICON, function (_ref) {
46241
+ var color = _ref.color;
46242
+ return /*#__PURE__*/React.createElement(AccountGenericIcon, {
46243
+ color: color
46244
+ });
46245
+ }), ACCOUNTS_CONSTRUCTION_ICON, function (_ref2) {
46246
+ var color = _ref2.color;
46247
+ return /*#__PURE__*/React.createElement(AccountConstructionIcon, {
46248
+ color: color
46249
+ });
46250
+ }), ACCOUNTS_HEALTH_ICON, function (_ref3) {
46251
+ var color = _ref3.color;
46252
+ return /*#__PURE__*/React.createElement(AccountMedicalIcon, {
46253
+ color: color
46254
+ });
46255
+ }), ACCOUNTS_DENTAL_ICON, function (_ref4) {
46256
+ var color = _ref4.color;
46257
+ return /*#__PURE__*/React.createElement(AccountDentalIcon, {
46258
+ color: color
46259
+ });
46260
+ }), ACCOUNTS_UTILITY_ELECTRIC_ICON, function (_ref5) {
46261
+ var color = _ref5.color;
46262
+ return /*#__PURE__*/React.createElement(AccountElectricIcon, {
46263
+ color: color
46264
+ });
46265
+ }), ACCOUNTS_UTILITY_GARBAGE_ICON, function (_ref6) {
46266
+ var color = _ref6.color;
46267
+ return /*#__PURE__*/React.createElement(AccountGarbageIcon, {
46268
+ color: color
46269
+ });
46270
+ }), ACCOUNTS_UTILITY_GAS_ICON, function (_ref7) {
46271
+ var color = _ref7.color;
46272
+ return /*#__PURE__*/React.createElement(AccountGasIcon, {
46273
+ color: color
46274
+ });
46275
+ }), ACCOUNTS_UTILITY_WATER_ICON, function (_ref8) {
46276
+ var color = _ref8.color;
46277
+ return /*#__PURE__*/React.createElement(AccountWaterIcon, {
46278
+ color: color
46279
+ });
46280
+ }), PROPERTIES_PERSONAL_ICON, function (_ref9) {
46281
+ var color = _ref9.color;
46282
+ return /*#__PURE__*/React.createElement(PropertyPersonalIcon, {
46283
+ color: color
46284
+ });
46285
+ }), PROPERTIES_GARAGE_ICON, function (_ref10) {
46286
+ var color = _ref10.color;
46287
+ return /*#__PURE__*/React.createElement(PropertyGarageIcon, {
46288
+ color: color
46289
+ });
46290
+ }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_iconsMap, PROPERTIES_BUSINESS_ICON, function (_ref11) {
46291
+ var color = _ref11.color;
46292
+ return /*#__PURE__*/React.createElement(PropertyBusinessIcon, {
46293
+ color: color
46294
+ });
46295
+ }), PROPERTIES_STOREFRONT_ICON, function (_ref12) {
46296
+ var color = _ref12.color;
46297
+ return /*#__PURE__*/React.createElement(PropertyStorefrontIcon, {
46298
+ color: color
46465
46299
  });
46466
- };
46467
-
46468
- var CloseIconButton = function CloseIconButton(_ref) {
46469
- var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
46470
- _ref$hideModal = _ref.hideModal,
46471
- hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
46472
- _ref$iconWidth = _ref.iconWidth,
46473
- iconWidth = _ref$iconWidth === void 0 ? "24px" : _ref$iconWidth,
46474
- _ref$iconHeight = _ref.iconHeight,
46475
- iconHeight = _ref$iconHeight === void 0 ? "24px" : _ref$iconHeight,
46476
- _ref$ariaLabel = _ref.ariaLabel,
46477
- ariaLabel = _ref$ariaLabel === void 0 ? "Close Modal" : _ref$ariaLabel;
46478
- return /*#__PURE__*/React.createElement(ButtonWithAction, {
46479
- action: hideModal,
46480
- "aria-label": ariaLabel,
46481
- contentOverride: true,
46482
- extraStyles: "\n min-height: auto;\n min-width: auto;\n height: 1.5rem;\n margin: 0 0 0 0.5rem;\n &:focus {\n outline-offset: -3px;\n }\n ",
46483
- variant: "smallGhost"
46484
- }, /*#__PURE__*/React.createElement(CloseIcon, {
46485
- role: "img",
46486
- "aria-hidden": "true",
46487
- iconWidth: iconWidth,
46488
- iconHeight: iconHeight
46489
- }));
46490
- };
46491
-
46492
- var ContinueButton = function ContinueButton(_ref) {
46493
- var _ref$buttonExtraStyle = _ref.buttonExtraStyles,
46494
- buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
46495
- _ref$continueAction = _ref.continueAction,
46496
- continueAction = _ref$continueAction === void 0 ? noop$1 : _ref$continueAction,
46497
- _ref$continueButtonTe = _ref.continueButtonText,
46498
- continueButtonText = _ref$continueButtonTe === void 0 ? "" : _ref$continueButtonTe,
46499
- _ref$continueURL = _ref.continueURL,
46500
- continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
46501
- _ref$continueButtonVa = _ref.continueButtonVariant,
46502
- continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
46503
- _ref$isContinueAction = _ref.isContinueActionDisabled,
46504
- isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
46505
- _ref$isLoading = _ref.isLoading,
46506
- isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
46507
- _ref$isMobile = _ref.isMobile,
46508
- isMobile = _ref$isMobile === void 0 ? false : _ref$isMobile,
46509
- _ref$useDangerButton = _ref.useDangerButton,
46510
- useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
46511
- var ContinueButtonAtom = continueURL ? ButtonWithLink : ButtonWithAction;
46512
- var fontSize = "font-size: ".concat(isMobile ? FONT_SIZE.XS : FONT_SIZE.SM, ";");
46513
- var width = isMobile ? "width: 100%;" : "";
46514
- return /*#__PURE__*/React.createElement(ContinueButtonAtom, {
46515
- action: continueAction,
46516
- borderRadius: BORDER_RADIUS.MD,
46517
- className: "modal-continue-button",
46518
- dataQa: continueButtonText,
46519
- disabled: isContinueActionDisabled,
46520
- extraStyles: "".concat(buttonExtraStyles, "; margin: 0; ").concat(width),
46521
- isLoading: isLoading,
46522
- linkExtraStyles: "display: inline-block; ".concat(width),
46523
- name: continueButtonText,
46524
- role: "button",
46525
- text: continueButtonText,
46526
- textExtraStyles: "".concat(fontSize),
46527
- url: continueURL,
46528
- variant: useDangerButton ? "danger" : continueButtonVariant
46300
+ }), PROPERTIES_APARTMENT_ICON, function (_ref13) {
46301
+ var color = _ref13.color;
46302
+ return /*#__PURE__*/React.createElement(PropertyApartmentIcon, {
46303
+ color: color
46529
46304
  });
46530
- };
46305
+ }), PROPERTIES_LAND_ICON, function (_ref14) {
46306
+ var color = _ref14.color;
46307
+ return /*#__PURE__*/React.createElement(PropertyLandIcon, {
46308
+ color: color
46309
+ });
46310
+ }), PROPERTIES_CAR_ICON, function (_ref15) {
46311
+ var color = _ref15.color;
46312
+ return /*#__PURE__*/React.createElement(PropertyCarIcon, {
46313
+ color: color
46314
+ });
46315
+ }), PROPERTIES_MOTORCYCLE_ICON, function (_ref16) {
46316
+ var color = _ref16.color;
46317
+ return /*#__PURE__*/React.createElement(PropertyMotorcycleIcon, {
46318
+ color: color
46319
+ });
46320
+ }), PROPERTIES_COMMERCIAL_AUTO_ICON, function (_ref17) {
46321
+ var color = _ref17.color;
46322
+ return /*#__PURE__*/React.createElement(PropertyCommercialVehicleIcon, {
46323
+ color: color
46324
+ });
46325
+ }), MISC_BILL_ICON, function (_ref18) {
46326
+ var color = _ref18.color;
46327
+ return /*#__PURE__*/React.createElement(AccountBillIcon, {
46328
+ color: color
46329
+ });
46330
+ }));
46531
46331
 
46532
- /*
46533
- Default Modal molecule
46534
- Uses react-aria-modal behind the scenes for a11y purposes
46535
- Styling accomplished with our atoms / layout primitives
46332
+ var disabledBackgroundColor$1 = TRANSPARENT;
46333
+ var disabledBorderColor$1 = GHOST_GREY;
46334
+ var disabledColor$1 = MANATEE_GREY;
46335
+ var activeBackgroundColor$1 = CORNFLOWER_BLUE;
46336
+ var backgroundColor$a = LINK_WATER;
46337
+ var borderColor$5 = MOON_RAKER;
46338
+ var color$b = ROYAL_BLUE_VIVID;
46339
+ var fallbackValues$L = {
46340
+ disabledBackgroundColor: disabledBackgroundColor$1,
46341
+ disabledBorderColor: disabledBorderColor$1,
46342
+ disabledColor: disabledColor$1,
46343
+ activeBackgroundColor: activeBackgroundColor$1,
46344
+ backgroundColor: backgroundColor$a,
46345
+ borderColor: borderColor$5,
46346
+ color: color$b
46347
+ };
46536
46348
 
46537
- Cancel button will (for now) always use hideModal as its action
46538
- Continue button takes an action, if you want to navigate to
46539
- a different route (as with a link) connect() and use "push" from @thecb/connected-react-router
46540
- */
46349
+ var Container = styled(Box).withConfig({
46350
+ displayName: "LinkCardstyled__Container",
46351
+ componentId: "sc-l5q1h2-0"
46352
+ })(["display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:40px;flex-shrink:0;align-self:stretch;border-radius:8px;", " transition:all .2s ease-in-out;", ""], function (_ref) {
46353
+ var isDisabled = _ref.isDisabled,
46354
+ theme = _ref.theme;
46355
+ return "\n background-color: ".concat(isDisabled ? theme.disabledBackgroundColor : theme.backgroundColor, ";\n border: 1px solid ").concat(isDisabled ? theme.disabledBorderColor : theme.borderColor, ";\n ");
46356
+ }, function (_ref2) {
46357
+ var isDisabled = _ref2.isDisabled,
46358
+ theme = _ref2.theme;
46359
+ return isDisabled ? "\n &:hover,\n &:active {\n cursor: default;\n box-shadow: none;\n border: 1px solid ".concat(theme.disabledBorderColor, ";\n }\n ") : "\n &:hover,\n &:active {\n cursor: pointer;\n box-shadow: 0px 0px 0px 0px rgba(41, 42, 51, 0.1),\n 0px 5px 11px 0px rgba(41, 42, 51, 0.1),\n 0px 4px 19px 0px rgba(41, 42, 51, 0.09),\n 0px 27px 26px 0px rgba(41, 42, 51, 0.05),\n 0px 56px 31px 0px rgba(41, 42, 51, 0.01),\n 0px 80px 33px 0px rgba(41, 42, 51, 0);\n }\n\n &:hover:not(:active) {\n border: 1px solid ".concat(theme.borderColor, ";\n }\n\n &:active {\n background-color: ").concat(theme.activeBackgroundColor, ";\n border: 1px solid ").concat(theme.borderColor, ";\n }\n ");
46360
+ });
46361
+ var Title$2 = styled(Heading$1).withConfig({
46362
+ displayName: "LinkCardstyled__Title",
46363
+ componentId: "sc-l5q1h2-1"
46364
+ })(["display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:150%;background-color:transparent;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref3) {
46365
+ var isDisabled = _ref3.isDisabled,
46366
+ theme = _ref3.theme;
46367
+ return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
46368
+ });
46369
+ var Subtitle = styled(Paragraph$1).withConfig({
46370
+ displayName: "LinkCardstyled__Subtitle",
46371
+ componentId: "sc-l5q1h2-2"
46372
+ })(["overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;font-size:14px;line-height:150%;letter-spacing:0.14px;font-weight:", ";", ";"], FONT_WEIGHT_SEMIBOLD, function (_ref4) {
46373
+ var isDisabled = _ref4.isDisabled,
46374
+ theme = _ref4.theme;
46375
+ return "color: ".concat(isDisabled ? theme.disabledColor : theme.color, ";");
46376
+ });
46377
+ var Footer = styled(Stack).withConfig({
46378
+ displayName: "LinkCardstyled__Footer",
46379
+ componentId: "sc-l5q1h2-3"
46380
+ })(["align-items:center;width:100%;"]);
46541
46381
 
46542
- var getApplicationNode$1 = function getApplicationNode() {
46543
- return document.getElementById("root");
46544
- };
46545
- var Modal$2 = function Modal(_ref) {
46546
- var _ref$blurUnderlay = _ref.blurUnderlay,
46547
- blurUnderlay = _ref$blurUnderlay === void 0 ? true : _ref$blurUnderlay,
46548
- _ref$buttonExtraStyle = _ref.buttonExtraStyles,
46549
- buttonExtraStyles = _ref$buttonExtraStyle === void 0 ? "" : _ref$buttonExtraStyle,
46550
- _ref$cancelAction = _ref.cancelAction,
46551
- cancelAction = _ref$cancelAction === void 0 ? noop$1 : _ref$cancelAction,
46552
- _ref$cancelButtonText = _ref.cancelButtonText,
46553
- cancelButtonText = _ref$cancelButtonText === void 0 ? "Cancel" : _ref$cancelButtonText,
46554
- _ref$cancelButtonVari = _ref.cancelButtonVariant,
46555
- cancelButtonVariant = _ref$cancelButtonVari === void 0 ? "secondary" : _ref$cancelButtonVari,
46556
- _ref$children = _ref.children,
46557
- children = _ref$children === void 0 ? [] : _ref$children,
46558
- _ref$closeButtonText = _ref.closeButtonText,
46559
- closeButtonText = _ref$closeButtonText === void 0 ? "Close" : _ref$closeButtonText,
46560
- _ref$closeButtonVaria = _ref.closeButtonVariant,
46561
- closeButtonVariant = _ref$closeButtonVaria === void 0 ? "primary" : _ref$closeButtonVaria,
46562
- _ref$continueAction = _ref.continueAction,
46563
- continueAction = _ref$continueAction === void 0 ? noop$1 : _ref$continueAction,
46564
- _ref$continueButtonTe = _ref.continueButtonText,
46565
- continueButtonText = _ref$continueButtonTe === void 0 ? "Continue" : _ref$continueButtonTe,
46566
- _ref$continueButtonVa = _ref.continueButtonVariant,
46567
- continueButtonVariant = _ref$continueButtonVa === void 0 ? "primary" : _ref$continueButtonVa,
46568
- _ref$continueURL = _ref.continueURL,
46569
- continueURL = _ref$continueURL === void 0 ? "" : _ref$continueURL,
46570
- _ref$customWidth = _ref.customWidth,
46571
- customWidth = _ref$customWidth === void 0 ? "" : _ref$customWidth,
46572
- _ref$dataQa = _ref.dataQa,
46573
- dataQa = _ref$dataQa === void 0 ? null : _ref$dataQa,
46574
- _ref$defaultWrapper = _ref.defaultWrapper,
46575
- defaultWrapper = _ref$defaultWrapper === void 0 ? true : _ref$defaultWrapper,
46576
- _ref$hideModal = _ref.hideModal,
46577
- hideModal = _ref$hideModal === void 0 ? noop$1 : _ref$hideModal,
46578
- _ref$initialFocusSele = _ref.initialFocusSelector,
46579
- initialFocusSelector = _ref$initialFocusSele === void 0 ? "" : _ref$initialFocusSele,
46580
- _ref$isContinueAction = _ref.isContinueActionDisabled,
46581
- isContinueActionDisabled = _ref$isContinueAction === void 0 ? false : _ref$isContinueAction,
46582
- _ref$isLoading = _ref.isLoading,
46583
- isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
46584
- _ref$maxHeight = _ref.maxHeight,
46585
- maxHeight = _ref$maxHeight === void 0 ? "" : _ref$maxHeight,
46586
- _ref$modalBodyBg = _ref.modalBodyBg,
46587
- modalBodyBg = _ref$modalBodyBg === void 0 ? "" : _ref$modalBodyBg,
46588
- _ref$modalBodyText = _ref.modalBodyText,
46589
- modalBodyText = _ref$modalBodyText === void 0 ? "" : _ref$modalBodyText,
46590
- _ref$modalHeaderBg = _ref.modalHeaderBg,
46591
- modalHeaderBg = _ref$modalHeaderBg === void 0 ? "" : _ref$modalHeaderBg,
46592
- _ref$modalHeaderText = _ref.modalHeaderText,
46593
- modalHeaderText = _ref$modalHeaderText === void 0 ? "" : _ref$modalHeaderText,
46594
- _ref$modalOpen = _ref.modalOpen,
46595
- modalOpen = _ref$modalOpen === void 0 ? false : _ref$modalOpen,
46596
- _ref$noButtons = _ref.noButtons,
46597
- noButtons = _ref$noButtons === void 0 ? false : _ref$noButtons,
46598
- _ref$onExit = _ref.onExit,
46599
- onExit = _ref$onExit === void 0 ? hideModal : _ref$onExit,
46600
- _ref$onlyCloseButton = _ref.onlyCloseButton,
46601
- onlyCloseButton = _ref$onlyCloseButton === void 0 ? false : _ref$onlyCloseButton,
46602
- _ref$onlyContinueButt = _ref.onlyContinueButton,
46603
- onlyContinueButton = _ref$onlyContinueButt === void 0 ? false : _ref$onlyContinueButt,
46604
- _ref$showCloseIconBut = _ref.showCloseIconButton,
46605
- showCloseIconButton = _ref$showCloseIconBut === void 0 ? false : _ref$showCloseIconBut,
46606
- _ref$underlayClickExi = _ref.underlayClickExits,
46607
- underlayClickExits = _ref$underlayClickExi === void 0 ? true : _ref$underlayClickExi,
46608
- _ref$useDangerButton = _ref.useDangerButton,
46609
- useDangerButton = _ref$useDangerButton === void 0 ? false : _ref$useDangerButton;
46382
+ var LinkCard = function LinkCard(_ref) {
46383
+ var _ref$title = _ref.title,
46384
+ title = _ref$title === void 0 ? "Test Workflow" : _ref$title,
46385
+ _ref$subtitle = _ref.subtitle,
46386
+ subtitle = _ref$subtitle === void 0 ? "Link your benefit plan" : _ref$subtitle,
46387
+ showLeft = _ref.showLeft,
46388
+ leftContent = _ref.leftContent,
46389
+ showRight = _ref.showRight,
46390
+ rightContent = _ref.rightContent,
46391
+ onClick = _ref.onClick,
46392
+ _ref$extraStyles = _ref.extraStyles,
46393
+ extraStyles = _ref$extraStyles === void 0 ? "" : _ref$extraStyles,
46394
+ _ref$extraHoverStyles = _ref.extraHoverStyles,
46395
+ extraHoverStyles = _ref$extraHoverStyles === void 0 ? "" : _ref$extraHoverStyles,
46396
+ _ref$extraActiveStyle = _ref.extraActiveStyles,
46397
+ extraActiveStyles = _ref$extraActiveStyle === void 0 ? "" : _ref$extraActiveStyle,
46398
+ themeValues = _ref.themeValues,
46399
+ _ref$titleVariant = _ref.titleVariant,
46400
+ titleVariant = _ref$titleVariant === void 0 ? "h3" : _ref$titleVariant,
46401
+ _ref$disabled = _ref.disabled,
46402
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled;
46610
46403
  var _useContext = useContext(ThemeContext),
46611
46404
  isMobile = _useContext.isMobile;
46612
-
46613
- // `AriaModal` uses `focus-trap` as a transient dependency. It automatically looks
46614
- // for a tabbable node when the modal mounts. When it doesn't find one, it looks to
46615
- // the `fallbackFocus` option. However, React does not guarantee the ref supplied to
46616
- // this option will be populated on initial render when `focus-trap` is checking
46617
- // these option. When there are no buttons in the modal, this causes an error.
46618
- // Because `focus-trap` cannot be disabled, the ref itself requires a default value
46619
- // to satisfy `focus-trap` until React populates it with the real ref value.
46620
- //
46621
- // See:
46622
- // - https://react.dev/reference/react/useRef#caveats
46623
- // - https://github.com/davidtheclark/react-aria-modal/pull/103
46624
- // - https://github.com/focus-trap/focus-trap?tab=readme-ov-file#createoptions
46625
- var modalContainerRef = useRef("#react-aria-modal-dialog");
46626
- var hasCloseButton = onlyCloseButton && !noButtons;
46627
- var hasCancelButton = !onlyContinueButton && !onlyCloseButton && !noButtons;
46628
- var hasContinueButton = onlyContinueButton && !noButtons || !onlyCloseButton && !noButtons;
46629
- return /*#__PURE__*/React.createElement("div", {
46630
- ref: modalContainerRef,
46631
- tabIndex: "-1",
46632
- "data-qa": dataQa
46633
- }, modalOpen && /*#__PURE__*/React.createElement(reactAriaModal, {
46634
- focusTrapOptions: {
46635
- // fallback to resolve Jest unit test errors when tabbable doesn't exist in jsdom https://github.com/focus-trap/focus-trap-react/issues/91
46636
- fallbackFocus: modalContainerRef === null || modalContainerRef === void 0 ? void 0 : modalContainerRef.current
46637
- },
46638
- onExit: onExit,
46639
- getApplicationNode: getApplicationNode$1,
46640
- titleText: modalHeaderText,
46641
- underlayStyle: {
46642
- display: "flex",
46643
- flexDirection: "column",
46644
- justifyContent: "center",
46645
- alignItems: "center",
46646
- background: "rgba(41, 42, 51, 0.45)",
46647
- backdropFilter: blurUnderlay ? "blur(4px)" : "none",
46648
- WebkitBackdropFilter: blurUnderlay ? "blur(4px)" : "none"
46649
- },
46650
- dialogStyle: {
46651
- borderRadius: BORDER_RADIUS.MD,
46652
- margin: SPACING.XS,
46653
- overflow: "auto",
46654
- width: isMobile ? "" : customWidth || "576px"
46405
+ var regex = /\W/g;
46406
+ var locatorSlug = title.toLowerCase().replaceAll(regex, "-");
46407
+ return /*#__PURE__*/React.createElement(Container, {
46408
+ borderRadius: "8px",
46409
+ dataQa: "link-card-".concat(locatorSlug),
46410
+ width: "100%",
46411
+ maxWidth: isMobile ? "100%" : "288px",
46412
+ minWidth: isMobile ? "240px" : "288px",
46413
+ minHeight: "141px",
46414
+ padding: "24px",
46415
+ theme: themeValues,
46416
+ extraStyles: extraStyles,
46417
+ hoverStyles: extraHoverStyles,
46418
+ activeStyles: extraActiveStyles,
46419
+ onClick: disabled ? noop$1 : onClick,
46420
+ "aria-disabled": disabled,
46421
+ isDisabled: disabled,
46422
+ role: "group",
46423
+ "aria-label": "".concat(title, ", ").concat(subtitle)
46424
+ }, /*#__PURE__*/React.createElement(Stack, {
46425
+ childGap: 0,
46426
+ bottomItem: 3,
46427
+ justify: "space-between",
46428
+ style: {
46429
+ width: "100%"
46655
46430
  },
46656
- underlayClickExits: underlayClickExits,
46657
- "aria-modal": true,
46658
- initialFocus: initialFocusSelector,
46659
- focusDialog: !initialFocusSelector // Focus the dialogue box itself if no selector for initial focus was provided
46431
+ fullHeight: true
46660
46432
  }, /*#__PURE__*/React.createElement(Box, {
46433
+ padding: 0,
46434
+ width: "100%"
46435
+ }, /*#__PURE__*/React.createElement(Title$2, {
46436
+ variant: titleVariant,
46437
+ theme: themeValues,
46438
+ margin: 0,
46439
+ isDisabled: disabled
46440
+ }, title)), /*#__PURE__*/React.createElement(Box, {
46441
+ padding: "0 0 40px",
46442
+ width: "100%"
46443
+ }, /*#__PURE__*/React.createElement(Subtitle, {
46444
+ variant: "pS",
46445
+ theme: themeValues,
46446
+ isDisabled: disabled
46447
+ }, subtitle)), /*#__PURE__*/React.createElement(Box, {
46448
+ background: "transparent",
46449
+ borderWidthOverride: "0 0 0 0",
46661
46450
  padding: "0",
46662
- boxShadow: "inset 0px -2px 0px 0px rgb(0, 80, 149)"
46663
- }, /*#__PURE__*/React.createElement(Box, {
46664
- background: modalHeaderBg || WHITE,
46665
- borderColor: SILVER_GREY,
46666
- borderWidthOverride: "0 0 ".concat(BORDER_THIN, " 0"),
46667
- padding: "".concat(SPACING.XS, " ").concat(SPACING.MD)
46668
- }, /*#__PURE__*/React.createElement(Cluster, {
46669
- justify: showCloseIconButton ? "space-between" : "flex-start",
46670
- align: showCloseIconButton && isMobile ? "flex-start" : "center",
46671
- nowrap: true
46672
- }, /*#__PURE__*/React.createElement(Title$1, {
46673
- as: "h2",
46674
- weight: FONT_WEIGHT_SEMIBOLD,
46675
- fontSize: isMobile ? FONT_SIZE.MD : FONT_SIZE.LG
46676
- }, modalHeaderText), showCloseIconButton && /*#__PURE__*/React.createElement(CloseIconButton, {
46677
- hideModal: hideModal,
46678
- iconHeight: isMobile ? "20px" : "24px",
46679
- iconWidth: isMobile ? "20px" : "24px"
46680
- }))), /*#__PURE__*/React.createElement(Box, {
46681
- background: modalBodyBg || ATHENS_GREY,
46682
- padding: "0"
46683
- }, /*#__PURE__*/React.createElement(Box, {
46684
- padding: SPACING.MD,
46685
- borderWidthOverride: !noButtons && "0 0 ".concat(BORDER_THIN, " 0"),
46686
- borderColor: !noButtons && SILVER_GREY,
46687
- extraStyles: maxHeight ? "max-height: ".concat(maxHeight, "; overflow: auto;") : ""
46688
- }, defaultWrapper ? /*#__PURE__*/React.createElement(Paragraph$1, {
46689
- variant: isMobile ? "pS" : "p"
46690
- }, modalBodyText) : /*#__PURE__*/React.createElement(Box, {
46691
- padding: maxHeight ? "0 0 ".concat(SPACING.XS, " 0") : "0"
46692
- }, modalBodyText)), noButtons ? /*#__PURE__*/React.createElement(React.Fragment, null) : /*#__PURE__*/React.createElement(ButtonLayoutWrapper, {
46693
- isMobile: isMobile
46694
- }, [hasCancelButton && /*#__PURE__*/React.createElement(CancelButton, {
46695
- buttonExtraStyles: buttonExtraStyles,
46696
- cancelAction: cancelAction,
46697
- cancelButtonText: cancelButtonText,
46698
- cancelButtonVariant: cancelButtonVariant,
46699
- hideModal: hideModal,
46700
- isMobile: isMobile,
46701
- key: "cancel"
46702
- }), hasContinueButton && /*#__PURE__*/React.createElement(ContinueButton, {
46703
- buttonExtraStyles: buttonExtraStyles,
46704
- continueAction: continueAction,
46705
- continueButtonText: continueButtonText,
46706
- continueURL: continueURL,
46707
- continueButtonVariant: continueButtonVariant,
46708
- isContinueActionDisabled: isContinueActionDisabled,
46709
- isLoading: isLoading,
46710
- isMobile: isMobile,
46711
- key: "continue",
46712
- useDangerButton: useDangerButton
46713
- }), hasCloseButton && /*#__PURE__*/React.createElement(CloseButton, {
46714
- buttonExtraStyles: buttonExtraStyles,
46715
- closeButtonText: closeButtonText,
46716
- closeButtonVariant: closeButtonVariant,
46717
- hideModal: hideModal,
46718
- isMobile: isMobile,
46719
- key: "close"
46720
- })].filter(function (button) {
46721
- return button;
46722
- }))))), children);
46451
+ width: "100%"
46452
+ }, /*#__PURE__*/React.createElement(Footer, {
46453
+ direction: "row",
46454
+ childGap: "6px",
46455
+ justify: "space-between"
46456
+ }, showLeft && !!leftContent ? leftContent : /*#__PURE__*/React.createElement(Box, {
46457
+ extraStyles: "margin-right: auto;"
46458
+ }), showRight && !!rightContent && rightContent))));
46723
46459
  };
46724
- var ModalControlV2 = withWindowSize(Modal$2);
46460
+ var LinkCard$1 = themeComponent(LinkCard, "LinkCard", fallbackValues$L, "primary");
46725
46461
 
46726
- var _excluded$F = ["version"];
46727
- var Modal$3 = function Modal(_ref) {
46728
- var _ref$version = _ref.version,
46729
- version = _ref$version === void 0 ? "v1" : _ref$version,
46730
- rest = _objectWithoutProperties(_ref, _excluded$F);
46731
- var ModalControl = version === "v1" ? Modal$1 : ModalControlV2;
46732
- return /*#__PURE__*/React.createElement(ModalControl, rest);
46462
+ var LoginForm = function LoginForm(_ref) {
46463
+ var clearOnDismount = _ref.clearOnDismount,
46464
+ fields = _ref.fields,
46465
+ actions = _ref.actions,
46466
+ showErrors = _ref.showErrors,
46467
+ _ref$handleSubmit = _ref.handleSubmit,
46468
+ handleSubmit = _ref$handleSubmit === void 0 ? noop$1 : _ref$handleSubmit;
46469
+ if (clearOnDismount) {
46470
+ useEffect$1(function () {
46471
+ return function () {
46472
+ return actions.form.clear();
46473
+ };
46474
+ }, []);
46475
+ }
46476
+ var emailErrorMessages = _defineProperty(_defineProperty({}, required.error, "Email address is required"), isProbablyEmail.error, "Invalid email address");
46477
+ var passwordErrorMessages = _defineProperty({}, required.error, "Password is required");
46478
+ return /*#__PURE__*/React.createElement(FormInputColumn, {
46479
+ role: "form",
46480
+ "aria-label": "Login"
46481
+ }, /*#__PURE__*/React.createElement(FormInput$1, {
46482
+ labelTextWhenNoError: "Email address",
46483
+ errorMessages: emailErrorMessages,
46484
+ type: "email",
46485
+ field: fields.email,
46486
+ fieldActions: actions.fields.email,
46487
+ showErrors: showErrors,
46488
+ onKeyDown: function onKeyDown(e) {
46489
+ return e.key === "Enter" && handleSubmit(e);
46490
+ },
46491
+ isEmail: true,
46492
+ autocompleteValue: "email"
46493
+ }), /*#__PURE__*/React.createElement(FormInput$1, {
46494
+ labelTextWhenNoError: "Password",
46495
+ errorMessages: passwordErrorMessages,
46496
+ type: "password",
46497
+ field: fields.password,
46498
+ fieldActions: actions.fields.password,
46499
+ showErrors: showErrors,
46500
+ onKeyDown: function onKeyDown(e) {
46501
+ return e.key === "Enter" && handleSubmit(e);
46502
+ },
46503
+ autocompleteValue: "current-password"
46504
+ }));
46505
+ };
46506
+
46507
+ var formConfig$5 = {
46508
+ email: {
46509
+ validators: [required(), isProbablyEmail()]
46510
+ },
46511
+ password: {
46512
+ validators: [required()]
46513
+ }
46733
46514
  };
46515
+ var _createFormState$5 = createFormState(formConfig$5),
46516
+ reducer$5 = _createFormState$5.reducer,
46517
+ mapStateToProps$6 = _createFormState$5.mapStateToProps,
46518
+ mapDispatchToProps$5 = _createFormState$5.mapDispatchToProps;
46519
+
46520
+ LoginForm.reducer = reducer$5;
46521
+ LoginForm.mapStateToProps = mapStateToProps$6;
46522
+ LoginForm.mapDispatchToProps = mapDispatchToProps$5;
46734
46523
 
46735
46524
  var backgroundColor$b = {
46736
46525
  profile: "#3b414d",
@@ -51457,6 +51246,44 @@ var useFocusInvalidInput = function useFocusInvalidInput(hasErrors) {
51457
51246
  });
51458
51247
  };
51459
51248
 
51249
+ var useLogoutTimers = function useLogoutTimers(_ref) {
51250
+ var _ref$logoutTimerOn = _ref.logoutTimerOn,
51251
+ logoutTimerOn = _ref$logoutTimerOn === void 0 ? false : _ref$logoutTimerOn,
51252
+ action = _ref.action,
51253
+ timeLeftToLogout = _ref.timeLeftToLogout,
51254
+ handleSetTimeLeft = _ref.handleSetTimeLeft,
51255
+ _ref$initialTimeLeftT = _ref.initialTimeLeftToLogout,
51256
+ initialTimeLeftToLogout = _ref$initialTimeLeftT === void 0 ? 30 : _ref$initialTimeLeftT;
51257
+ var timers = {
51258
+ timer: null,
51259
+ interval: null
51260
+ };
51261
+ var timeLeft = timeLeftToLogout;
51262
+ useEffect$1(function () {
51263
+ if (logoutTimerOn) {
51264
+ timers.timer = window.setTimeout(function () {
51265
+ action();
51266
+ handleSetTimeLeft(initialTimeLeftToLogout);
51267
+ }, initialTimeLeftToLogout * 1000);
51268
+ }
51269
+ return function () {
51270
+ return clearTimeout(timers.timer);
51271
+ };
51272
+ }, [logoutTimerOn]);
51273
+ useEffect$1(function () {
51274
+ if (logoutTimerOn) {
51275
+ timers.interval = window.setInterval(function () {
51276
+ timeLeft--;
51277
+ handleSetTimeLeft(timeLeft);
51278
+ }, 1000);
51279
+ }
51280
+ return function () {
51281
+ return clearInterval(timers.interval);
51282
+ };
51283
+ }, [logoutTimerOn]);
51284
+ return timers;
51285
+ };
51286
+
51460
51287
 
51461
51288
 
51462
51289
  var index$6 = /*#__PURE__*/Object.freeze({
@@ -51466,8 +51293,9 @@ var index$6 = /*#__PURE__*/Object.freeze({
51466
51293
  theme: themeUtils,
51467
51294
  useFocusInvalidInput: useFocusInvalidInput,
51468
51295
  useOutsideClick: useOutsideClickHook,
51469
- useToastNotification: useToastNotification
51296
+ useToastNotification: useToastNotification,
51297
+ useLogoutTimers: useLogoutTimers
51470
51298
  });
51471
51299
 
51472
- 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, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CaretArrowDown$1 as CaretArrowDown, CaretArrowUp$1 as CaretArrowUp, CarrotIcon$1 as CarrotIcon, CashIcon, 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, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisabledAccountsAddIcon, DisabledPaymentMethodsAddIcon, DisabledPropertiesAddIcon, DisplayBox$1 as DisplayBox, DisplayCard, 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, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, HighlightTabRow$1 as HighlightTabRow, HistoryIconSmall$1 as HistoryIconSmall, IconAdd, IconQuitLarge, ImageBox, Imposter, InternalLink, Jumbo$1 as Jumbo, KebabMenuIcon, KioskImage, LabeledAmount$1 as LabeledAmount, LineItem$1 as LineItem, LinkCard$1 as LinkCard, Loading, LoadingLine, LoginForm, 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, 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, PointOfSaleImage, 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, 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, TrashIcon$1 as TrashIcon, TrashIconV2$1 as TrashIconV2, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WalletName, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$4 as constants, createPartialAmountFormState, createPartialAmountFormValidators, index$5 as hooks, index$6 as util, withWindowSize };
51300
+ 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, AmountCallout$1 as AmountCallout, ArrowDownCircleIconSmall, ArrowLeftCircleIconMedium, ArrowLeftCircleIconSmall, ArrowRightCircleIconSmall, ArrowRightIcon, ArrowUpCircleIconSmall, AutopayIcon, AutopayOnIcon, Badge$1 as Badge, BankIcon, BankIconLarge, Banner$1 as Banner, Box, BoxWithShadow$1 as BoxWithShadow, Breadcrumbs as Breadcrumb, ButtonWithAction, ButtonWithLink, CalendarIcon, Card$1 as Card, CaretArrowDown$1 as CaretArrowDown, CaretArrowUp$1 as CaretArrowUp, CarrotIcon$1 as CarrotIcon, CashIcon, 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, Copyable, CountryDropdown, Cover, CustomerSearchIcon, DefaultPageTemplate, Detail$1 as Detail, DisabledAccountsAddIcon, DisabledPaymentMethodsAddIcon, DisabledPropertiesAddIcon, DisplayBox$1 as DisplayBox, DisplayCard, 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, FormattedAddress$1 as FormattedAddress, FormattedBankAccount$1 as FormattedBankAccount, FormattedCreditCard$1 as FormattedCreditCard, Frame, GenericCard, GenericCardLarge, GenericErrorIcon, GoToEmailIcon$1 as GoToEmailIcon, Grid, GuidedCheckoutImage, HamburgerButton, Heading$1 as Heading, 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, 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, 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, PointOfSaleImage, 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, 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, TrashIcon$1 as TrashIcon, TrashIconV2$1 as TrashIconV2, TypeaheadInput, VerifiedEmailIcon$1 as VerifiedEmailIcon, VoidedIcon, WalletBannerIcon$1 as WalletBannerIcon, WalletIcon$1 as WalletIcon, WalletIconSmall$1 as WalletIconSmall, WalletName, WarningIconXS, WelcomeModule$1 as WelcomeModule, WorkflowTile, XCircleIconMedium, XCircleIconSmall, cardRegistry, index$4 as constants, createPartialAmountFormState, createPartialAmountFormValidators, index$5 as hooks, index$6 as util, withWindowSize };
51473
51301
  //# sourceMappingURL=index.esm.js.map