idmission-web-sdk 2.1.83 → 2.1.85

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/sdk2.esm.js CHANGED
@@ -204,7 +204,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
204
204
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
205
205
  };
206
206
 
207
- var webSdkVersion = '2.1.83';
207
+ var webSdkVersion = '2.1.85';
208
208
 
209
209
  function getPlatform() {
210
210
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -7812,6 +7812,55 @@ function IdCaptureLoadingGraphicMobile(_a) {
7812
7812
  }))));
7813
7813
  }
7814
7814
 
7815
+ function LoadingListItemIndicator(_a) {
7816
+ var _b = _a.state,
7817
+ state = _b === void 0 ? 'running' : _b,
7818
+ svgProps = __rest(_a, ["state"]);
7819
+ return /*#__PURE__*/React__default.createElement("svg", _assign({
7820
+ width: "16",
7821
+ height: "16",
7822
+ viewBox: "0 0 24 24",
7823
+ fill: "none",
7824
+ xmlns: "http://www.w3.org/2000/svg",
7825
+ style: _assign({
7826
+ margin: 'auto 0.5rem auto 0',
7827
+ flexShrink: 0
7828
+ }, svgProps.style)
7829
+ }, svgProps), state === 'done' ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("g", {
7830
+ clipPath: "url(#clip0_49_385)"
7831
+ }, /*#__PURE__*/React__default.createElement("path", {
7832
+ fillRule: "evenodd",
7833
+ clipRule: "evenodd",
7834
+ d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM19.5643 8.27852C19.9549 7.88799 19.9549 7.25483 19.5643 6.8643C19.1738 6.47378 18.5406 6.47378 18.1501 6.8643L9.42866 15.5858L5.85005 12.0072C5.45953 11.6166 4.82636 11.6166 4.43584 12.0072C4.04531 12.3977 4.04531 13.0309 4.43584 13.4214L8.72155 17.7071C9.11208 18.0976 9.74524 18.0976 10.1358 17.7071L19.5643 8.27852Z",
7835
+ fill: "currentColor"
7836
+ })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
7837
+ id: "clip0_49_385"
7838
+ }, /*#__PURE__*/React__default.createElement("rect", {
7839
+ width: "24",
7840
+ height: "24",
7841
+ fill: "white"
7842
+ }))))) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("g", {
7843
+ clipPath: "url(#clip0_49_370)"
7844
+ }, /*#__PURE__*/React__default.createElement("mask", {
7845
+ id: "path-1-inside-1_49_370",
7846
+ fill: "white"
7847
+ }, /*#__PURE__*/React__default.createElement("path", {
7848
+ fillRule: "evenodd",
7849
+ clipRule: "evenodd",
7850
+ d: "M3.51472 20.4855C8.20101 25.1718 15.799 25.1718 20.4853 20.4855C25.1716 15.7992 25.1716 8.20119 20.4853 3.5149C15.799 -1.17139 8.20101 -1.17139 3.51472 3.5149C-1.17157 8.20119 -1.17157 15.7992 3.51472 20.4855Z"
7851
+ })), /*#__PURE__*/React__default.createElement("path", {
7852
+ d: "M6.39814 11.459C5.84586 11.459 5.39814 11.9067 5.39814 12.459C5.39814 13.0112 5.84586 13.459 6.39814 13.459V11.459ZM17.6019 13.459C18.1541 13.459 18.6019 13.0112 18.6019 12.459C18.6019 11.9067 18.1541 11.459 17.6019 11.459V13.459ZM6.39814 13.459H17.6019V11.459H6.39814V13.459ZM3.51472 20.4855L4.92893 19.0713L4.92893 19.0713L3.51472 20.4855ZM20.4853 3.5149L19.0711 4.92912L19.0711 4.92912L20.4853 3.5149ZM3.51472 3.5149L4.92893 4.92912L4.92893 4.92912L3.51472 3.5149ZM19.0711 19.0713C15.1658 22.9765 8.83417 22.9765 4.92893 19.0713L2.10051 21.8997C7.56784 27.367 16.4322 27.367 21.8995 21.8997L19.0711 19.0713ZM19.0711 4.92912C22.9763 8.83436 22.9763 15.166 19.0711 19.0713L21.8995 21.8997C27.3668 16.4323 27.3668 7.56803 21.8995 2.10069L19.0711 4.92912ZM4.92893 4.92912C8.83417 1.02387 15.1658 1.02387 19.0711 4.92912L21.8995 2.10069C16.4322 -3.36665 7.56784 -3.36665 2.10051 2.10069L4.92893 4.92912ZM4.92893 19.0713C1.02369 15.166 1.02369 8.83436 4.92893 4.92912L2.10051 2.10069C-3.36683 7.56803 -3.36683 16.4323 2.10051 21.8997L4.92893 19.0713Z",
7853
+ fill: "currentColor",
7854
+ mask: "url(#path-1-inside-1_49_370)"
7855
+ })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
7856
+ id: "clip0_49_370"
7857
+ }, /*#__PURE__*/React__default.createElement("rect", {
7858
+ width: "24",
7859
+ height: "24",
7860
+ fill: "white"
7861
+ }))))));
7862
+ }
7863
+
7815
7864
  var legacyInstructionImageUrl$1 = "".concat(DEFAULT_CDN_URL, "/WebSDK-Instruction-DL-Capture-3-Portrait.png");
7816
7865
  var IdCaptureLoadingOverlayDefault = function IdCaptureLoadingOverlayDefault(_a) {
7817
7866
  var _b, _c, _d, _e, _f, _g;
@@ -7986,54 +8035,6 @@ var StyledButtonsRow$a = styled(ButtonsRow)(templateObject_8$2 || (templateObjec
7986
8035
  var LoadingListContainer$1 = styled.div(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
7987
8036
  var LoadingList$1 = styled.ul(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
7988
8037
  var LoadingListItem$1 = styled.li(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
7989
- function LoadingListItemIndicator(_a) {
7990
- var _b = _a.state,
7991
- state = _b === void 0 ? 'running' : _b,
7992
- svgProps = __rest(_a, ["state"]);
7993
- return /*#__PURE__*/React__default.createElement("svg", _assign({
7994
- width: "16",
7995
- height: "16",
7996
- viewBox: "0 0 24 24",
7997
- fill: "none",
7998
- xmlns: "http://www.w3.org/2000/svg",
7999
- style: _assign({
8000
- margin: 'auto 0.5rem auto 0',
8001
- flexShrink: 0
8002
- }, svgProps.style)
8003
- }, svgProps), state === 'done' ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("g", {
8004
- clipPath: "url(#clip0_49_385)"
8005
- }, /*#__PURE__*/React__default.createElement("path", {
8006
- fillRule: "evenodd",
8007
- clipRule: "evenodd",
8008
- d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM19.5643 8.27852C19.9549 7.88799 19.9549 7.25483 19.5643 6.8643C19.1738 6.47378 18.5406 6.47378 18.1501 6.8643L9.42866 15.5858L5.85005 12.0072C5.45953 11.6166 4.82636 11.6166 4.43584 12.0072C4.04531 12.3977 4.04531 13.0309 4.43584 13.4214L8.72155 17.7071C9.11208 18.0976 9.74524 18.0976 10.1358 17.7071L19.5643 8.27852Z",
8009
- fill: "currentColor"
8010
- })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
8011
- id: "clip0_49_385"
8012
- }, /*#__PURE__*/React__default.createElement("rect", {
8013
- width: "24",
8014
- height: "24",
8015
- fill: "white"
8016
- }))))) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("g", {
8017
- clipPath: "url(#clip0_49_370)"
8018
- }, /*#__PURE__*/React__default.createElement("mask", {
8019
- id: "path-1-inside-1_49_370",
8020
- fill: "white"
8021
- }, /*#__PURE__*/React__default.createElement("path", {
8022
- fillRule: "evenodd",
8023
- clipRule: "evenodd",
8024
- d: "M3.51472 20.4855C8.20101 25.1718 15.799 25.1718 20.4853 20.4855C25.1716 15.7992 25.1716 8.20119 20.4853 3.5149C15.799 -1.17139 8.20101 -1.17139 3.51472 3.5149C-1.17157 8.20119 -1.17157 15.7992 3.51472 20.4855Z"
8025
- })), /*#__PURE__*/React__default.createElement("path", {
8026
- d: "M6.39814 11.459C5.84586 11.459 5.39814 11.9067 5.39814 12.459C5.39814 13.0112 5.84586 13.459 6.39814 13.459V11.459ZM17.6019 13.459C18.1541 13.459 18.6019 13.0112 18.6019 12.459C18.6019 11.9067 18.1541 11.459 17.6019 11.459V13.459ZM6.39814 13.459H17.6019V11.459H6.39814V13.459ZM3.51472 20.4855L4.92893 19.0713L4.92893 19.0713L3.51472 20.4855ZM20.4853 3.5149L19.0711 4.92912L19.0711 4.92912L20.4853 3.5149ZM3.51472 3.5149L4.92893 4.92912L4.92893 4.92912L3.51472 3.5149ZM19.0711 19.0713C15.1658 22.9765 8.83417 22.9765 4.92893 19.0713L2.10051 21.8997C7.56784 27.367 16.4322 27.367 21.8995 21.8997L19.0711 19.0713ZM19.0711 4.92912C22.9763 8.83436 22.9763 15.166 19.0711 19.0713L21.8995 21.8997C27.3668 16.4323 27.3668 7.56803 21.8995 2.10069L19.0711 4.92912ZM4.92893 4.92912C8.83417 1.02387 15.1658 1.02387 19.0711 4.92912L21.8995 2.10069C16.4322 -3.36665 7.56784 -3.36665 2.10051 2.10069L4.92893 4.92912ZM4.92893 19.0713C1.02369 15.166 1.02369 8.83436 4.92893 4.92912L2.10051 2.10069C-3.36683 7.56803 -3.36683 16.4323 2.10051 21.8997L4.92893 19.0713Z",
8027
- fill: "white",
8028
- mask: "url(#path-1-inside-1_49_370)"
8029
- })), /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
8030
- id: "clip0_49_370"
8031
- }, /*#__PURE__*/React__default.createElement("rect", {
8032
- width: "24",
8033
- height: "24",
8034
- fill: "white"
8035
- }))))));
8036
- }
8037
8038
  var ProgressContainer$1 = styled.div(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
8038
8039
  var ProgressBarBackground$1 = styled.div(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
8039
8040
  var _a, _b, _c, _d;
@@ -12339,9 +12340,15 @@ var SelfieCaptureLoadingOverlayDefault = function SelfieCaptureLoadingOverlayDef
12339
12340
  className: classNames.loadingList
12340
12341
  }, /*#__PURE__*/React__default.createElement(LoadingListItem, {
12341
12342
  className: "".concat(classNames.loadingListItem, " ").concat(cameraReady ? 'done' : 'running')
12342
- }, cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingListItem, {
12343
+ }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
12344
+ className: classNames.loadingListItemIndicator,
12345
+ state: cameraReady ? 'done' : 'running'
12346
+ }), cameraReady ? verbiage.cameraInitializedText : verbiage.cameraInitializingText), /*#__PURE__*/React__default.createElement(LoadingListItem, {
12343
12347
  className: "".concat(classNames.loadingListItem, " ").concat(modelsReady ? 'done' : 'running')
12344
- }, modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer, {
12348
+ }, /*#__PURE__*/React__default.createElement(LoadingListItemIndicator, {
12349
+ className: classNames.loadingListItemIndicator,
12350
+ state: modelsReady ? 'done' : 'running'
12351
+ }), modelsReady ? verbiage.modelsReadyText : modelDownloadProgress >= 100 ? verbiage.modelsWarmingUpText : "".concat(verbiage.downloadingText, " (").concat(modelDownloadProgress, "%)")))), /*#__PURE__*/React__default.createElement(ContinueButtonContainer, {
12345
12352
  className: classNames.continueBtnContainer
12346
12353
  }, modelsReady && cameraReady && ( /*#__PURE__*/React__default.createElement(ContinueButton, {
12347
12354
  finished: true,
@@ -12379,7 +12386,7 @@ var StyledButtonsRow$5 = styled(ButtonsRow)(templateObject_4$6 || (templateObjec
12379
12386
  var StyledOverlayImageContainer = styled(OverlayImageContainer)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"], ["\n padding: 0;\n\n & > svg {\n height: 100%;\n }\n"])));
12380
12387
  var LoadingListContainer = styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n display: flex;\n position: relative;\n z-index: 2;\n"], ["\n display: flex;\n position: relative;\n z-index: 2;\n"])));
12381
12388
  var LoadingList = styled.ul(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"], ["\n display: block;\n margin: auto;\n list-style: none;\n padding: 0;\n"])));
12382
- var LoadingListItem = styled.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n\n &::before {\n content: '';\n display: inline-block;\n height: 1rem;\n min-width: 1rem;\n vertical-align: middle;\n background-size: cover;\n background-repeat: no-repeat;\n margin: auto 0.5rem auto 0;\n }\n\n &.done::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzg1KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTE5LjU2NDMgOC4yNzg1MkMxOS45NTQ5IDcuODg3OTkgMTkuOTU0OSA3LjI1NDgzIDE5LjU2NDMgNi44NjQzQzE5LjE3MzggNi40NzM3OCAxOC41NDA2IDYuNDczNzggMTguMTUwMSA2Ljg2NDNMOS40Mjg2NiAxNS41ODU4TDUuODUwMDUgMTIuMDA3MkM1LjQ1OTUzIDExLjYxNjYgNC44MjYzNiAxMS42MTY2IDQuNDM1ODQgMTIuMDA3MkM0LjA0NTMxIDEyLjM5NzcgNC4wNDUzMSAxMy4wMzA5IDQuNDM1ODQgMTMuNDIxNEw4LjcyMTU1IDE3LjcwNzFDOS4xMTIwOCAxOC4wOTc2IDkuNzQ1MjQgMTguMDk3NiAxMC4xMzU4IDE3LjcwNzFMMTkuNTY0MyA4LjI3ODUyWiIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF80OV8zODUiPjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=');\n }\n\n &.running::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzcwKSI+PG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV80OV8zNzAiIGZpbGw9IndoaXRlIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNTE0NzIgMjAuNDg1NUM4LjIwMTAxIDI1LjE3MTggMTUuNzk5IDI1LjE3MTggMjAuNDg1MyAyMC40ODU1QzI1LjE3MTYgMTUuNzk5MiAyNS4xNzE2IDguMjAxMTkgMjAuNDg1MyAzLjUxNDlDMTUuNzk5IC0xLjE3MTM5IDguMjAxMDEgLTEuMTcxMzkgMy41MTQ3MiAzLjUxNDlDLTEuMTcxNTcgOC4yMDExOSAtMS4xNzE1NyAxNS43OTkyIDMuNTE0NzIgMjAuNDg1NVoiLz48L21hc2s+PHBhdGggZD0iTTYuMzk4MTQgMTEuNDU5QzUuODQ1ODYgMTEuNDU5IDUuMzk4MTQgMTEuOTA2NyA1LjM5ODE0IDEyLjQ1OUM1LjM5ODE0IDEzLjAxMTIgNS44NDU4NiAxMy40NTkgNi4zOTgxNCAxMy40NTlWMTEuNDU5Wk0xNy42MDE5IDEzLjQ1OUMxOC4xNTQxIDEzLjQ1OSAxOC42MDE5IDEzLjAxMTIgMTguNjAxOSAxMi40NTlDMTguNjAxOSAxMS45MDY3IDE4LjE1NDEgMTEuNDU5IDE3LjYwMTkgMTEuNDU5VjEzLjQ1OVpNNi4zOTgxNCAxMy40NTlIMTcuNjAxOVYxMS40NTlINi4zOTgxNFYxMy40NTlaTTMuNTE0NzIgMjAuNDg1NUw0LjkyODkzIDE5LjA3MTNMNC45Mjg5MyAxOS4wNzEzTDMuNTE0NzIgMjAuNDg1NVpNMjAuNDg1MyAzLjUxNDlMMTkuMDcxMSA0LjkyOTEyTDE5LjA3MTEgNC45MjkxMkwyMC40ODUzIDMuNTE0OVpNMy41MTQ3MiAzLjUxNDlMNC45Mjg5MyA0LjkyOTEyTDQuOTI4OTMgNC45MjkxMkwzLjUxNDcyIDMuNTE0OVpNMTkuMDcxMSAxOS4wNzEzQzE1LjE2NTggMjIuOTc2NSA4LjgzNDE3IDIyLjk3NjUgNC45Mjg5MyAxOS4wNzEzTDIuMTAwNTEgMjEuODk5N0M3LjU2Nzg0IDI3LjM2NyAxNi40MzIyIDI3LjM2NyAyMS44OTk1IDIxLjg5OTdMMTkuMDcxMSAxOS4wNzEzWk0xOS4wNzExIDQuOTI5MTJDMjIuOTc2MyA4LjgzNDM2IDIyLjk3NjMgMTUuMTY2IDE5LjA3MTEgMTkuMDcxM0wyMS44OTk1IDIxLjg5OTdDMjcuMzY2OCAxNi40MzIzIDI3LjM2NjggNy41NjgwMyAyMS44OTk1IDIuMTAwNjlMMTkuMDcxMSA0LjkyOTEyWk00LjkyODkzIDQuOTI5MTJDOC44MzQxNyAxLjAyMzg3IDE1LjE2NTggMS4wMjM4NyAxOS4wNzExIDQuOTI5MTJMMjEuODk5NSAyLjEwMDY5QzE2LjQzMjIgLTMuMzY2NjUgNy41Njc4NCAtMy4zNjY2NSAyLjEwMDUxIDIuMTAwNjlMNC45Mjg5MyA0LjkyOTEyWk00LjkyODkzIDE5LjA3MTNDMS4wMjM2OSAxNS4xNjYgMS4wMjM2OSA4LjgzNDM2IDQuOTI4OTMgNC45MjkxMkwyLjEwMDUxIDIuMTAwNjlDLTMuMzY2ODMgNy41NjgwMyAtMy4zNjY4MyAxNi40MzIzIDIuMTAwNTEgMjEuODk5N0w0LjkyODkzIDE5LjA3MTNaIiBmaWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfNDlfMzcwKSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzQ5XzM3MCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');\n }\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n\n &::before {\n content: '';\n display: inline-block;\n height: 1rem;\n min-width: 1rem;\n vertical-align: middle;\n background-size: cover;\n background-repeat: no-repeat;\n margin: auto 0.5rem auto 0;\n }\n\n &.done::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzg1KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyNEMxOC42Mjc0IDI0IDI0IDE4LjYyNzQgMjQgMTJDMjQgNS4zNzI1OCAxOC42Mjc0IDAgMTIgMEM1LjM3MjU4IDAgMCA1LjM3MjU4IDAgMTJDMCAxOC42Mjc0IDUuMzcyNTggMjQgMTIgMjRaTTE5LjU2NDMgOC4yNzg1MkMxOS45NTQ5IDcuODg3OTkgMTkuOTU0OSA3LjI1NDgzIDE5LjU2NDMgNi44NjQzQzE5LjE3MzggNi40NzM3OCAxOC41NDA2IDYuNDczNzggMTguMTUwMSA2Ljg2NDNMOS40Mjg2NiAxNS41ODU4TDUuODUwMDUgMTIuMDA3MkM1LjQ1OTUzIDExLjYxNjYgNC44MjYzNiAxMS42MTY2IDQuNDM1ODQgMTIuMDA3MkM0LjA0NTMxIDEyLjM5NzcgNC4wNDUzMSAxMy4wMzA5IDQuNDM1ODQgMTMuNDIxNEw4LjcyMTU1IDE3LjcwNzFDOS4xMTIwOCAxOC4wOTc2IDkuNzQ1MjQgMTguMDk3NiAxMC4xMzU4IDE3LjcwNzFMMTkuNTY0MyA4LjI3ODUyWiIgZmlsbD0id2hpdGUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF80OV8zODUiPjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=');\n }\n\n &.running::before {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDlfMzcwKSI+PG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV80OV8zNzAiIGZpbGw9IndoaXRlIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNTE0NzIgMjAuNDg1NUM4LjIwMTAxIDI1LjE3MTggMTUuNzk5IDI1LjE3MTggMjAuNDg1MyAyMC40ODU1QzI1LjE3MTYgMTUuNzk5MiAyNS4xNzE2IDguMjAxMTkgMjAuNDg1MyAzLjUxNDlDMTUuNzk5IC0xLjE3MTM5IDguMjAxMDEgLTEuMTcxMzkgMy41MTQ3MiAzLjUxNDlDLTEuMTcxNTcgOC4yMDExOSAtMS4xNzE1NyAxNS43OTkyIDMuNTE0NzIgMjAuNDg1NVoiLz48L21hc2s+PHBhdGggZD0iTTYuMzk4MTQgMTEuNDU5QzUuODQ1ODYgMTEuNDU5IDUuMzk4MTQgMTEuOTA2NyA1LjM5ODE0IDEyLjQ1OUM1LjM5ODE0IDEzLjAxMTIgNS44NDU4NiAxMy40NTkgNi4zOTgxNCAxMy40NTlWMTEuNDU5Wk0xNy42MDE5IDEzLjQ1OUMxOC4xNTQxIDEzLjQ1OSAxOC42MDE5IDEzLjAxMTIgMTguNjAxOSAxMi40NTlDMTguNjAxOSAxMS45MDY3IDE4LjE1NDEgMTEuNDU5IDE3LjYwMTkgMTEuNDU5VjEzLjQ1OVpNNi4zOTgxNCAxMy40NTlIMTcuNjAxOVYxMS40NTlINi4zOTgxNFYxMy40NTlaTTMuNTE0NzIgMjAuNDg1NUw0LjkyODkzIDE5LjA3MTNMNC45Mjg5MyAxOS4wNzEzTDMuNTE0NzIgMjAuNDg1NVpNMjAuNDg1MyAzLjUxNDlMMTkuMDcxMSA0LjkyOTEyTDE5LjA3MTEgNC45MjkxMkwyMC40ODUzIDMuNTE0OVpNMy41MTQ3MiAzLjUxNDlMNC45Mjg5MyA0LjkyOTEyTDQuOTI4OTMgNC45MjkxMkwzLjUxNDcyIDMuNTE0OVpNMTkuMDcxMSAxOS4wNzEzQzE1LjE2NTggMjIuOTc2NSA4LjgzNDE3IDIyLjk3NjUgNC45Mjg5MyAxOS4wNzEzTDIuMTAwNTEgMjEuODk5N0M3LjU2Nzg0IDI3LjM2NyAxNi40MzIyIDI3LjM2NyAyMS44OTk1IDIxLjg5OTdMMTkuMDcxMSAxOS4wNzEzWk0xOS4wNzExIDQuOTI5MTJDMjIuOTc2MyA4LjgzNDM2IDIyLjk3NjMgMTUuMTY2IDE5LjA3MTEgMTkuMDcxM0wyMS44OTk1IDIxLjg5OTdDMjcuMzY2OCAxNi40MzIzIDI3LjM2NjggNy41NjgwMyAyMS44OTk1IDIuMTAwNjlMMTkuMDcxMSA0LjkyOTEyWk00LjkyODkzIDQuOTI5MTJDOC44MzQxNyAxLjAyMzg3IDE1LjE2NTggMS4wMjM4NyAxOS4wNzExIDQuOTI5MTJMMjEuODk5NSAyLjEwMDY5QzE2LjQzMjIgLTMuMzY2NjUgNy41Njc4NCAtMy4zNjY2NSAyLjEwMDUxIDIuMTAwNjlMNC45Mjg5MyA0LjkyOTEyWk00LjkyODkzIDE5LjA3MTNDMS4wMjM2OSAxNS4xNjYgMS4wMjM2OSA4LjgzNDM2IDQuOTI4OTMgNC45MjkxMkwyLjEwMDUxIDIuMTAwNjlDLTMuMzY2ODMgNy41NjgwMyAtMy4zNjY4MyAxNi40MzIzIDIuMTAwNTEgMjEuODk5N0w0LjkyODkzIDE5LjA3MTNaIiBmaWxsPSJ3aGl0ZSIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfNDlfMzcwKSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzQ5XzM3MCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==');\n }\n"])));
12389
+ var LoadingListItem = styled.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"], ["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n padding: 2px 1.25rem 2px 0;\n line-height: 1rem;\n"])));
12383
12390
  var ProgressContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n"])));
12384
12391
  var ProgressBarBackground = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n opacity: ", ";\n"])), function (props) {
12385
12392
  var _a, _b, _c, _d;