aesirx-analytics 2.1.0 → 2.1.1

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.
@@ -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
  {