@thecb/components 5.8.1 → 5.8.2-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.
package/dist/index.cjs.js CHANGED
@@ -39255,6 +39255,1086 @@ var fallbackValues$z = {
39255
39255
  modalLinkHoverFocus: modalLinkHoverFocus
39256
39256
  };
39257
39257
 
39258
+ /*
39259
+ object-assign
39260
+ (c) Sindre Sorhus
39261
+ @license MIT
39262
+ */
39263
+ /* eslint-disable no-unused-vars */
39264
+ var getOwnPropertySymbols = Object.getOwnPropertySymbols;
39265
+ var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
39266
+ var propIsEnumerable = Object.prototype.propertyIsEnumerable;
39267
+
39268
+ function toObject(val) {
39269
+ if (val === null || val === undefined) {
39270
+ throw new TypeError('Object.assign cannot be called with null or undefined');
39271
+ }
39272
+
39273
+ return Object(val);
39274
+ }
39275
+
39276
+ function shouldUseNative() {
39277
+ try {
39278
+ if (!Object.assign) {
39279
+ return false;
39280
+ }
39281
+
39282
+ // Detect buggy property enumeration order in older V8 versions.
39283
+
39284
+ // https://bugs.chromium.org/p/v8/issues/detail?id=4118
39285
+ var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
39286
+ test1[5] = 'de';
39287
+ if (Object.getOwnPropertyNames(test1)[0] === '5') {
39288
+ return false;
39289
+ }
39290
+
39291
+ // https://bugs.chromium.org/p/v8/issues/detail?id=3056
39292
+ var test2 = {};
39293
+ for (var i = 0; i < 10; i++) {
39294
+ test2['_' + String.fromCharCode(i)] = i;
39295
+ }
39296
+ var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
39297
+ return test2[n];
39298
+ });
39299
+ if (order2.join('') !== '0123456789') {
39300
+ return false;
39301
+ }
39302
+
39303
+ // https://bugs.chromium.org/p/v8/issues/detail?id=3056
39304
+ var test3 = {};
39305
+ 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
39306
+ test3[letter] = letter;
39307
+ });
39308
+ if (Object.keys(Object.assign({}, test3)).join('') !==
39309
+ 'abcdefghijklmnopqrst') {
39310
+ return false;
39311
+ }
39312
+
39313
+ return true;
39314
+ } catch (err) {
39315
+ // We don't expect any of the above to throw, but better to be safe.
39316
+ return false;
39317
+ }
39318
+ }
39319
+
39320
+ var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
39321
+ var from;
39322
+ var to = toObject(target);
39323
+ var symbols;
39324
+
39325
+ for (var s = 1; s < arguments.length; s++) {
39326
+ from = Object(arguments[s]);
39327
+
39328
+ for (var key in from) {
39329
+ if (hasOwnProperty$1.call(from, key)) {
39330
+ to[key] = from[key];
39331
+ }
39332
+ }
39333
+
39334
+ if (getOwnPropertySymbols) {
39335
+ symbols = getOwnPropertySymbols(from);
39336
+ for (var i = 0; i < symbols.length; i++) {
39337
+ if (propIsEnumerable.call(from, symbols[i])) {
39338
+ to[symbols[i]] = from[symbols[i]];
39339
+ }
39340
+ }
39341
+ }
39342
+ }
39343
+
39344
+ return to;
39345
+ };
39346
+
39347
+ var scheduler_production_min = createCommonjsModule(function (module, exports) {
39348
+ var f,g,h,k,l;
39349
+ if("undefined"===typeof window||"function"!==typeof MessageChannel){var p=null,q=null,t=function(){if(null!==p)try{var a=exports.unstable_now();p(!0,a);p=null;}catch(b){throw setTimeout(t,0),b;}},u=Date.now();exports.unstable_now=function(){return Date.now()-u};f=function(a){null!==p?setTimeout(f,0,a):(p=a,setTimeout(t,0));};g=function(a,b){q=setTimeout(a,b);};h=function(){clearTimeout(q);};k=function(){return !1};l=exports.unstable_forceFrameRate=function(){};}else {var w=window.performance,x=window.Date,
39350
+ y=window.setTimeout,z=window.clearTimeout;if("undefined"!==typeof console){var A=window.cancelAnimationFrame;"function"!==typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills");"function"!==typeof A&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills");}if("object"===
39351
+ typeof w&&"function"===typeof w.now)exports.unstable_now=function(){return w.now()};else {var B=x.now();exports.unstable_now=function(){return x.now()-B};}var C=!1,D=null,E=-1,F=5,G=0;k=function(){return exports.unstable_now()>=G};l=function(){};exports.unstable_forceFrameRate=function(a){0>a||125<a?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):F=0<a?Math.floor(1E3/a):5;};var H=new MessageChannel,I=H.port2;H.port1.onmessage=
39352
+ function(){if(null!==D){var a=exports.unstable_now();G=a+F;try{D(!0,a)?I.postMessage(null):(C=!1,D=null);}catch(b){throw I.postMessage(null),b;}}else C=!1;};f=function(a){D=a;C||(C=!0,I.postMessage(null));};g=function(a,b){E=y(function(){a(exports.unstable_now());},b);};h=function(){z(E);E=-1;};}function J(a,b){var c=a.length;a.push(b);a:for(;;){var d=c-1>>>1,e=a[d];if(void 0!==e&&0<K(e,b))a[d]=b,a[c]=e,c=d;else break a}}function L(a){a=a[0];return void 0===a?null:a}
39353
+ function M(a){var b=a[0];if(void 0!==b){var c=a.pop();if(c!==b){a[0]=c;a:for(var d=0,e=a.length;d<e;){var m=2*(d+1)-1,n=a[m],v=m+1,r=a[v];if(void 0!==n&&0>K(n,c))void 0!==r&&0>K(r,n)?(a[d]=r,a[v]=c,d=v):(a[d]=n,a[m]=c,d=m);else if(void 0!==r&&0>K(r,c))a[d]=r,a[v]=c,d=v;else break a}}return b}return null}function K(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}var N=[],O=[],P=1,Q=null,R=3,S=!1,T=!1,U=!1;
39354
+ function V(a){for(var b=L(O);null!==b;){if(null===b.callback)M(O);else if(b.startTime<=a)M(O),b.sortIndex=b.expirationTime,J(N,b);else break;b=L(O);}}function W(a){U=!1;V(a);if(!T)if(null!==L(N))T=!0,f(X);else {var b=L(O);null!==b&&g(W,b.startTime-a);}}
39355
+ function X(a,b){T=!1;U&&(U=!1,h());S=!0;var c=R;try{V(b);for(Q=L(N);null!==Q&&(!(Q.expirationTime>b)||a&&!k());){var d=Q.callback;if(null!==d){Q.callback=null;R=Q.priorityLevel;var e=d(Q.expirationTime<=b);b=exports.unstable_now();"function"===typeof e?Q.callback=e:Q===L(N)&&M(N);V(b);}else M(N);Q=L(N);}if(null!==Q)var m=!0;else {var n=L(O);null!==n&&g(W,n.startTime-b);m=!1;}return m}finally{Q=null,R=c,S=!1;}}
39356
+ function Y(a){switch(a){case 1:return -1;case 2:return 250;case 5:return 1073741823;case 4:return 1E4;default:return 5E3}}var Z=l;exports.unstable_IdlePriority=5;exports.unstable_ImmediatePriority=1;exports.unstable_LowPriority=4;exports.unstable_NormalPriority=3;exports.unstable_Profiling=null;exports.unstable_UserBlockingPriority=2;exports.unstable_cancelCallback=function(a){a.callback=null;};exports.unstable_continueExecution=function(){T||S||(T=!0,f(X));};
39357
+ exports.unstable_getCurrentPriorityLevel=function(){return R};exports.unstable_getFirstCallbackNode=function(){return L(N)};exports.unstable_next=function(a){switch(R){case 1:case 2:case 3:var b=3;break;default:b=R;}var c=R;R=b;try{return a()}finally{R=c;}};exports.unstable_pauseExecution=function(){};exports.unstable_requestPaint=Z;exports.unstable_runWithPriority=function(a,b){switch(a){case 1:case 2:case 3:case 4:case 5:break;default:a=3;}var c=R;R=a;try{return b()}finally{R=c;}};
39358
+ exports.unstable_scheduleCallback=function(a,b,c){var d=exports.unstable_now();if("object"===typeof c&&null!==c){var e=c.delay;e="number"===typeof e&&0<e?d+e:d;c="number"===typeof c.timeout?c.timeout:Y(a);}else c=Y(a),e=d;c=e+c;a={id:P++,callback:b,priorityLevel:a,startTime:e,expirationTime:c,sortIndex:-1};e>d?(a.sortIndex=e,J(O,a),null===L(N)&&a===L(O)&&(U?h():U=!0,g(W,e-d))):(a.sortIndex=c,J(N,a),T||S||(T=!0,f(X)));return a};
39359
+ exports.unstable_shouldYield=function(){var a=exports.unstable_now();V(a);var b=L(N);return b!==Q&&null!==Q&&null!==b&&null!==b.callback&&b.startTime<=a&&b.expirationTime<Q.expirationTime||k()};exports.unstable_wrapCallback=function(a){var b=R;return function(){var c=R;R=b;try{return a.apply(this,arguments)}finally{R=c;}}};
39360
+ });
39361
+ var scheduler_production_min_1 = scheduler_production_min.unstable_now;
39362
+ var scheduler_production_min_2 = scheduler_production_min.unstable_forceFrameRate;
39363
+ var scheduler_production_min_3 = scheduler_production_min.unstable_IdlePriority;
39364
+ var scheduler_production_min_4 = scheduler_production_min.unstable_ImmediatePriority;
39365
+ var scheduler_production_min_5 = scheduler_production_min.unstable_LowPriority;
39366
+ var scheduler_production_min_6 = scheduler_production_min.unstable_NormalPriority;
39367
+ var scheduler_production_min_7 = scheduler_production_min.unstable_Profiling;
39368
+ var scheduler_production_min_8 = scheduler_production_min.unstable_UserBlockingPriority;
39369
+ var scheduler_production_min_9 = scheduler_production_min.unstable_cancelCallback;
39370
+ var scheduler_production_min_10 = scheduler_production_min.unstable_continueExecution;
39371
+ var scheduler_production_min_11 = scheduler_production_min.unstable_getCurrentPriorityLevel;
39372
+ var scheduler_production_min_12 = scheduler_production_min.unstable_getFirstCallbackNode;
39373
+ var scheduler_production_min_13 = scheduler_production_min.unstable_next;
39374
+ var scheduler_production_min_14 = scheduler_production_min.unstable_pauseExecution;
39375
+ var scheduler_production_min_15 = scheduler_production_min.unstable_requestPaint;
39376
+ var scheduler_production_min_16 = scheduler_production_min.unstable_runWithPriority;
39377
+ var scheduler_production_min_17 = scheduler_production_min.unstable_scheduleCallback;
39378
+ var scheduler_production_min_18 = scheduler_production_min.unstable_shouldYield;
39379
+ var scheduler_production_min_19 = scheduler_production_min.unstable_wrapCallback;
39380
+
39381
+ var scheduler_development = createCommonjsModule(function (module, exports) {
39382
+
39383
+
39384
+
39385
+ if (process.env.NODE_ENV !== "production") {
39386
+ (function() {
39387
+
39388
+ var enableSchedulerDebugging = false;
39389
+ var enableProfiling = true;
39390
+
39391
+ var requestHostCallback;
39392
+ var requestHostTimeout;
39393
+ var cancelHostTimeout;
39394
+ var shouldYieldToHost;
39395
+ var requestPaint;
39396
+
39397
+ if ( // If Scheduler runs in a non-DOM environment, it falls back to a naive
39398
+ // implementation using setTimeout.
39399
+ typeof window === 'undefined' || // Check if MessageChannel is supported, too.
39400
+ typeof MessageChannel !== 'function') {
39401
+ // If this accidentally gets imported in a non-browser environment, e.g. JavaScriptCore,
39402
+ // fallback to a naive implementation.
39403
+ var _callback = null;
39404
+ var _timeoutID = null;
39405
+
39406
+ var _flushCallback = function () {
39407
+ if (_callback !== null) {
39408
+ try {
39409
+ var currentTime = exports.unstable_now();
39410
+ var hasRemainingTime = true;
39411
+
39412
+ _callback(hasRemainingTime, currentTime);
39413
+
39414
+ _callback = null;
39415
+ } catch (e) {
39416
+ setTimeout(_flushCallback, 0);
39417
+ throw e;
39418
+ }
39419
+ }
39420
+ };
39421
+
39422
+ var initialTime = Date.now();
39423
+
39424
+ exports.unstable_now = function () {
39425
+ return Date.now() - initialTime;
39426
+ };
39427
+
39428
+ requestHostCallback = function (cb) {
39429
+ if (_callback !== null) {
39430
+ // Protect against re-entrancy.
39431
+ setTimeout(requestHostCallback, 0, cb);
39432
+ } else {
39433
+ _callback = cb;
39434
+ setTimeout(_flushCallback, 0);
39435
+ }
39436
+ };
39437
+
39438
+ requestHostTimeout = function (cb, ms) {
39439
+ _timeoutID = setTimeout(cb, ms);
39440
+ };
39441
+
39442
+ cancelHostTimeout = function () {
39443
+ clearTimeout(_timeoutID);
39444
+ };
39445
+
39446
+ shouldYieldToHost = function () {
39447
+ return false;
39448
+ };
39449
+
39450
+ requestPaint = exports.unstable_forceFrameRate = function () {};
39451
+ } else {
39452
+ // Capture local references to native APIs, in case a polyfill overrides them.
39453
+ var performance = window.performance;
39454
+ var _Date = window.Date;
39455
+ var _setTimeout = window.setTimeout;
39456
+ var _clearTimeout = window.clearTimeout;
39457
+
39458
+ if (typeof console !== 'undefined') {
39459
+ // TODO: Scheduler no longer requires these methods to be polyfilled. But
39460
+ // maybe we want to continue warning if they don't exist, to preserve the
39461
+ // option to rely on it in the future?
39462
+ var requestAnimationFrame = window.requestAnimationFrame;
39463
+ var cancelAnimationFrame = window.cancelAnimationFrame; // TODO: Remove fb.me link
39464
+
39465
+ if (typeof requestAnimationFrame !== 'function') {
39466
+ // Using console['error'] to evade Babel and ESLint
39467
+ console['error']("This browser doesn't support requestAnimationFrame. " + 'Make sure that you load a ' + 'polyfill in older browsers. https://fb.me/react-polyfills');
39468
+ }
39469
+
39470
+ if (typeof cancelAnimationFrame !== 'function') {
39471
+ // Using console['error'] to evade Babel and ESLint
39472
+ console['error']("This browser doesn't support cancelAnimationFrame. " + 'Make sure that you load a ' + 'polyfill in older browsers. https://fb.me/react-polyfills');
39473
+ }
39474
+ }
39475
+
39476
+ if (typeof performance === 'object' && typeof performance.now === 'function') {
39477
+ exports.unstable_now = function () {
39478
+ return performance.now();
39479
+ };
39480
+ } else {
39481
+ var _initialTime = _Date.now();
39482
+
39483
+ exports.unstable_now = function () {
39484
+ return _Date.now() - _initialTime;
39485
+ };
39486
+ }
39487
+
39488
+ var isMessageLoopRunning = false;
39489
+ var scheduledHostCallback = null;
39490
+ var taskTimeoutID = -1; // Scheduler periodically yields in case there is other work on the main
39491
+ // thread, like user events. By default, it yields multiple times per frame.
39492
+ // It does not attempt to align with frame boundaries, since most tasks don't
39493
+ // need to be frame aligned; for those that do, use requestAnimationFrame.
39494
+
39495
+ var yieldInterval = 5;
39496
+ var deadline = 0; // TODO: Make this configurable
39497
+
39498
+ {
39499
+ // `isInputPending` is not available. Since we have no way of knowing if
39500
+ // there's pending input, always yield at the end of the frame.
39501
+ shouldYieldToHost = function () {
39502
+ return exports.unstable_now() >= deadline;
39503
+ }; // Since we yield every frame regardless, `requestPaint` has no effect.
39504
+
39505
+
39506
+ requestPaint = function () {};
39507
+ }
39508
+
39509
+ exports.unstable_forceFrameRate = function (fps) {
39510
+ if (fps < 0 || fps > 125) {
39511
+ // Using console['error'] to evade Babel and ESLint
39512
+ console['error']('forceFrameRate takes a positive int between 0 and 125, ' + 'forcing framerates higher than 125 fps is not unsupported');
39513
+ return;
39514
+ }
39515
+
39516
+ if (fps > 0) {
39517
+ yieldInterval = Math.floor(1000 / fps);
39518
+ } else {
39519
+ // reset the framerate
39520
+ yieldInterval = 5;
39521
+ }
39522
+ };
39523
+
39524
+ var performWorkUntilDeadline = function () {
39525
+ if (scheduledHostCallback !== null) {
39526
+ var currentTime = exports.unstable_now(); // Yield after `yieldInterval` ms, regardless of where we are in the vsync
39527
+ // cycle. This means there's always time remaining at the beginning of
39528
+ // the message event.
39529
+
39530
+ deadline = currentTime + yieldInterval;
39531
+ var hasTimeRemaining = true;
39532
+
39533
+ try {
39534
+ var hasMoreWork = scheduledHostCallback(hasTimeRemaining, currentTime);
39535
+
39536
+ if (!hasMoreWork) {
39537
+ isMessageLoopRunning = false;
39538
+ scheduledHostCallback = null;
39539
+ } else {
39540
+ // If there's more work, schedule the next message event at the end
39541
+ // of the preceding one.
39542
+ port.postMessage(null);
39543
+ }
39544
+ } catch (error) {
39545
+ // If a scheduler task throws, exit the current browser task so the
39546
+ // error can be observed.
39547
+ port.postMessage(null);
39548
+ throw error;
39549
+ }
39550
+ } else {
39551
+ isMessageLoopRunning = false;
39552
+ } // Yielding to the browser will give it a chance to paint, so we can
39553
+ };
39554
+
39555
+ var channel = new MessageChannel();
39556
+ var port = channel.port2;
39557
+ channel.port1.onmessage = performWorkUntilDeadline;
39558
+
39559
+ requestHostCallback = function (callback) {
39560
+ scheduledHostCallback = callback;
39561
+
39562
+ if (!isMessageLoopRunning) {
39563
+ isMessageLoopRunning = true;
39564
+ port.postMessage(null);
39565
+ }
39566
+ };
39567
+
39568
+ requestHostTimeout = function (callback, ms) {
39569
+ taskTimeoutID = _setTimeout(function () {
39570
+ callback(exports.unstable_now());
39571
+ }, ms);
39572
+ };
39573
+
39574
+ cancelHostTimeout = function () {
39575
+ _clearTimeout(taskTimeoutID);
39576
+
39577
+ taskTimeoutID = -1;
39578
+ };
39579
+ }
39580
+
39581
+ function push(heap, node) {
39582
+ var index = heap.length;
39583
+ heap.push(node);
39584
+ siftUp(heap, node, index);
39585
+ }
39586
+ function peek(heap) {
39587
+ var first = heap[0];
39588
+ return first === undefined ? null : first;
39589
+ }
39590
+ function pop(heap) {
39591
+ var first = heap[0];
39592
+
39593
+ if (first !== undefined) {
39594
+ var last = heap.pop();
39595
+
39596
+ if (last !== first) {
39597
+ heap[0] = last;
39598
+ siftDown(heap, last, 0);
39599
+ }
39600
+
39601
+ return first;
39602
+ } else {
39603
+ return null;
39604
+ }
39605
+ }
39606
+
39607
+ function siftUp(heap, node, i) {
39608
+ var index = i;
39609
+
39610
+ while (true) {
39611
+ var parentIndex = index - 1 >>> 1;
39612
+ var parent = heap[parentIndex];
39613
+
39614
+ if (parent !== undefined && compare(parent, node) > 0) {
39615
+ // The parent is larger. Swap positions.
39616
+ heap[parentIndex] = node;
39617
+ heap[index] = parent;
39618
+ index = parentIndex;
39619
+ } else {
39620
+ // The parent is smaller. Exit.
39621
+ return;
39622
+ }
39623
+ }
39624
+ }
39625
+
39626
+ function siftDown(heap, node, i) {
39627
+ var index = i;
39628
+ var length = heap.length;
39629
+
39630
+ while (index < length) {
39631
+ var leftIndex = (index + 1) * 2 - 1;
39632
+ var left = heap[leftIndex];
39633
+ var rightIndex = leftIndex + 1;
39634
+ var right = heap[rightIndex]; // If the left or right node is smaller, swap with the smaller of those.
39635
+
39636
+ if (left !== undefined && compare(left, node) < 0) {
39637
+ if (right !== undefined && compare(right, left) < 0) {
39638
+ heap[index] = right;
39639
+ heap[rightIndex] = node;
39640
+ index = rightIndex;
39641
+ } else {
39642
+ heap[index] = left;
39643
+ heap[leftIndex] = node;
39644
+ index = leftIndex;
39645
+ }
39646
+ } else if (right !== undefined && compare(right, node) < 0) {
39647
+ heap[index] = right;
39648
+ heap[rightIndex] = node;
39649
+ index = rightIndex;
39650
+ } else {
39651
+ // Neither child is smaller. Exit.
39652
+ return;
39653
+ }
39654
+ }
39655
+ }
39656
+
39657
+ function compare(a, b) {
39658
+ // Compare sort index first, then task id.
39659
+ var diff = a.sortIndex - b.sortIndex;
39660
+ return diff !== 0 ? diff : a.id - b.id;
39661
+ }
39662
+
39663
+ // TODO: Use symbols?
39664
+ var NoPriority = 0;
39665
+ var ImmediatePriority = 1;
39666
+ var UserBlockingPriority = 2;
39667
+ var NormalPriority = 3;
39668
+ var LowPriority = 4;
39669
+ var IdlePriority = 5;
39670
+
39671
+ var runIdCounter = 0;
39672
+ var mainThreadIdCounter = 0;
39673
+ var profilingStateSize = 4;
39674
+ var sharedProfilingBuffer = // $FlowFixMe Flow doesn't know about SharedArrayBuffer
39675
+ typeof SharedArrayBuffer === 'function' ? new SharedArrayBuffer(profilingStateSize * Int32Array.BYTES_PER_ELEMENT) : // $FlowFixMe Flow doesn't know about ArrayBuffer
39676
+ typeof ArrayBuffer === 'function' ? new ArrayBuffer(profilingStateSize * Int32Array.BYTES_PER_ELEMENT) : null // Don't crash the init path on IE9
39677
+ ;
39678
+ var profilingState = sharedProfilingBuffer !== null ? new Int32Array(sharedProfilingBuffer) : []; // We can't read this but it helps save bytes for null checks
39679
+
39680
+ var PRIORITY = 0;
39681
+ var CURRENT_TASK_ID = 1;
39682
+ var CURRENT_RUN_ID = 2;
39683
+ var QUEUE_SIZE = 3;
39684
+
39685
+ {
39686
+ profilingState[PRIORITY] = NoPriority; // This is maintained with a counter, because the size of the priority queue
39687
+ // array might include canceled tasks.
39688
+
39689
+ profilingState[QUEUE_SIZE] = 0;
39690
+ profilingState[CURRENT_TASK_ID] = 0;
39691
+ } // Bytes per element is 4
39692
+
39693
+
39694
+ var INITIAL_EVENT_LOG_SIZE = 131072;
39695
+ var MAX_EVENT_LOG_SIZE = 524288; // Equivalent to 2 megabytes
39696
+
39697
+ var eventLogSize = 0;
39698
+ var eventLogBuffer = null;
39699
+ var eventLog = null;
39700
+ var eventLogIndex = 0;
39701
+ var TaskStartEvent = 1;
39702
+ var TaskCompleteEvent = 2;
39703
+ var TaskErrorEvent = 3;
39704
+ var TaskCancelEvent = 4;
39705
+ var TaskRunEvent = 5;
39706
+ var TaskYieldEvent = 6;
39707
+ var SchedulerSuspendEvent = 7;
39708
+ var SchedulerResumeEvent = 8;
39709
+
39710
+ function logEvent(entries) {
39711
+ if (eventLog !== null) {
39712
+ var offset = eventLogIndex;
39713
+ eventLogIndex += entries.length;
39714
+
39715
+ if (eventLogIndex + 1 > eventLogSize) {
39716
+ eventLogSize *= 2;
39717
+
39718
+ if (eventLogSize > MAX_EVENT_LOG_SIZE) {
39719
+ // Using console['error'] to evade Babel and ESLint
39720
+ console['error']("Scheduler Profiling: Event log exceeded maximum size. Don't " + 'forget to call `stopLoggingProfilingEvents()`.');
39721
+ stopLoggingProfilingEvents();
39722
+ return;
39723
+ }
39724
+
39725
+ var newEventLog = new Int32Array(eventLogSize * 4);
39726
+ newEventLog.set(eventLog);
39727
+ eventLogBuffer = newEventLog.buffer;
39728
+ eventLog = newEventLog;
39729
+ }
39730
+
39731
+ eventLog.set(entries, offset);
39732
+ }
39733
+ }
39734
+
39735
+ function startLoggingProfilingEvents() {
39736
+ eventLogSize = INITIAL_EVENT_LOG_SIZE;
39737
+ eventLogBuffer = new ArrayBuffer(eventLogSize * 4);
39738
+ eventLog = new Int32Array(eventLogBuffer);
39739
+ eventLogIndex = 0;
39740
+ }
39741
+ function stopLoggingProfilingEvents() {
39742
+ var buffer = eventLogBuffer;
39743
+ eventLogSize = 0;
39744
+ eventLogBuffer = null;
39745
+ eventLog = null;
39746
+ eventLogIndex = 0;
39747
+ return buffer;
39748
+ }
39749
+ function markTaskStart(task, ms) {
39750
+ {
39751
+ profilingState[QUEUE_SIZE]++;
39752
+
39753
+ if (eventLog !== null) {
39754
+ // performance.now returns a float, representing milliseconds. When the
39755
+ // event is logged, it's coerced to an int. Convert to microseconds to
39756
+ // maintain extra degrees of precision.
39757
+ logEvent([TaskStartEvent, ms * 1000, task.id, task.priorityLevel]);
39758
+ }
39759
+ }
39760
+ }
39761
+ function markTaskCompleted(task, ms) {
39762
+ {
39763
+ profilingState[PRIORITY] = NoPriority;
39764
+ profilingState[CURRENT_TASK_ID] = 0;
39765
+ profilingState[QUEUE_SIZE]--;
39766
+
39767
+ if (eventLog !== null) {
39768
+ logEvent([TaskCompleteEvent, ms * 1000, task.id]);
39769
+ }
39770
+ }
39771
+ }
39772
+ function markTaskCanceled(task, ms) {
39773
+ {
39774
+ profilingState[QUEUE_SIZE]--;
39775
+
39776
+ if (eventLog !== null) {
39777
+ logEvent([TaskCancelEvent, ms * 1000, task.id]);
39778
+ }
39779
+ }
39780
+ }
39781
+ function markTaskErrored(task, ms) {
39782
+ {
39783
+ profilingState[PRIORITY] = NoPriority;
39784
+ profilingState[CURRENT_TASK_ID] = 0;
39785
+ profilingState[QUEUE_SIZE]--;
39786
+
39787
+ if (eventLog !== null) {
39788
+ logEvent([TaskErrorEvent, ms * 1000, task.id]);
39789
+ }
39790
+ }
39791
+ }
39792
+ function markTaskRun(task, ms) {
39793
+ {
39794
+ runIdCounter++;
39795
+ profilingState[PRIORITY] = task.priorityLevel;
39796
+ profilingState[CURRENT_TASK_ID] = task.id;
39797
+ profilingState[CURRENT_RUN_ID] = runIdCounter;
39798
+
39799
+ if (eventLog !== null) {
39800
+ logEvent([TaskRunEvent, ms * 1000, task.id, runIdCounter]);
39801
+ }
39802
+ }
39803
+ }
39804
+ function markTaskYield(task, ms) {
39805
+ {
39806
+ profilingState[PRIORITY] = NoPriority;
39807
+ profilingState[CURRENT_TASK_ID] = 0;
39808
+ profilingState[CURRENT_RUN_ID] = 0;
39809
+
39810
+ if (eventLog !== null) {
39811
+ logEvent([TaskYieldEvent, ms * 1000, task.id, runIdCounter]);
39812
+ }
39813
+ }
39814
+ }
39815
+ function markSchedulerSuspended(ms) {
39816
+ {
39817
+ mainThreadIdCounter++;
39818
+
39819
+ if (eventLog !== null) {
39820
+ logEvent([SchedulerSuspendEvent, ms * 1000, mainThreadIdCounter]);
39821
+ }
39822
+ }
39823
+ }
39824
+ function markSchedulerUnsuspended(ms) {
39825
+ {
39826
+ if (eventLog !== null) {
39827
+ logEvent([SchedulerResumeEvent, ms * 1000, mainThreadIdCounter]);
39828
+ }
39829
+ }
39830
+ }
39831
+
39832
+ /* eslint-disable no-var */
39833
+ // Math.pow(2, 30) - 1
39834
+ // 0b111111111111111111111111111111
39835
+
39836
+ var maxSigned31BitInt = 1073741823; // Times out immediately
39837
+
39838
+ var IMMEDIATE_PRIORITY_TIMEOUT = -1; // Eventually times out
39839
+
39840
+ var USER_BLOCKING_PRIORITY = 250;
39841
+ var NORMAL_PRIORITY_TIMEOUT = 5000;
39842
+ var LOW_PRIORITY_TIMEOUT = 10000; // Never times out
39843
+
39844
+ var IDLE_PRIORITY = maxSigned31BitInt; // Tasks are stored on a min heap
39845
+
39846
+ var taskQueue = [];
39847
+ var timerQueue = []; // Incrementing id counter. Used to maintain insertion order.
39848
+
39849
+ var taskIdCounter = 1; // Pausing the scheduler is useful for debugging.
39850
+ var currentTask = null;
39851
+ var currentPriorityLevel = NormalPriority; // This is set while performing work, to prevent re-entrancy.
39852
+
39853
+ var isPerformingWork = false;
39854
+ var isHostCallbackScheduled = false;
39855
+ var isHostTimeoutScheduled = false;
39856
+
39857
+ function advanceTimers(currentTime) {
39858
+ // Check for tasks that are no longer delayed and add them to the queue.
39859
+ var timer = peek(timerQueue);
39860
+
39861
+ while (timer !== null) {
39862
+ if (timer.callback === null) {
39863
+ // Timer was cancelled.
39864
+ pop(timerQueue);
39865
+ } else if (timer.startTime <= currentTime) {
39866
+ // Timer fired. Transfer to the task queue.
39867
+ pop(timerQueue);
39868
+ timer.sortIndex = timer.expirationTime;
39869
+ push(taskQueue, timer);
39870
+
39871
+ {
39872
+ markTaskStart(timer, currentTime);
39873
+ timer.isQueued = true;
39874
+ }
39875
+ } else {
39876
+ // Remaining timers are pending.
39877
+ return;
39878
+ }
39879
+
39880
+ timer = peek(timerQueue);
39881
+ }
39882
+ }
39883
+
39884
+ function handleTimeout(currentTime) {
39885
+ isHostTimeoutScheduled = false;
39886
+ advanceTimers(currentTime);
39887
+
39888
+ if (!isHostCallbackScheduled) {
39889
+ if (peek(taskQueue) !== null) {
39890
+ isHostCallbackScheduled = true;
39891
+ requestHostCallback(flushWork);
39892
+ } else {
39893
+ var firstTimer = peek(timerQueue);
39894
+
39895
+ if (firstTimer !== null) {
39896
+ requestHostTimeout(handleTimeout, firstTimer.startTime - currentTime);
39897
+ }
39898
+ }
39899
+ }
39900
+ }
39901
+
39902
+ function flushWork(hasTimeRemaining, initialTime) {
39903
+ {
39904
+ markSchedulerUnsuspended(initialTime);
39905
+ } // We'll need a host callback the next time work is scheduled.
39906
+
39907
+
39908
+ isHostCallbackScheduled = false;
39909
+
39910
+ if (isHostTimeoutScheduled) {
39911
+ // We scheduled a timeout but it's no longer needed. Cancel it.
39912
+ isHostTimeoutScheduled = false;
39913
+ cancelHostTimeout();
39914
+ }
39915
+
39916
+ isPerformingWork = true;
39917
+ var previousPriorityLevel = currentPriorityLevel;
39918
+
39919
+ try {
39920
+ if (enableProfiling) {
39921
+ try {
39922
+ return workLoop(hasTimeRemaining, initialTime);
39923
+ } catch (error) {
39924
+ if (currentTask !== null) {
39925
+ var currentTime = exports.unstable_now();
39926
+ markTaskErrored(currentTask, currentTime);
39927
+ currentTask.isQueued = false;
39928
+ }
39929
+
39930
+ throw error;
39931
+ }
39932
+ } else {
39933
+ // No catch in prod codepath.
39934
+ return workLoop(hasTimeRemaining, initialTime);
39935
+ }
39936
+ } finally {
39937
+ currentTask = null;
39938
+ currentPriorityLevel = previousPriorityLevel;
39939
+ isPerformingWork = false;
39940
+
39941
+ {
39942
+ var _currentTime = exports.unstable_now();
39943
+
39944
+ markSchedulerSuspended(_currentTime);
39945
+ }
39946
+ }
39947
+ }
39948
+
39949
+ function workLoop(hasTimeRemaining, initialTime) {
39950
+ var currentTime = initialTime;
39951
+ advanceTimers(currentTime);
39952
+ currentTask = peek(taskQueue);
39953
+
39954
+ while (currentTask !== null && !(enableSchedulerDebugging )) {
39955
+ if (currentTask.expirationTime > currentTime && (!hasTimeRemaining || shouldYieldToHost())) {
39956
+ // This currentTask hasn't expired, and we've reached the deadline.
39957
+ break;
39958
+ }
39959
+
39960
+ var callback = currentTask.callback;
39961
+
39962
+ if (callback !== null) {
39963
+ currentTask.callback = null;
39964
+ currentPriorityLevel = currentTask.priorityLevel;
39965
+ var didUserCallbackTimeout = currentTask.expirationTime <= currentTime;
39966
+ markTaskRun(currentTask, currentTime);
39967
+ var continuationCallback = callback(didUserCallbackTimeout);
39968
+ currentTime = exports.unstable_now();
39969
+
39970
+ if (typeof continuationCallback === 'function') {
39971
+ currentTask.callback = continuationCallback;
39972
+ markTaskYield(currentTask, currentTime);
39973
+ } else {
39974
+ {
39975
+ markTaskCompleted(currentTask, currentTime);
39976
+ currentTask.isQueued = false;
39977
+ }
39978
+
39979
+ if (currentTask === peek(taskQueue)) {
39980
+ pop(taskQueue);
39981
+ }
39982
+ }
39983
+
39984
+ advanceTimers(currentTime);
39985
+ } else {
39986
+ pop(taskQueue);
39987
+ }
39988
+
39989
+ currentTask = peek(taskQueue);
39990
+ } // Return whether there's additional work
39991
+
39992
+
39993
+ if (currentTask !== null) {
39994
+ return true;
39995
+ } else {
39996
+ var firstTimer = peek(timerQueue);
39997
+
39998
+ if (firstTimer !== null) {
39999
+ requestHostTimeout(handleTimeout, firstTimer.startTime - currentTime);
40000
+ }
40001
+
40002
+ return false;
40003
+ }
40004
+ }
40005
+
40006
+ function unstable_runWithPriority(priorityLevel, eventHandler) {
40007
+ switch (priorityLevel) {
40008
+ case ImmediatePriority:
40009
+ case UserBlockingPriority:
40010
+ case NormalPriority:
40011
+ case LowPriority:
40012
+ case IdlePriority:
40013
+ break;
40014
+
40015
+ default:
40016
+ priorityLevel = NormalPriority;
40017
+ }
40018
+
40019
+ var previousPriorityLevel = currentPriorityLevel;
40020
+ currentPriorityLevel = priorityLevel;
40021
+
40022
+ try {
40023
+ return eventHandler();
40024
+ } finally {
40025
+ currentPriorityLevel = previousPriorityLevel;
40026
+ }
40027
+ }
40028
+
40029
+ function unstable_next(eventHandler) {
40030
+ var priorityLevel;
40031
+
40032
+ switch (currentPriorityLevel) {
40033
+ case ImmediatePriority:
40034
+ case UserBlockingPriority:
40035
+ case NormalPriority:
40036
+ // Shift down to normal priority
40037
+ priorityLevel = NormalPriority;
40038
+ break;
40039
+
40040
+ default:
40041
+ // Anything lower than normal priority should remain at the current level.
40042
+ priorityLevel = currentPriorityLevel;
40043
+ break;
40044
+ }
40045
+
40046
+ var previousPriorityLevel = currentPriorityLevel;
40047
+ currentPriorityLevel = priorityLevel;
40048
+
40049
+ try {
40050
+ return eventHandler();
40051
+ } finally {
40052
+ currentPriorityLevel = previousPriorityLevel;
40053
+ }
40054
+ }
40055
+
40056
+ function unstable_wrapCallback(callback) {
40057
+ var parentPriorityLevel = currentPriorityLevel;
40058
+ return function () {
40059
+ // This is a fork of runWithPriority, inlined for performance.
40060
+ var previousPriorityLevel = currentPriorityLevel;
40061
+ currentPriorityLevel = parentPriorityLevel;
40062
+
40063
+ try {
40064
+ return callback.apply(this, arguments);
40065
+ } finally {
40066
+ currentPriorityLevel = previousPriorityLevel;
40067
+ }
40068
+ };
40069
+ }
40070
+
40071
+ function timeoutForPriorityLevel(priorityLevel) {
40072
+ switch (priorityLevel) {
40073
+ case ImmediatePriority:
40074
+ return IMMEDIATE_PRIORITY_TIMEOUT;
40075
+
40076
+ case UserBlockingPriority:
40077
+ return USER_BLOCKING_PRIORITY;
40078
+
40079
+ case IdlePriority:
40080
+ return IDLE_PRIORITY;
40081
+
40082
+ case LowPriority:
40083
+ return LOW_PRIORITY_TIMEOUT;
40084
+
40085
+ case NormalPriority:
40086
+ default:
40087
+ return NORMAL_PRIORITY_TIMEOUT;
40088
+ }
40089
+ }
40090
+
40091
+ function unstable_scheduleCallback(priorityLevel, callback, options) {
40092
+ var currentTime = exports.unstable_now();
40093
+ var startTime;
40094
+ var timeout;
40095
+
40096
+ if (typeof options === 'object' && options !== null) {
40097
+ var delay = options.delay;
40098
+
40099
+ if (typeof delay === 'number' && delay > 0) {
40100
+ startTime = currentTime + delay;
40101
+ } else {
40102
+ startTime = currentTime;
40103
+ }
40104
+
40105
+ timeout = typeof options.timeout === 'number' ? options.timeout : timeoutForPriorityLevel(priorityLevel);
40106
+ } else {
40107
+ timeout = timeoutForPriorityLevel(priorityLevel);
40108
+ startTime = currentTime;
40109
+ }
40110
+
40111
+ var expirationTime = startTime + timeout;
40112
+ var newTask = {
40113
+ id: taskIdCounter++,
40114
+ callback: callback,
40115
+ priorityLevel: priorityLevel,
40116
+ startTime: startTime,
40117
+ expirationTime: expirationTime,
40118
+ sortIndex: -1
40119
+ };
40120
+
40121
+ {
40122
+ newTask.isQueued = false;
40123
+ }
40124
+
40125
+ if (startTime > currentTime) {
40126
+ // This is a delayed task.
40127
+ newTask.sortIndex = startTime;
40128
+ push(timerQueue, newTask);
40129
+
40130
+ if (peek(taskQueue) === null && newTask === peek(timerQueue)) {
40131
+ // All tasks are delayed, and this is the task with the earliest delay.
40132
+ if (isHostTimeoutScheduled) {
40133
+ // Cancel an existing timeout.
40134
+ cancelHostTimeout();
40135
+ } else {
40136
+ isHostTimeoutScheduled = true;
40137
+ } // Schedule a timeout.
40138
+
40139
+
40140
+ requestHostTimeout(handleTimeout, startTime - currentTime);
40141
+ }
40142
+ } else {
40143
+ newTask.sortIndex = expirationTime;
40144
+ push(taskQueue, newTask);
40145
+
40146
+ {
40147
+ markTaskStart(newTask, currentTime);
40148
+ newTask.isQueued = true;
40149
+ } // Schedule a host callback, if needed. If we're already performing work,
40150
+ // wait until the next time we yield.
40151
+
40152
+
40153
+ if (!isHostCallbackScheduled && !isPerformingWork) {
40154
+ isHostCallbackScheduled = true;
40155
+ requestHostCallback(flushWork);
40156
+ }
40157
+ }
40158
+
40159
+ return newTask;
40160
+ }
40161
+
40162
+ function unstable_pauseExecution() {
40163
+ }
40164
+
40165
+ function unstable_continueExecution() {
40166
+
40167
+ if (!isHostCallbackScheduled && !isPerformingWork) {
40168
+ isHostCallbackScheduled = true;
40169
+ requestHostCallback(flushWork);
40170
+ }
40171
+ }
40172
+
40173
+ function unstable_getFirstCallbackNode() {
40174
+ return peek(taskQueue);
40175
+ }
40176
+
40177
+ function unstable_cancelCallback(task) {
40178
+ {
40179
+ if (task.isQueued) {
40180
+ var currentTime = exports.unstable_now();
40181
+ markTaskCanceled(task, currentTime);
40182
+ task.isQueued = false;
40183
+ }
40184
+ } // Null out the callback to indicate the task has been canceled. (Can't
40185
+ // remove from the queue because you can't remove arbitrary nodes from an
40186
+ // array based heap, only the first one.)
40187
+
40188
+
40189
+ task.callback = null;
40190
+ }
40191
+
40192
+ function unstable_getCurrentPriorityLevel() {
40193
+ return currentPriorityLevel;
40194
+ }
40195
+
40196
+ function unstable_shouldYield() {
40197
+ var currentTime = exports.unstable_now();
40198
+ advanceTimers(currentTime);
40199
+ var firstTask = peek(taskQueue);
40200
+ return firstTask !== currentTask && currentTask !== null && firstTask !== null && firstTask.callback !== null && firstTask.startTime <= currentTime && firstTask.expirationTime < currentTask.expirationTime || shouldYieldToHost();
40201
+ }
40202
+
40203
+ var unstable_requestPaint = requestPaint;
40204
+ var unstable_Profiling = {
40205
+ startLoggingProfilingEvents: startLoggingProfilingEvents,
40206
+ stopLoggingProfilingEvents: stopLoggingProfilingEvents,
40207
+ sharedProfilingBuffer: sharedProfilingBuffer
40208
+ } ;
40209
+
40210
+ exports.unstable_IdlePriority = IdlePriority;
40211
+ exports.unstable_ImmediatePriority = ImmediatePriority;
40212
+ exports.unstable_LowPriority = LowPriority;
40213
+ exports.unstable_NormalPriority = NormalPriority;
40214
+ exports.unstable_Profiling = unstable_Profiling;
40215
+ exports.unstable_UserBlockingPriority = UserBlockingPriority;
40216
+ exports.unstable_cancelCallback = unstable_cancelCallback;
40217
+ exports.unstable_continueExecution = unstable_continueExecution;
40218
+ exports.unstable_getCurrentPriorityLevel = unstable_getCurrentPriorityLevel;
40219
+ exports.unstable_getFirstCallbackNode = unstable_getFirstCallbackNode;
40220
+ exports.unstable_next = unstable_next;
40221
+ exports.unstable_pauseExecution = unstable_pauseExecution;
40222
+ exports.unstable_requestPaint = unstable_requestPaint;
40223
+ exports.unstable_runWithPriority = unstable_runWithPriority;
40224
+ exports.unstable_scheduleCallback = unstable_scheduleCallback;
40225
+ exports.unstable_shouldYield = unstable_shouldYield;
40226
+ exports.unstable_wrapCallback = unstable_wrapCallback;
40227
+ })();
40228
+ }
40229
+ });
40230
+ var scheduler_development_1 = scheduler_development.unstable_now;
40231
+ var scheduler_development_2 = scheduler_development.unstable_forceFrameRate;
40232
+ var scheduler_development_3 = scheduler_development.unstable_IdlePriority;
40233
+ var scheduler_development_4 = scheduler_development.unstable_ImmediatePriority;
40234
+ var scheduler_development_5 = scheduler_development.unstable_LowPriority;
40235
+ var scheduler_development_6 = scheduler_development.unstable_NormalPriority;
40236
+ var scheduler_development_7 = scheduler_development.unstable_Profiling;
40237
+ var scheduler_development_8 = scheduler_development.unstable_UserBlockingPriority;
40238
+ var scheduler_development_9 = scheduler_development.unstable_cancelCallback;
40239
+ var scheduler_development_10 = scheduler_development.unstable_continueExecution;
40240
+ var scheduler_development_11 = scheduler_development.unstable_getCurrentPriorityLevel;
40241
+ var scheduler_development_12 = scheduler_development.unstable_getFirstCallbackNode;
40242
+ var scheduler_development_13 = scheduler_development.unstable_next;
40243
+ var scheduler_development_14 = scheduler_development.unstable_pauseExecution;
40244
+ var scheduler_development_15 = scheduler_development.unstable_requestPaint;
40245
+ var scheduler_development_16 = scheduler_development.unstable_runWithPriority;
40246
+ var scheduler_development_17 = scheduler_development.unstable_scheduleCallback;
40247
+ var scheduler_development_18 = scheduler_development.unstable_shouldYield;
40248
+ var scheduler_development_19 = scheduler_development.unstable_wrapCallback;
40249
+
40250
+ var scheduler = createCommonjsModule(function (module) {
40251
+
40252
+ if (process.env.NODE_ENV === 'production') {
40253
+ module.exports = scheduler_production_min;
40254
+ } else {
40255
+ module.exports = scheduler_development;
40256
+ }
40257
+ });
40258
+
40259
+ function u(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return "Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!React__default)throw Error(u(227));
40260
+ function ba(a,b,c,d,e,f,g,h,k){var l=Array.prototype.slice.call(arguments,3);try{b.apply(c,l);}catch(m){this.onError(m);}}var da=!1,ea=null,fa=!1,ha=null,ia={onError:function(a){da=!0;ea=a;}};function ja(a,b,c,d,e,f,g,h,k){da=!1;ea=null;ba.apply(ia,arguments);}function ka(a,b,c,d,e,f,g,h,k){ja.apply(this,arguments);if(da){if(da){var l=ea;da=!1;ea=null;}else throw Error(u(198));fa||(fa=!0,ha=l);}}var la=null,ma=null,na=null;
40261
+ function oa(a,b,c){var d=a.type||"unknown-event";a.currentTarget=na(c);ka(d,b,void 0,a);a.currentTarget=null;}var pa=null,qa={};
40262
+ function ra(){if(pa)for(var a in qa){var b=qa[a],c=pa.indexOf(a);if(!(-1<c))throw Error(u(96,a));if(!sa[c]){if(!b.extractEvents)throw Error(u(97,a));sa[c]=b;c=b.eventTypes;for(var d in c){var e=void 0;var f=c[d],g=b,h=d;if(ta.hasOwnProperty(h))throw Error(u(99,h));ta[h]=f;var k=f.phasedRegistrationNames;if(k){for(e in k)k.hasOwnProperty(e)&&ua(k[e],g,h);e=!0;}else f.registrationName?(ua(f.registrationName,g,h),e=!0):e=!1;if(!e)throw Error(u(98,d,a));}}}}
40263
+ function ua(a,b,c){if(va[a])throw Error(u(100,a));va[a]=b;wa[a]=b.eventTypes[c].dependencies;}var sa=[],ta={},va={},wa={};function xa(a){var b=!1,c;for(c in a)if(a.hasOwnProperty(c)){var d=a[c];if(!qa.hasOwnProperty(c)||qa[c]!==d){if(qa[c])throw Error(u(102,c));qa[c]=d;b=!0;}}b&&ra();}var ya=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),za=null,Aa=null,Ba=null;
40264
+ function Ca(a){if(a=ma(a)){if("function"!==typeof za)throw Error(u(280));var b=a.stateNode;b&&(b=la(b),za(a.stateNode,a.type,b));}}function Da(a){Aa?Ba?Ba.push(a):Ba=[a]:Aa=a;}function Ea(){if(Aa){var a=Aa,b=Ba;Ba=Aa=null;Ca(a);if(b)for(a=0;a<b.length;a++)Ca(b[a]);}}function Fa(a,b){return a(b)}function Ha(){}var Ja=!1;function La(){if(null!==Aa||null!==Ba)Ha(),Ea();}
40265
+ var Na=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Oa=Object.prototype.hasOwnProperty,Pa={},Qa={};
40266
+ function Ra(a){if(Oa.call(Qa,a))return !0;if(Oa.call(Pa,a))return !1;if(Na.test(a))return Qa[a]=!0;Pa[a]=!0;return !1}function Sa(a,b,c,d){if(null!==c&&0===c.type)return !1;switch(typeof b){case "function":case "symbol":return !0;case "boolean":if(d)return !1;if(null!==c)return !c.acceptsBooleans;a=a.toLowerCase().slice(0,5);return "data-"!==a&&"aria-"!==a;default:return !1}}
40267
+ function Ta(a,b,c,d){if(null===b||"undefined"===typeof b||Sa(a,b,c,d))return !0;if(d)return !1;if(null!==c)switch(c.type){case 3:return !b;case 4:return !1===b;case 5:return isNaN(b);case 6:return isNaN(b)||1>b}return !1}function v(a,b,c,d,e,f){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;}var C={};
40268
+ "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(a){C[a]=new v(a,0,!1,a,null,!1);});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(a){var b=a[0];C[b]=new v(b,1,!1,a[1],null,!1);});["contentEditable","draggable","spellCheck","value"].forEach(function(a){C[a]=new v(a,2,!1,a.toLowerCase(),null,!1);});
40269
+ ["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(a){C[a]=new v(a,2,!1,a,null,!1);});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(a){C[a]=new v(a,3,!1,a.toLowerCase(),null,!1);});
40270
+ ["checked","multiple","muted","selected"].forEach(function(a){C[a]=new v(a,3,!0,a,null,!1);});["capture","download"].forEach(function(a){C[a]=new v(a,4,!1,a,null,!1);});["cols","rows","size","span"].forEach(function(a){C[a]=new v(a,6,!1,a,null,!1);});["rowSpan","start"].forEach(function(a){C[a]=new v(a,5,!1,a.toLowerCase(),null,!1);});var Ua=/[\-:]([a-z])/g;function Va(a){return a[1].toUpperCase()}
40271
+ "accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(a){var b=a.replace(Ua,
40272
+ Va);C[b]=new v(b,1,!1,a,null,!1);});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(a){var b=a.replace(Ua,Va);C[b]=new v(b,1,!1,a,"http://www.w3.org/1999/xlink",!1);});["xml:base","xml:lang","xml:space"].forEach(function(a){var b=a.replace(Ua,Va);C[b]=new v(b,1,!1,a,"http://www.w3.org/XML/1998/namespace",!1);});["tabIndex","crossOrigin"].forEach(function(a){C[a]=new v(a,1,!1,a.toLowerCase(),null,!1);});
40273
+ C.xlinkHref=new v("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0);["src","href","action","formAction"].forEach(function(a){C[a]=new v(a,1,!1,a.toLowerCase(),null,!0);});var Wa=React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;Wa.hasOwnProperty("ReactCurrentDispatcher")||(Wa.ReactCurrentDispatcher={current:null});Wa.hasOwnProperty("ReactCurrentBatchConfig")||(Wa.ReactCurrentBatchConfig={suspense:null});
40274
+ function Xa(a,b,c,d){var e=C.hasOwnProperty(b)?C[b]:null;var f=null!==e?0===e.type:d?!1:!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1]?!1:!0;f||(Ta(b,c,e,d)&&(c=null),d||null===e?Ra(b)&&(null===c?a.removeAttribute(b):a.setAttribute(b,""+c)):e.mustUseProperty?a[e.propertyName]=null===c?3===e.type?!1:"":c:(b=e.attributeName,d=e.attributeNamespace,null===c?a.removeAttribute(b):(e=e.type,c=3===e||4===e&&!0===c?"":""+c,d?a.setAttributeNS(d,b,c):a.setAttribute(b,c))));}
40275
+ function rb(a){switch(typeof a){case "boolean":case "number":case "object":case "string":case "undefined":return a;default:return ""}}function sb(a){var b=a.type;return (a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
40276
+ function yb(a){if(!a)return !1;var b=a._valueTracker;if(!b)return !0;var c=b.getValue();var d="";a&&(d=sb(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Bb(a,b){b=b.checked;null!=b&&Xa(a,"checked",b,!1);}
40277
+ function Cb(a,b){Bb(a,b);var c=rb(b.value),d=b.type;if(null!=c)if("number"===d){if(0===c&&""===a.value||a.value!=c)a.value=""+c;}else a.value!==""+c&&(a.value=""+c);else if("submit"===d||"reset"===d){a.removeAttribute("value");return}b.hasOwnProperty("value")?Db(a,b.type,c):b.hasOwnProperty("defaultValue")&&Db(a,b.type,rb(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked);}
40278
+ function Db(a,b,c){if("number"!==b||a.ownerDocument.activeElement!==a)null==c?a.defaultValue=""+a._wrapperState.initialValue:a.defaultValue!==""+c&&(a.defaultValue=""+c);}function Hb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0);}else {c=""+rb(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e]);}null!==b&&(b.selected=!0);}}
40279
+ function Kb(a,b){var c=rb(b.value),d=rb(b.defaultValue);null!=c&&(c=""+c,c!==a.value&&(a.value=c),null==b.defaultValue&&a.defaultValue!==c&&(a.defaultValue=c));null!=d&&(a.defaultValue=""+d);}var Mb={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};
40280
+ var Pb,Qb=function(a){return "undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(b,c,d,e){MSApp.execUnsafeLocalFunction(function(){return a(b,c,d,e)});}:a}(function(a,b){if(a.namespaceURI!==Mb.svg||"innerHTML"in a)a.innerHTML=b;else {Pb=Pb||document.createElement("div");Pb.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=Pb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild);}});
40281
+ function Sb(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Tb={animationend:Sb("Animation","AnimationEnd"),animationiteration:Sb("Animation","AnimationIteration"),animationstart:Sb("Animation","AnimationStart"),transitionend:Sb("Transition","TransitionEnd")},Ub={},Vb={};
40282
+ ya&&(Vb=document.createElement("div").style,"AnimationEvent"in window||(delete Tb.animationend.animation,delete Tb.animationiteration.animation,delete Tb.animationstart.animation),"TransitionEvent"in window||delete Tb.transitionend.transition);function Wb(a){if(Ub[a])return Ub[a];if(!Tb[a])return a;var b=Tb[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Vb)return Ub[a]=b[c];return a}
40283
+ var Xb=Wb("animationend"),Yb=Wb("animationiteration"),Zb=Wb("animationstart"),$b=Wb("transitionend"),bc=new ("function"===typeof WeakMap?WeakMap:Map);function cc$1(a){var b=bc.get(a);void 0===b&&(b=new Map,bc.set(a,b));return b}
40284
+ function dc(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else {a=b;do b=a,0!==(b.effectTag&1026)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}function fc(a){if(dc(a)!==a)throw Error(u(188));}
40285
+ function gc(a){var b=a.alternate;if(!b){b=dc(a);if(null===b)throw Error(u(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return fc(e),a;if(f===d)return fc(e),b;f=f.sibling;}throw Error(u(188));}if(c.return!==d.return)c=e,d=f;else {for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling;}if(!g){for(h=f.child;h;){if(h===
40286
+ c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling;}if(!g)throw Error(u(189));}}if(c.alternate!==d)throw Error(u(190));}if(3!==c.tag)throw Error(u(188));return c.stateNode.current===c?a:b}function hc(a){a=gc(a);if(!a)return null;for(var b=a;;){if(5===b.tag||6===b.tag)return b;if(b.child)b.child.return=b,b=b.child;else {if(b===a)break;for(;!b.sibling;){if(!b.return||b.return===a)return null;b=b.return;}b.sibling.return=b.return;b=b.sibling;}}return null}
40287
+ function ic(a,b){if(null==b)throw Error(u(30));if(null==a)return b;if(Array.isArray(a)){if(Array.isArray(b))return a.push.apply(a,b),a;a.push(b);return a}return Array.isArray(b)?[a].concat(b):[a,b]}function jc(a,b,c){Array.isArray(a)?a.forEach(b,c):a&&b.call(c,a);}var kc=null;
40288
+ function lc(a){if(a){var b=a._dispatchListeners,c=a._dispatchInstances;if(Array.isArray(b))for(var d=0;d<b.length&&!a.isPropagationStopped();d++)oa(a,b[d],c[d]);else b&&oa(a,b,c);a._dispatchListeners=null;a._dispatchInstances=null;a.isPersistent()||a.constructor.release(a);}}function mc(a){null!==a&&(kc=ic(kc,a));a=kc;kc=null;if(a){jc(a,lc);if(kc)throw Error(u(95));if(fa)throw a=ha,fa=!1,ha=null,a;}}
40289
+ function nc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}function oc(a){if(!ya)return !1;a="on"+a;var b=a in document;b||(b=document.createElement("div"),b.setAttribute(a,"return;"),b="function"===typeof b[a]);return b}var Wc={},Yc=new Map,Zc=new Map,$c=["abort","abort",Xb,"animationEnd",Yb,"animationIteration",Zb,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking",
40290
+ "seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",$b,"transitionEnd","waiting","waiting"];function ad(a,b){for(var c=0;c<a.length;c+=2){var d=a[c],e=a[c+1],f="on"+(e[0].toUpperCase()+e.slice(1));f={phasedRegistrationNames:{bubbled:f,captured:f+"Capture"},dependencies:[d],eventPriority:b};Zc.set(d,b);Yc.set(d,f);Wc[e]=f;}}
40291
+ ad("blur blur cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focus focus input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0);
40292
+ ad("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1);ad($c,2);for(var bd="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),cd=0;cd<bd.length;cd++)Zc.set(bd[cd],0);
40293
+ var dd=scheduler.unstable_UserBlockingPriority,ed=scheduler.unstable_runWithPriority;var jd={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,
40294
+ floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},kd=["Webkit","ms","Moz","O"];Object.keys(jd).forEach(function(a){kd.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);jd[b]=jd[a];});});var nd=objectAssign({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});
40295
+ function td(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}function yd(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}var zd="$",Ad="/$",Bd="$?",Cd="$!";function Kd(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if(c===zd||c===Cd||c===Bd){if(0===b)return a;b--;}else c===Ad&&b++;}a=a.previousSibling;}return null}var Ld=Math.random().toString(36).slice(2),Md="__reactInternalInstance$"+Ld,Nd="__reactEventHandlers$"+Ld,Od="__reactContainere$"+Ld;
40296
+ function tc(a){var b=a[Md];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Od]||c[Md]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Kd(a);null!==a;){if(c=a[Md])return c;a=Kd(a);}return b}a=c;c=a.parentNode;}return null}function Nc(a){a=a[Md]||a[Od];return !a||5!==a.tag&&6!==a.tag&&13!==a.tag&&3!==a.tag?null:a}function Pd(a){if(5===a.tag||6===a.tag)return a.stateNode;throw Error(u(33));}function Qd(a){return a[Nd]||null}
40297
+ function Rd(a){do a=a.return;while(a&&5!==a.tag);return a?a:null}
40298
+ function Sd(a,b){var c=a.stateNode;if(!c)return null;var d=la(c);if(!d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1;}if(a)return null;if(c&&"function"!==typeof c)throw Error(u(231,
40299
+ b,typeof c));return c}function Td(a,b,c){if(b=Sd(a,c.dispatchConfig.phasedRegistrationNames[b]))c._dispatchListeners=ic(c._dispatchListeners,b),c._dispatchInstances=ic(c._dispatchInstances,a);}function Ud(a){if(a&&a.dispatchConfig.phasedRegistrationNames){for(var b=a._targetInst,c=[];b;)c.push(b),b=Rd(b);for(b=c.length;0<b--;)Td(c[b],"captured",a);for(b=0;b<c.length;b++)Td(c[b],"bubbled",a);}}
40300
+ function Vd(a,b,c){a&&c&&c.dispatchConfig.registrationName&&(b=Sd(a,c.dispatchConfig.registrationName))&&(c._dispatchListeners=ic(c._dispatchListeners,b),c._dispatchInstances=ic(c._dispatchInstances,a));}function Xd(a){jc(a,Ud);}var Yd=null,Zd=null,$d=null;
40301
+ function ae(){if($d)return $d;var a,b=Zd,c=b.length,d,e="value"in Yd?Yd.value:Yd.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return $d=e.slice(a,1<d?1-d:void 0)}function be(){return !0}function ce(){return !1}
40302
+ function G(a,b,c,d){this.dispatchConfig=a;this._targetInst=b;this.nativeEvent=c;a=this.constructor.Interface;for(var e in a)a.hasOwnProperty(e)&&((b=a[e])?this[e]=b(c):"target"===e?this.target=d:this[e]=c[e]);this.isDefaultPrevented=(null!=c.defaultPrevented?c.defaultPrevented:!1===c.returnValue)?be:ce;this.isPropagationStopped=ce;return this}
40303
+ objectAssign(G.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():"unknown"!==typeof a.returnValue&&(a.returnValue=!1),this.isDefaultPrevented=be);},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():"unknown"!==typeof a.cancelBubble&&(a.cancelBubble=!0),this.isPropagationStopped=be);},persist:function(){this.isPersistent=be;},isPersistent:ce,destructor:function(){var a=this.constructor.Interface,
40304
+ b;for(b in a)this[b]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null;this.isPropagationStopped=this.isDefaultPrevented=ce;this._dispatchInstances=this._dispatchListeners=null;}});G.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};
40305
+ G.extend=function(a){function b(){}function c(){return d.apply(this,arguments)}var d=this;b.prototype=d.prototype;var e=new b;objectAssign(e,c.prototype);c.prototype=e;c.prototype.constructor=c;c.Interface=objectAssign({},d.Interface,a);c.extend=d.extend;de(c);return c};de(G);function ee(a,b,c,d){if(this.eventPool.length){var e=this.eventPool.pop();this.call(e,a,b,c,d);return e}return new this(a,b,c,d)}
40306
+ function fe(a){if(!(a instanceof this))throw Error(u(279));a.destructor();10>this.eventPool.length&&this.eventPool.push(a);}function de(a){a.eventPool=[];a.getPooled=ee;a.release=fe;}var ge=G.extend({data:null}),he=G.extend({data:null}),ie=[9,13,27,32],je=ya&&"CompositionEvent"in window,ke=null;ya&&"documentMode"in document&&(ke=document.documentMode);
40307
+ var le=ya&&"TextEvent"in window&&!ke,me=ya&&(!je||ke&&8<ke&&11>=ke),ne=String.fromCharCode(32),oe={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",
40308
+ captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},pe=!1;
40309
+ function qe(a,b){switch(a){case "keyup":return -1!==ie.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "blur":return !0;default:return !1}}function re(a){a=a.detail;return "object"===typeof a&&"data"in a?a.data:null}var se=!1;function te(a,b){switch(a){case "compositionend":return re(b);case "keypress":if(32!==b.which)return null;pe=!0;return ne;case "textInput":return a=b.data,a===ne&&pe?null:a;default:return null}}
40310
+ function ue(a,b){if(se)return "compositionend"===a||!je&&qe(a,b)?(a=ae(),$d=Zd=Yd=null,se=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return me&&"ko"!==b.locale?null:b.data;default:return null}}
40311
+ var ve={eventTypes:oe,extractEvents:function(a,b,c,d){var e;if(je)b:{switch(a){case "compositionstart":var f=oe.compositionStart;break b;case "compositionend":f=oe.compositionEnd;break b;case "compositionupdate":f=oe.compositionUpdate;break b}f=void 0;}else se?qe(a,c)&&(f=oe.compositionEnd):"keydown"===a&&229===c.keyCode&&(f=oe.compositionStart);f?(me&&"ko"!==c.locale&&(se||f!==oe.compositionStart?f===oe.compositionEnd&&se&&(e=ae()):(Yd=d,Zd="value"in Yd?Yd.value:Yd.textContent,se=!0)),f=ge.getPooled(f,
40312
+ b,c,d),e?f.data=e:(e=re(c),null!==e&&(f.data=e)),Xd(f),e=f):e=null;(a=le?te(a,c):ue(a,c))?(b=he.getPooled(oe.beforeInput,b,c,d),b.data=a,Xd(b)):b=null;return null===e?b:null===b?e:[e,b]}},we={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function xe(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return "input"===b?!!we[a.type]:"textarea"===b?!0:!1}
40313
+ var ye={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function ze(a,b,c){a=G.getPooled(ye.change,a,b,c);a.type="change";Da(c);Xd(a);return a}var Ae=null,Be=null;function Ce(a){mc(a);}function De(a){var b=Pd(a);if(yb(b))return a}function Ee(a,b){if("change"===a)return b}var Fe=!1;ya&&(Fe=oc("input")&&(!document.documentMode||9<document.documentMode));
40314
+ function Ge(){Ae&&(Ae.detachEvent("onpropertychange",He),Be=Ae=null);}function He(a){if("value"===a.propertyName&&De(Be))if(a=ze(Be,a,nc(a)),Ja)mc(a);else {Ja=!0;try{Fa(Ce,a);}finally{Ja=!1,La();}}}function Ie(a,b,c){"focus"===a?(Ge(),Ae=b,Be=c,Ae.attachEvent("onpropertychange",He)):"blur"===a&&Ge();}function Je(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return De(Be)}function Ke(a,b){if("click"===a)return De(b)}function Le(a,b){if("input"===a||"change"===a)return De(b)}
40315
+ var Me={eventTypes:ye,_isInputEventSupported:Fe,extractEvents:function(a,b,c,d){var e=b?Pd(b):window,f=e.nodeName&&e.nodeName.toLowerCase();if("select"===f||"input"===f&&"file"===e.type)var g=Ee;else if(xe(e))if(Fe)g=Le;else {g=Je;var h=Ie;}else (f=e.nodeName)&&"input"===f.toLowerCase()&&("checkbox"===e.type||"radio"===e.type)&&(g=Ke);if(g&&(g=g(a,b)))return ze(g,c,d);h&&h(a,e,b);"blur"===a&&(a=e._wrapperState)&&a.controlled&&"number"===e.type&&Db(e,"number",e.value);}},Ne=G.extend({view:null,detail:null}),
40316
+ Oe={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Pe(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Oe[a])?!!b[a]:!1}function Qe(){return Pe}
40317
+ var Re=0,Se=0,Te=!1,Ue=!1,Ve=Ne.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Qe,button:null,buttons:null,relatedTarget:function(a){return a.relatedTarget||(a.fromElement===a.srcElement?a.toElement:a.fromElement)},movementX:function(a){if("movementX"in a)return a.movementX;var b=Re;Re=a.screenX;return Te?"mousemove"===a.type?a.screenX-b:0:(Te=!0,0)},movementY:function(a){if("movementY"in a)return a.movementY;
40318
+ var b=Se;Se=a.screenY;return Ue?"mousemove"===a.type?a.screenY-b:0:(Ue=!0,0)}}),We=Ve.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),Xe={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",
40319
+ dependencies:["pointerout","pointerover"]}},Ye={eventTypes:Xe,extractEvents:function(a,b,c,d,e){var f="mouseover"===a||"pointerover"===a,g="mouseout"===a||"pointerout"===a;if(f&&0===(e&32)&&(c.relatedTarget||c.fromElement)||!g&&!f)return null;f=d.window===d?d:(f=d.ownerDocument)?f.defaultView||f.parentWindow:window;if(g){if(g=b,b=(b=c.relatedTarget||c.toElement)?tc(b):null,null!==b){var h=dc(b);if(b!==h||5!==b.tag&&6!==b.tag)b=null;}}else g=null;if(g===b)return null;if("mouseout"===a||"mouseover"===
40320
+ a){var k=Ve;var l=Xe.mouseLeave;var m=Xe.mouseEnter;var p="mouse";}else if("pointerout"===a||"pointerover"===a)k=We,l=Xe.pointerLeave,m=Xe.pointerEnter,p="pointer";a=null==g?f:Pd(g);f=null==b?f:Pd(b);l=k.getPooled(l,g,c,d);l.type=p+"leave";l.target=a;l.relatedTarget=f;c=k.getPooled(m,b,c,d);c.type=p+"enter";c.target=f;c.relatedTarget=a;d=g;p=b;if(d&&p)a:{k=d;m=p;g=0;for(a=k;a;a=Rd(a))g++;a=0;for(b=m;b;b=Rd(b))a++;for(;0<g-a;)k=Rd(k),g--;for(;0<a-g;)m=Rd(m),a--;for(;g--;){if(k===m||k===m.alternate)break a;
40321
+ k=Rd(k);m=Rd(m);}k=null;}else k=null;m=k;for(k=[];d&&d!==m;){g=d.alternate;if(null!==g&&g===m)break;k.push(d);d=Rd(d);}for(d=[];p&&p!==m;){g=p.alternate;if(null!==g&&g===m)break;d.push(p);p=Rd(p);}for(p=0;p<k.length;p++)Vd(k[p],"bubbled",l);for(p=d.length;0<p--;)Vd(d[p],"captured",c);return 0===(e&64)?[l]:[l,c]}};function Ze(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var $e="function"===typeof Object.is?Object.is:Ze,af=Object.prototype.hasOwnProperty;
40322
+ function bf(a,b){if($e(a,b))return !0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return !1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return !1;for(d=0;d<c.length;d++)if(!af.call(b,c[d])||!$e(a[c[d]],b[c[d]]))return !1;return !0}
40323
+ var cf=ya&&"documentMode"in document&&11>=document.documentMode,df={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},ef=null,ff=null,gf=null,hf=!1;
40324
+ function jf(a,b){var c=b.window===b?b.document:9===b.nodeType?b:b.ownerDocument;if(hf||null==ef||ef!==td(c))return null;c=ef;"selectionStart"in c&&yd(c)?c={start:c.selectionStart,end:c.selectionEnd}:(c=(c.ownerDocument&&c.ownerDocument.defaultView||window).getSelection(),c={anchorNode:c.anchorNode,anchorOffset:c.anchorOffset,focusNode:c.focusNode,focusOffset:c.focusOffset});return gf&&bf(gf,c)?null:(gf=c,a=G.getPooled(df.select,ff,a,b),a.type="select",a.target=ef,Xd(a),a)}
40325
+ var kf={eventTypes:df,extractEvents:function(a,b,c,d,e,f){e=f||(d.window===d?d.document:9===d.nodeType?d:d.ownerDocument);if(!(f=!e)){a:{e=cc$1(e);f=wa.onSelect;for(var g=0;g<f.length;g++)if(!e.has(f[g])){e=!1;break a}e=!0;}f=!e;}if(f)return null;e=b?Pd(b):window;switch(a){case "focus":if(xe(e)||"true"===e.contentEditable)ef=e,ff=b,gf=null;break;case "blur":gf=ff=ef=null;break;case "mousedown":hf=!0;break;case "contextmenu":case "mouseup":case "dragend":return hf=!1,jf(c,d);case "selectionchange":if(cf)break;
40326
+ case "keydown":case "keyup":return jf(c,d)}return null}},lf=G.extend({animationName:null,elapsedTime:null,pseudoElement:null}),mf=G.extend({clipboardData:function(a){return "clipboardData"in a?a.clipboardData:window.clipboardData}}),nf=Ne.extend({relatedTarget:null});function of(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}
40327
+ var pf={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},qf={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",
40328
+ 116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},rf=Ne.extend({key:function(a){if(a.key){var b=pf[a.key]||a.key;if("Unidentified"!==b)return b}return "keypress"===a.type?(a=of(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?qf[a.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Qe,charCode:function(a){return "keypress"===
40329
+ a.type?of(a):0},keyCode:function(a){return "keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return "keypress"===a.type?of(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),sf=Ve.extend({dataTransfer:null}),tf=Ne.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Qe}),uf=G.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),vf=Ve.extend({deltaX:function(a){return "deltaX"in a?a.deltaX:"wheelDeltaX"in
40330
+ a?-a.wheelDeltaX:0},deltaY:function(a){return "deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:null,deltaMode:null}),wf={eventTypes:Wc,extractEvents:function(a,b,c,d){var e=Yc.get(a);if(!e)return null;switch(a){case "keypress":if(0===of(c))return null;case "keydown":case "keyup":a=rf;break;case "blur":case "focus":a=nf;break;case "click":if(2===c.button)return null;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":a=
40331
+ Ve;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":a=sf;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":a=tf;break;case Xb:case Yb:case Zb:a=lf;break;case $b:a=uf;break;case "scroll":a=Ne;break;case "wheel":a=vf;break;case "copy":case "cut":case "paste":a=mf;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":a=
40332
+ We;break;default:a=G;}b=a.getPooled(e,b,c,d);Xd(b);return b}};if(pa)throw Error(u(101));pa=Array.prototype.slice.call("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" "));ra();var xf=Nc;la=Qd;ma=xf;na=Pd;xa({SimpleEventPlugin:wf,EnterLeaveEventPlugin:Ye,ChangeEventPlugin:Me,SelectEventPlugin:kf,BeforeInputEventPlugin:ve});var If=scheduler.unstable_runWithPriority,Jf=scheduler.unstable_scheduleCallback,Kf=scheduler.unstable_cancelCallback,Lf=scheduler.unstable_requestPaint,Mf=scheduler.unstable_now,Nf=scheduler.unstable_getCurrentPriorityLevel,Of=scheduler.unstable_ImmediatePriority,Pf=scheduler.unstable_UserBlockingPriority,Qf=scheduler.unstable_NormalPriority,Rf=scheduler.unstable_LowPriority,Sf=scheduler.unstable_IdlePriority,Uf=scheduler.unstable_shouldYield,Zf=Mf();
40333
+ var Dg=Wa.ReactCurrentBatchConfig,Eg=(new React__default.Component).refs;var jh=Wa.ReactCurrentDispatcher,kh=Wa.ReactCurrentBatchConfig;var Yh=Wa.ReactCurrentOwner;var cj=Wa.ReactCurrentDispatcher,dj=Wa.ReactCurrentOwner;function Mj(a,b){try{return a(b)}finally{}}var Uj=null,Li=null;function Yj(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return !1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return !0;try{var c=b.inject(a);Uj=function(a){try{b.onCommitFiberRoot(c,a,void 0,64===(a.current.effectTag&64));}catch(e){}};Li=function(a){try{b.onCommitFiberUnmount(c,a);}catch(e){}};}catch(d){}return !0}
40334
+ za=function(a,b,c){switch(b){case "input":Cb(a,c);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll("input[name="+JSON.stringify(""+b)+'][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Qd(d);if(!e)throw Error(u(90));yb(d);Cb(d,e);}}}break;case "textarea":Kb(a,c);break;case "select":b=c.value,null!=b&&Hb(a,!!c.multiple,b,!1);}};Fa=Mj;
40335
+ Ha=function(){};(function(a){var b=a.findFiberByHostInstance;return Yj(objectAssign({},a,{overrideHookState:null,overrideProps:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:Wa.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=hc(a);return null===a?null:a.stateNode},findFiberByHostInstance:function(a){return b?b(a):null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null}))})({findFiberByHostInstance:tc,bundleType:0,version:"16.14.0",
40336
+ rendererPackageName:"react-dom"});
40337
+
39258
40338
  var AutopayModal = function AutopayModal(_ref) {
39259
40339
  var autoPayActive = _ref.autoPayActive,
39260
40340
  autoPaySchedule = _ref.autoPaySchedule,
@@ -39263,7 +40343,8 @@ var AutopayModal = function AutopayModal(_ref) {
39263
40343
  modalOpen = _ref.modalOpen,
39264
40344
  deactivatePaymentSchedule = _ref.deactivatePaymentSchedule,
39265
40345
  navigateToSettings = _ref.navigateToSettings,
39266
- buttonLinkType = _ref.buttonLinkType,
40346
+ _ref$controlType = _ref.controlType,
40347
+ controlType = _ref$controlType === void 0 ? "tertiary" : _ref$controlType,
39267
40348
  isMobile = _ref.isMobile,
39268
40349
  themeValues = _ref.themeValues,
39269
40350
  isPaymentPlan = _ref.isPaymentPlan,
@@ -39282,6 +40363,68 @@ var AutopayModal = function AutopayModal(_ref) {
39282
40363
  var hoverStyles = "\n &:hover {\n .autopayIcon { fill: ".concat(themeValues.hoverColor, "; text-decoration: underline; cursor: pointer; }\n }");
39283
40364
  var activeStyles = "\n &:active {\n .autopayIcon { fill: ".concat(themeValues.activeColor, "; text-decoration: underline; }\n }");
39284
40365
  var defaultStyles = "\n .autopayIcon { fill: ".concat(themeValues.color, "; text-decoration: underline; }\n ");
40366
+
40367
+ var renderAutoPayControl = function renderAutoPayControl() {
40368
+ switch (controlType) {
40369
+ case "secondary":
40370
+ {
40371
+ return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
40372
+ text: autoPayActive ? "Turn off ".concat(planType) : "Set Up ".concat(planType),
40373
+ variant: "secondary",
40374
+ action: function action() {
40375
+ toggleModal(true);
40376
+ },
40377
+ dataQa: "Turn off Autopay",
40378
+ extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "margin: 0px"
40379
+ });
40380
+ }
40381
+
40382
+ case "tertiary":
40383
+ {
40384
+ return /*#__PURE__*/React__default.createElement(ButtonWithAction, {
40385
+ text: autoPayActive ? "Manage ".concat(planType) : "Set Up ".concat(planType),
40386
+ variant: "tertiary",
40387
+ action: function action() {
40388
+ toggleModal(true);
40389
+ },
40390
+ dataQa: "Manage Autopay",
40391
+ extraStyles: isMobile && "flex-grow: 1; width: 100%;"
40392
+ });
40393
+ }
40394
+
40395
+ case "link":
40396
+ {
40397
+ /*#__PURE__*/
40398
+ React__default.createElement(Box, {
40399
+ padding: "0",
40400
+ onClick: function onClick() {
40401
+ toggleModal(true);
40402
+ },
40403
+ hoverStyles: hoverStyles,
40404
+ activeStyles: activeStyles,
40405
+ extraStyles: defaultStyles
40406
+ }, /*#__PURE__*/React__default.createElement(Cluster, {
40407
+ justify: isMobile ? "flex-start" : "flex-end",
40408
+ align: "center"
40409
+ }, /*#__PURE__*/React__default.createElement(AutopayOnIcon$1, null), /*#__PURE__*/React__default.createElement(Text$1, {
40410
+ variant: "pS",
40411
+ onClick: function onClick() {
40412
+ return toggleModal(true);
40413
+ },
40414
+ onKeyPress: function onKeyPress(e) {
40415
+ e.key === "Enter" && toggleModal(true);
40416
+ },
40417
+ tabIndex: "0",
40418
+ dataQa: "".concat(planType, " On"),
40419
+ color: SEA_GREEN,
40420
+ weight: themeValues.fontWeight,
40421
+ hoverStyles: themeValues.modalLinkHoverFocus,
40422
+ extraStyles: "padding-left: 0.25rem;"
40423
+ }, "".concat(planType, " ").concat(nextAutopayDate))));
40424
+ }
40425
+ }
40426
+ };
40427
+
39285
40428
  return /*#__PURE__*/React__default.createElement(Modal$1, _extends({
39286
40429
  showModal: function showModal() {
39287
40430
  return toggleModal(true);
@@ -39290,43 +40433,7 @@ var AutopayModal = function AutopayModal(_ref) {
39290
40433
  return toggleModal(false);
39291
40434
  },
39292
40435
  modalOpen: modalOpen
39293
- }, modalExtraProps), buttonLinkType ? /*#__PURE__*/React__default.createElement(ButtonWithAction, {
39294
- text: autoPayActive ? "Manage ".concat(planType) : "Set Up ".concat(planType),
39295
- variant: "tertiary",
39296
- action: function action() {
39297
- toggleModal(true);
39298
- },
39299
- dataQa: "Manage Autopay",
39300
- extraStyles: isMobile && "flex-grow: 1; width: 100%;"
39301
- }) : /*#__PURE__*/React__default.createElement(Box, {
39302
- padding: "0",
39303
- onClick: function onClick() {
39304
- toggleModal(true);
39305
- },
39306
- hoverStyles: hoverStyles,
39307
- activeStyles: activeStyles,
39308
- extraStyles: defaultStyles
39309
- }, /*#__PURE__*/React__default.createElement(Cluster, {
39310
- justify: isMobile ? "flex-start" : "flex-end",
39311
- align: "center"
39312
- }, /*#__PURE__*/React__default.createElement(AutopayOnIcon$1, null), /*#__PURE__*/React__default.createElement(Text$1, {
39313
- variant: "pS",
39314
- onClick: function onClick() {
39315
- return toggleModal(true);
39316
- },
39317
- onKeyPress: function onKeyPress(e) {
39318
- console.log({
39319
- e: e
39320
- });
39321
- e.key === "Enter" && toggleModal(true);
39322
- },
39323
- tabIndex: "0",
39324
- dataQa: "".concat(planType, " On"),
39325
- color: SEA_GREEN,
39326
- weight: themeValues.fontWeight,
39327
- hoverStyles: themeValues.modalLinkHoverFocus,
39328
- extraStyles: "padding-left: 0.25rem;"
39329
- }, "".concat(planType, " ").concat(nextAutopayDate)))));
40436
+ }, modalExtraProps), renderAutoPayControl());
39330
40437
  };
39331
40438
 
39332
40439
  var AutopayModalModule = themeComponent(AutopayModal, "AutopayModal", fallbackValues$z);
@@ -39368,7 +40475,8 @@ var AmountModule = function AmountModule(_ref) {
39368
40475
  isMobile: isMobile,
39369
40476
  paymentPlanSchedule: paymentPlanSchedule,
39370
40477
  isPaymentPlan: isPaymentPlan,
39371
- nextAutopayDate: nextAutopayDate
40478
+ nextAutopayDate: nextAutopayDate,
40479
+ controlType: "link"
39372
40480
  })));
39373
40481
  };
39374
40482
 
@@ -39476,7 +40584,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
39476
40584
  modalOpen: modalOpen,
39477
40585
  navigateToSettings: navigateToSettings,
39478
40586
  deactivatePaymentSchedule: deactivatePaymentSchedule,
39479
- buttonLinkType: true,
40587
+ controlType: "tertiary",
39480
40588
  isMobile: isMobile,
39481
40589
  paymentPlanSchedule: paymentPlanSchedule,
39482
40590
  isPaymentPlan: isPaymentPlan,
@@ -39536,7 +40644,8 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
39536
40644
  border: isMobile ? "1px solid ".concat(GHOST_GREY) : "0px",
39537
40645
  borderWidthOverride: isMobile ? "1px 0 0 0" : "0px"
39538
40646
  }, /*#__PURE__*/React__default.createElement(Cluster, {
39539
- childGap: isMobile ? "8px" : "18px"
40647
+ childGap: isMobile ? "8px" : "16px",
40648
+ nowrap: true
39540
40649
  }, autoPayEnabled && /*#__PURE__*/React__default.createElement(Box, {
39541
40650
  padding: "0",
39542
40651
  extraStyles: "flex-grow: 1;"
@@ -39547,21 +40656,21 @@ var InactiveControlsModule = function InactiveControlsModule(_ref) {
39547
40656
  modalOpen: modalOpen,
39548
40657
  navigateToSettings: navigateToSettings,
39549
40658
  deactivatePaymentSchedule: deactivatePaymentSchedule,
39550
- buttonLinkType: true,
39551
40659
  isMobile: isMobile,
39552
40660
  paymentPlanSchedule: paymentPlanSchedule,
39553
40661
  isPaymentPlan: isPaymentPlan,
39554
40662
  nextAutopayDate: nextAutopayDate,
39555
- obligationAssocID: obligationAssocID
40663
+ obligationAssocID: obligationAssocID,
40664
+ controlType: "secondary"
39556
40665
  })), /*#__PURE__*/React__default.createElement(Box, {
39557
40666
  padding: "0",
39558
40667
  extraStyles: "flex-grow: 1;"
39559
40668
  }, /*#__PURE__*/React__default.createElement(ButtonWithAction, {
39560
- variant: "tertiary",
40669
+ variant: "secondary",
39561
40670
  text: "Remove",
39562
40671
  action: handleRemoveAccount,
39563
40672
  dataQa: "Remove Account",
39564
- extraStyles: isMobile && "flex-grow: 1; width: 100%;"
40673
+ extraStyles: isMobile ? "flex-grow: 1; width: 100%;" : "margin: 0px;"
39565
40674
  }))));
39566
40675
  };
39567
40676
 
@@ -39595,6 +40704,8 @@ var InactiveTitleModule = function InactiveTitleModule(_ref) {
39595
40704
  };
39596
40705
 
39597
40706
  var Obligation = function Obligation(_ref) {
40707
+ var _firstObligation$cust, _firstObligation$desc, _firstObligation$subD;
40708
+
39598
40709
  var config = _ref.config,
39599
40710
  obligations = _ref.obligations,
39600
40711
  actions = _ref.actions,
@@ -39609,29 +40720,39 @@ var Obligation = function Obligation(_ref) {
39609
40720
  isPaymentPlan = _ref.isPaymentPlan,
39610
40721
  nextAutopayDate = _ref.nextAutopayDate,
39611
40722
  obligationAssocID = _ref.obligationAssocID,
39612
- _ref$isActive = _ref.isActive,
39613
- isActive = _ref$isActive === void 0 ? true : _ref$isActive,
40723
+ _ref$inactive = _ref.inactive,
40724
+ inactive = _ref$inactive === void 0 ? false : _ref$inactive,
39614
40725
  _ref$inactiveLookupTi = _ref.inactiveLookupTitle,
39615
40726
  inactiveLookupTitle = _ref$inactiveLookupTi === void 0 ? "" : _ref$inactiveLookupTi,
39616
40727
  _ref$inactiveLookupIn = _ref.inactiveLookupInput,
39617
40728
  inactiveLookupInput = _ref$inactiveLookupIn === void 0 ? "Account" : _ref$inactiveLookupIn,
39618
40729
  _ref$inactiveLookupVa = _ref.inactiveLookupValue,
39619
40730
  inactiveLookupValue = _ref$inactiveLookupVa === void 0 ? "" : _ref$inactiveLookupVa;
39620
- var obligation = obligations[0];
39621
- var customAttributes = obligation.customAttributes;
40731
+
40732
+ /*
40733
+ The value of obligations is always an array. It can contain:
40734
+ - A single obligation
40735
+ - A group of obligations (a "collection")
40736
+
40737
+ The top level desc/subdesc for all obligations in a collection is the same
40738
+ (Collection accounts look different in the Account Details page)
40739
+ */
40740
+ var firstObligation = obligations[0];
40741
+ var customAttributes = (_firstObligation$cust = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.customAttributes) !== null && _firstObligation$cust !== void 0 ? _firstObligation$cust : {};
39622
40742
  var boxShadowValue = "0px 4px 4px rgba(41, 42, 51, 0.1), 0px 1px 1px 2px rgba(41, 42, 51, 0.1);";
39623
40743
  var activeObligation = /*#__PURE__*/React__default.createElement(Box, {
39624
40744
  padding: "0",
39625
40745
  borderRadius: "4px",
39626
40746
  boxShadow: boxShadowValue,
39627
40747
  as: "section",
39628
- "aria-label": "".concat(obligation.description, " ").concat(obligation.subDescription)
40748
+ "aria-label": "".concat((_firstObligation$desc = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.description) !== null && _firstObligation$desc !== void 0 ? _firstObligation$desc : "account", " ").concat((_firstObligation$subD = firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.subDescription) !== null && _firstObligation$subD !== void 0 ? _firstObligation$subD : obligationAssocID)
39629
40749
  }, /*#__PURE__*/React__default.createElement(Box, {
39630
- background: WHITE
40750
+ background: WHITE,
40751
+ padding: "24px 16px"
39631
40752
  }, /*#__PURE__*/React__default.createElement(Stack, {
39632
40753
  childGap: "14px"
39633
40754
  }, /*#__PURE__*/React__default.createElement(Box, {
39634
- key: "".concat(obligations[0].id, "-top"),
40755
+ key: "".concat(firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.id, "-top"),
39635
40756
  padding: "0 8px",
39636
40757
  minWidth: "100%"
39637
40758
  }, /*#__PURE__*/React__default.createElement(Cluster, {
@@ -39651,12 +40772,12 @@ var Obligation = function Obligation(_ref) {
39651
40772
  iconValue: config.iconValue,
39652
40773
  customAttributes: customAttributes
39653
40774
  }), /*#__PURE__*/React__default.createElement(TitleModule, {
39654
- title: obligation.description,
39655
- subtitle: obligation.subDescription,
40775
+ title: firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.description,
40776
+ subtitle: firstObligation === null || firstObligation === void 0 ? void 0 : firstObligation.subDescription,
39656
40777
  titleColor: BRIGHT_GREY,
39657
40778
  isMobile: isMobile
39658
40779
  }))), !isMobile && /*#__PURE__*/React__default.createElement(AmountModule, {
39659
- totalAmountDue: obligations.reduce(function (acc, curr) {
40780
+ totalAmountDue: obligations === null || obligations === void 0 ? void 0 : obligations.reduce(function (acc, curr) {
39660
40781
  return acc + curr.amountDue;
39661
40782
  }, 0),
39662
40783
  autoPayEnabled: autoPayEnabled,
@@ -39703,23 +40824,25 @@ var Obligation = function Obligation(_ref) {
39703
40824
  as: "section",
39704
40825
  "aria-label": "".concat(inactiveLookupTitle, " ").concat(inactiveLookupInput, ": ").concat(inactiveLookupValue)
39705
40826
  }, /*#__PURE__*/React__default.createElement(Box, {
39706
- background: ATHENS_GREY
40827
+ background: ATHENS_GREY,
40828
+ padding: "24px"
39707
40829
  }, /*#__PURE__*/React__default.createElement(Stack, {
39708
40830
  childGap: "14px"
39709
40831
  }, /*#__PURE__*/React__default.createElement(Box, {
39710
- key: "".concat(obligations[0].id, "-top"),
39711
- padding: "0 8px",
40832
+ key: "".concat(obligationAssocID, "-top"),
40833
+ padding: "0",
39712
40834
  minWidth: "100%"
39713
40835
  }, /*#__PURE__*/React__default.createElement(Cluster, {
39714
40836
  justify: "space-between",
39715
40837
  align: "center",
39716
- childGap: "4px",
40838
+ childGap: "40px",
39717
40839
  nowrap: true
39718
40840
  }, /*#__PURE__*/React__default.createElement(Box, {
39719
40841
  padding: "0"
39720
40842
  }, /*#__PURE__*/React__default.createElement(Cluster, {
39721
40843
  justify: "flex-start",
39722
- align: "center"
40844
+ align: "center",
40845
+ nowrap: true
39723
40846
  }, /*#__PURE__*/React__default.createElement(IconsModule, {
39724
40847
  icon: config.icon,
39725
40848
  iconDefault: config.iconDefault,
@@ -39755,7 +40878,7 @@ var Obligation = function Obligation(_ref) {
39755
40878
  nextAutopayDate: nextAutopayDate,
39756
40879
  obligationAssocID: obligationAssocID
39757
40880
  }))));
39758
- return isActive ? activeObligation : inactiveObligation;
40881
+ return inactive ? inactiveObligation : activeObligation;
39759
40882
  };
39760
40883
 
39761
40884
  var PartialAmountForm = function PartialAmountForm(_ref) {