aesirx-analytics 2.1.0 → 2.1.1

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  AnalyticsContext,
3
3
  useTranslation
4
- } from "./chunk-RN267RCX.js";
4
+ } from "./chunk-OGDZQCIU.js";
5
5
 
6
6
  // src/utils/consent.ts
7
7
  import { stringMessage } from "@concordium/react-components";
@@ -295,7 +295,7 @@ var useConsentStatus = (endpoint, props) => {
295
295
  }
296
296
  }, [activeConnector]);
297
297
  useEffect(() => {
298
- if (connectError) {
298
+ if (connectError && connectError !== "A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received") {
299
299
  toast.error(connectError);
300
300
  }
301
301
  }, [connectError]);
@@ -1164,7 +1164,13 @@ var css = `:root {
1164
1164
  --aesirxconsent-form-invalid-border-color: #ea868f;
1165
1165
  }
1166
1166
 
1167
- .modal {
1167
+ .aesirxconsent {
1168
+ /* rtl:begin:remove */
1169
+ /* rtl:end:remove */
1170
+ color: #5f5e70;
1171
+ font-size: 16px;
1172
+ }
1173
+ .aesirxconsent .modal {
1168
1174
  --aesirxconsent-modal-zindex: 1055;
1169
1175
  --aesirxconsent-modal-width: 500px;
1170
1176
  --aesirxconsent-modal-padding: 16px;
@@ -1197,47 +1203,43 @@ var css = `:root {
1197
1203
  overflow-y: auto;
1198
1204
  outline: 0;
1199
1205
  }
1200
-
1201
- .modal-dialog {
1206
+ .aesirxconsent .modal-dialog {
1202
1207
  position: relative;
1203
1208
  width: auto;
1204
1209
  margin: var(--aesirxconsent-modal-margin);
1205
1210
  pointer-events: none;
1206
1211
  }
1207
- .modal.fade .modal-dialog {
1212
+ .modal.fade .aesirxconsent .modal-dialog {
1208
1213
  transition: transform 0.3s ease-out;
1209
1214
  transform: translate(0, -50px);
1210
1215
  }
1211
1216
  @media (prefers-reduced-motion: reduce) {
1212
- .modal.fade .modal-dialog {
1217
+ .modal.fade .aesirxconsent .modal-dialog {
1213
1218
  transition: none;
1214
1219
  }
1215
1220
  }
1216
- .modal.show .modal-dialog {
1221
+ .modal.show .aesirxconsent .modal-dialog {
1217
1222
  transform: none;
1218
1223
  }
1219
- .modal.modal-static .modal-dialog {
1224
+ .modal.modal-static .aesirxconsent .modal-dialog {
1220
1225
  transform: scale(1.02);
1221
1226
  }
1222
-
1223
- .modal-dialog-scrollable {
1227
+ .aesirxconsent .modal-dialog-scrollable {
1224
1228
  height: calc(100% - var(--aesirxconsent-modal-margin) * 2);
1225
1229
  }
1226
- .modal-dialog-scrollable .modal-content {
1230
+ .aesirxconsent .modal-dialog-scrollable .modal-content {
1227
1231
  max-height: 100%;
1228
1232
  overflow: hidden;
1229
1233
  }
1230
- .modal-dialog-scrollable .modal-body {
1234
+ .aesirxconsent .modal-dialog-scrollable .modal-body {
1231
1235
  overflow-y: auto;
1232
1236
  }
1233
-
1234
- .modal-dialog-centered {
1237
+ .aesirxconsent .modal-dialog-centered {
1235
1238
  display: flex;
1236
1239
  align-items: center;
1237
1240
  min-height: calc(100% - var(--aesirxconsent-modal-margin) * 2);
1238
1241
  }
1239
-
1240
- .modal-content {
1242
+ .aesirxconsent .modal-content {
1241
1243
  position: relative;
1242
1244
  display: flex;
1243
1245
  flex-direction: column;
@@ -1250,8 +1252,7 @@ var css = `:root {
1250
1252
  border-radius: var(--aesirxconsent-modal-border-radius);
1251
1253
  outline: 0;
1252
1254
  }
1253
-
1254
- .modal-backdrop {
1255
+ .aesirxconsent .modal-backdrop {
1255
1256
  --aesirxconsent-backdrop-zindex: 1050;
1256
1257
  --aesirxconsent-backdrop-bg: #000;
1257
1258
  --aesirxconsent-backdrop-opacity: 0.5;
@@ -1263,14 +1264,13 @@ var css = `:root {
1263
1264
  height: 100vh;
1264
1265
  background-color: var(--aesirxconsent-backdrop-bg);
1265
1266
  }
1266
- .modal-backdrop.fade {
1267
+ .aesirxconsent .modal-backdrop.fade {
1267
1268
  opacity: 0;
1268
1269
  }
1269
- .modal-backdrop.show {
1270
+ .aesirxconsent .modal-backdrop.show {
1270
1271
  opacity: var(--aesirxconsent-backdrop-opacity);
1271
1272
  }
1272
-
1273
- .modal-header {
1273
+ .aesirxconsent .modal-header {
1274
1274
  display: flex;
1275
1275
  flex-shrink: 0;
1276
1276
  align-items: center;
@@ -1280,23 +1280,20 @@ var css = `:root {
1280
1280
  border-top-left-radius: var(--aesirxconsent-modal-inner-border-radius);
1281
1281
  border-top-right-radius: var(--aesirxconsent-modal-inner-border-radius);
1282
1282
  }
1283
- .modal-header .btn-close {
1283
+ .aesirxconsent .modal-header .btn-close {
1284
1284
  padding: calc(var(--aesirxconsent-modal-header-padding-y) * 0.5) calc(var(--aesirxconsent-modal-header-padding-x) * 0.5);
1285
1285
  margin: calc(-0.5 * var(--aesirxconsent-modal-header-padding-y)) calc(-0.5 * var(--aesirxconsent-modal-header-padding-x)) calc(-0.5 * var(--aesirxconsent-modal-header-padding-y)) auto;
1286
1286
  }
1287
-
1288
- .modal-title {
1287
+ .aesirxconsent .modal-title {
1289
1288
  margin-bottom: 0;
1290
1289
  line-height: var(--aesirxconsent-modal-title-line-height);
1291
1290
  }
1292
-
1293
- .modal-body {
1291
+ .aesirxconsent .modal-body {
1294
1292
  position: relative;
1295
1293
  flex: 1 1 auto;
1296
1294
  padding: var(--aesirxconsent-modal-padding);
1297
1295
  }
1298
-
1299
- .modal-footer {
1296
+ .aesirxconsent .modal-footer {
1300
1297
  display: flex;
1301
1298
  flex-shrink: 0;
1302
1299
  flex-wrap: wrap;
@@ -1308,160 +1305,152 @@ var css = `:root {
1308
1305
  border-bottom-right-radius: var(--aesirxconsent-modal-inner-border-radius);
1309
1306
  border-bottom-left-radius: var(--aesirxconsent-modal-inner-border-radius);
1310
1307
  }
1311
- .modal-footer > * {
1308
+ .aesirxconsent .modal-footer > * {
1312
1309
  margin: calc(var(--aesirxconsent-modal-footer-gap) * 0.5);
1313
1310
  }
1314
-
1315
1311
  @media (min-width: 576px) {
1316
- .modal {
1312
+ .aesirxconsent .modal {
1317
1313
  --aesirxconsent-modal-margin: 1.75rem;
1318
1314
  --aesirxconsent-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
1319
1315
  }
1320
- .modal-dialog {
1316
+ .aesirxconsent .modal-dialog {
1321
1317
  max-width: var(--aesirxconsent-modal-width);
1322
1318
  margin-right: auto;
1323
1319
  margin-left: auto;
1324
1320
  }
1325
- .modal-sm {
1321
+ .aesirxconsent .modal-sm {
1326
1322
  --aesirxconsent-modal-width: 300px;
1327
1323
  }
1328
1324
  }
1329
1325
  @media (min-width: 992px) {
1330
- .modal-lg,
1331
- .modal-xl {
1326
+ .aesirxconsent .modal-lg,
1327
+ .aesirxconsent .modal-xl {
1332
1328
  --aesirxconsent-modal-width: 800px;
1333
1329
  }
1334
1330
  }
1335
1331
  @media (min-width: 1200px) {
1336
- .modal-xl {
1332
+ .aesirxconsent .modal-xl {
1337
1333
  --aesirxconsent-modal-width: 1140px;
1338
1334
  }
1339
1335
  }
1340
- .modal-fullscreen {
1336
+ .aesirxconsent .modal-fullscreen {
1341
1337
  width: 100vw;
1342
1338
  max-width: none;
1343
1339
  height: 100%;
1344
1340
  margin: 0;
1345
1341
  }
1346
- .modal-fullscreen .modal-content {
1342
+ .aesirxconsent .modal-fullscreen .modal-content {
1347
1343
  height: 100%;
1348
1344
  border: 0;
1349
1345
  border-radius: 0;
1350
1346
  }
1351
- .modal-fullscreen .modal-header,
1352
- .modal-fullscreen .modal-footer {
1347
+ .aesirxconsent .modal-fullscreen .modal-header,
1348
+ .aesirxconsent .modal-fullscreen .modal-footer {
1353
1349
  border-radius: 0;
1354
1350
  }
1355
- .modal-fullscreen .modal-body {
1351
+ .aesirxconsent .modal-fullscreen .modal-body {
1356
1352
  overflow-y: auto;
1357
1353
  }
1358
-
1359
1354
  @media (max-width: 575.98px) {
1360
- .modal-fullscreen-sm-down {
1355
+ .aesirxconsent .modal-fullscreen-sm-down {
1361
1356
  width: 100vw;
1362
1357
  max-width: none;
1363
1358
  height: 100%;
1364
1359
  margin: 0;
1365
1360
  }
1366
- .modal-fullscreen-sm-down .modal-content {
1361
+ .aesirxconsent .modal-fullscreen-sm-down .modal-content {
1367
1362
  height: 100%;
1368
1363
  border: 0;
1369
1364
  border-radius: 0;
1370
1365
  }
1371
- .modal-fullscreen-sm-down .modal-header,
1372
- .modal-fullscreen-sm-down .modal-footer {
1366
+ .aesirxconsent .modal-fullscreen-sm-down .modal-header,
1367
+ .aesirxconsent .modal-fullscreen-sm-down .modal-footer {
1373
1368
  border-radius: 0;
1374
1369
  }
1375
- .modal-fullscreen-sm-down .modal-body {
1370
+ .aesirxconsent .modal-fullscreen-sm-down .modal-body {
1376
1371
  overflow-y: auto;
1377
1372
  }
1378
1373
  }
1379
1374
  @media (max-width: 767.98px) {
1380
- .modal-fullscreen-md-down {
1375
+ .aesirxconsent .modal-fullscreen-md-down {
1381
1376
  width: 100vw;
1382
1377
  max-width: none;
1383
1378
  height: 100%;
1384
1379
  margin: 0;
1385
1380
  }
1386
- .modal-fullscreen-md-down .modal-content {
1381
+ .aesirxconsent .modal-fullscreen-md-down .modal-content {
1387
1382
  height: 100%;
1388
1383
  border: 0;
1389
1384
  border-radius: 0;
1390
1385
  }
1391
- .modal-fullscreen-md-down .modal-header,
1392
- .modal-fullscreen-md-down .modal-footer {
1386
+ .aesirxconsent .modal-fullscreen-md-down .modal-header,
1387
+ .aesirxconsent .modal-fullscreen-md-down .modal-footer {
1393
1388
  border-radius: 0;
1394
1389
  }
1395
- .modal-fullscreen-md-down .modal-body {
1390
+ .aesirxconsent .modal-fullscreen-md-down .modal-body {
1396
1391
  overflow-y: auto;
1397
1392
  }
1398
1393
  }
1399
1394
  @media (max-width: 991.98px) {
1400
- .modal-fullscreen-lg-down {
1395
+ .aesirxconsent .modal-fullscreen-lg-down {
1401
1396
  width: 100vw;
1402
1397
  max-width: none;
1403
1398
  height: 100%;
1404
1399
  margin: 0;
1405
1400
  }
1406
- .modal-fullscreen-lg-down .modal-content {
1401
+ .aesirxconsent .modal-fullscreen-lg-down .modal-content {
1407
1402
  height: 100%;
1408
1403
  border: 0;
1409
1404
  border-radius: 0;
1410
1405
  }
1411
- .modal-fullscreen-lg-down .modal-header,
1412
- .modal-fullscreen-lg-down .modal-footer {
1406
+ .aesirxconsent .modal-fullscreen-lg-down .modal-header,
1407
+ .aesirxconsent .modal-fullscreen-lg-down .modal-footer {
1413
1408
  border-radius: 0;
1414
1409
  }
1415
- .modal-fullscreen-lg-down .modal-body {
1410
+ .aesirxconsent .modal-fullscreen-lg-down .modal-body {
1416
1411
  overflow-y: auto;
1417
1412
  }
1418
1413
  }
1419
1414
  @media (max-width: 1199.98px) {
1420
- .modal-fullscreen-xl-down {
1415
+ .aesirxconsent .modal-fullscreen-xl-down {
1421
1416
  width: 100vw;
1422
1417
  max-width: none;
1423
1418
  height: 100%;
1424
1419
  margin: 0;
1425
1420
  }
1426
- .modal-fullscreen-xl-down .modal-content {
1421
+ .aesirxconsent .modal-fullscreen-xl-down .modal-content {
1427
1422
  height: 100%;
1428
1423
  border: 0;
1429
1424
  border-radius: 0;
1430
1425
  }
1431
- .modal-fullscreen-xl-down .modal-header,
1432
- .modal-fullscreen-xl-down .modal-footer {
1426
+ .aesirxconsent .modal-fullscreen-xl-down .modal-header,
1427
+ .aesirxconsent .modal-fullscreen-xl-down .modal-footer {
1433
1428
  border-radius: 0;
1434
1429
  }
1435
- .modal-fullscreen-xl-down .modal-body {
1430
+ .aesirxconsent .modal-fullscreen-xl-down .modal-body {
1436
1431
  overflow-y: auto;
1437
1432
  }
1438
1433
  }
1439
1434
  @media (max-width: 1399.98px) {
1440
- .modal-fullscreen-xxl-down {
1435
+ .aesirxconsent .modal-fullscreen-xxl-down {
1441
1436
  width: 100vw;
1442
1437
  max-width: none;
1443
1438
  height: 100%;
1444
1439
  margin: 0;
1445
1440
  }
1446
- .modal-fullscreen-xxl-down .modal-content {
1441
+ .aesirxconsent .modal-fullscreen-xxl-down .modal-content {
1447
1442
  height: 100%;
1448
1443
  border: 0;
1449
1444
  border-radius: 0;
1450
1445
  }
1451
- .modal-fullscreen-xxl-down .modal-header,
1452
- .modal-fullscreen-xxl-down .modal-footer {
1446
+ .aesirxconsent .modal-fullscreen-xxl-down .modal-header,
1447
+ .aesirxconsent .modal-fullscreen-xxl-down .modal-footer {
1453
1448
  border-radius: 0;
1454
1449
  }
1455
- .modal-fullscreen-xxl-down .modal-body {
1450
+ .aesirxconsent .modal-fullscreen-xxl-down .modal-body {
1456
1451
  overflow-y: auto;
1457
1452
  }
1458
1453
  }
1459
- .aesirxconsent {
1460
- /* rtl:begin:remove */
1461
- /* rtl:end:remove */
1462
- color: #5f5e70;
1463
- font-size: 16px;
1464
- }
1465
1454
  .aesirxconsent .offcanvas, .aesirxconsent .offcanvas-xxl, .aesirxconsent .offcanvas-xl, .aesirxconsent .offcanvas-lg, .aesirxconsent .offcanvas-md, .aesirxconsent .offcanvas-sm {
1466
1455
  --aesirxconsent-offcanvas-zindex: 1045;
1467
1456
  --aesirxconsent-offcanvas-width: 400px;
@@ -7975,6 +7964,9 @@ var css = `:root {
7975
7964
  display: none;
7976
7965
  }
7977
7966
  }
7967
+ .aesirxconsent-modal .modal-dialog {
7968
+ max-width: 500px;
7969
+ }
7978
7970
  .aesirxconsent a {
7979
7971
  text-decoration: underline;
7980
7972
  }
@@ -8427,7 +8419,7 @@ var ConnectModal = ({
8427
8419
  const [show, setShow] = useState3(true);
8428
8420
  const handleClose = () => setShow(false);
8429
8421
  const { t } = useTranslation();
8430
- return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Modal, { show, onHide: handleClose }, /* @__PURE__ */ React3.createElement(Modal.Body, { className: "aesirxconsent" }, /* @__PURE__ */ React3.createElement("div", { className: "pb-4 px-4 block-wallet rounded-top" }, /* @__PURE__ */ React3.createElement("div", { className: "px-3 text-center" }, /* @__PURE__ */ React3.createElement("h3", { className: "fs-3 fw-semibold mt-2 mb-4 text-primary" }, t("txt_please_connect_your_wallet")), /* @__PURE__ */ React3.createElement("div", { className: "d-flex flex-row flex-wrap" }, isDesktop2 && /* @__PURE__ */ React3.createElement(
8422
+ return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Modal, { className: "aesirxconsent-modal", show, onHide: handleClose }, /* @__PURE__ */ React3.createElement(Modal.Body, { className: "aesirxconsent" }, /* @__PURE__ */ React3.createElement("div", { className: "pb-4 px-4 block-wallet rounded-top" }, /* @__PURE__ */ React3.createElement("div", { className: "px-3 text-center" }, /* @__PURE__ */ React3.createElement("h3", { className: "fs-3 fw-semibold mt-2 mb-4 text-primary" }, t("txt_please_connect_your_wallet")), /* @__PURE__ */ React3.createElement("div", { className: "d-flex flex-row flex-wrap" }, isDesktop2 && /* @__PURE__ */ React3.createElement(
8431
8423
  "button",
8432
8424
  {
8433
8425
  disabled: isConnecting,
@@ -8686,7 +8678,7 @@ var ConsentComponentApp = (props) => {
8686
8678
  }
8687
8679
  },
8688
8680
  /* @__PURE__ */ React4.createElement("img", { src: no_default })
8689
- ), /* @__PURE__ */ React4.createElement("div", { className: "p-3 bg-white text" }, t("txt_you_can_revoke"), " ", /* @__PURE__ */ React4.createElement("br", null), t("txt_go_to"), " ", /* @__PURE__ */ React4.createElement(
8681
+ ), /* @__PURE__ */ React4.createElement("div", { className: "p-3 bg-white text" }, t("txt_you_can_revoke"), " ", /* @__PURE__ */ React4.createElement("br", null), t("txt_visit"), " ", /* @__PURE__ */ React4.createElement(
8690
8682
  "a",
8691
8683
  {
8692
8684
  href: "https://nft.shield.aesirx.io",
@@ -8694,7 +8686,7 @@ var ConsentComponentApp = (props) => {
8694
8686
  target: "_blank",
8695
8687
  rel: "noreferrer"
8696
8688
  },
8697
- t("txt_link")
8689
+ t("txt_here")
8698
8690
  ), " ", t("txt_for_more_information")), /* @__PURE__ */ React4.createElement("div", { className: "rounded-bottom position-relative overflow-hidden text-white" }, /* @__PURE__ */ React4.createElement(
8699
8691
  "img",
8700
8692
  {