ui.shipaid.com 0.3.10 → 0.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/widget.es.js +242 -1
  2. package/dist/widget.iife.js +267 -27
  3. package/dist/widget.umd.js +265 -25
  4. package/dist-types/widget/src/assets/icons.d.ts +1 -0
  5. package/package.json +1 -1
package/dist/widget.es.js CHANGED
@@ -1291,6 +1291,91 @@ const ShipAidLogoText = x`
1291
1291
  </g>
1292
1292
  </svg>
1293
1293
  `;
1294
+ const ShipAidLogoPopUp = x`
1295
+ <svg
1296
+ width="300.000000pt"
1297
+ height="75.000000pt"
1298
+ viewBox="-25 -40 550 125"
1299
+ version="1.1"
1300
+ xml:space="preserve"
1301
+ style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
1302
+ >
1303
+ <g transform="matrix(1,0,0,1,-45.4439,-231.396)">
1304
+ <g transform="matrix(1,0,0,1,41.8553,292.5)">
1305
+ <g>
1306
+ <path
1307
+ d="M25.484,0.536C36.161,0.536 47.828,-4.755 47.646,-17.047C47.646,-37.958 14.089,-31.047 14.177,-43.427C14.089,-47.646 18.036,-51.328 25.125,-51.328C31.318,-51.328 34.724,-50.068 39.302,-47.646C40.021,-47.286 40.828,-47.021 41.547,-47.021C43.88,-47.021 46.12,-48.995 46.12,-51.505C46.214,-53.391 45.047,-54.734 43.88,-55.453C39.75,-58.234 31.854,-61.104 25.125,-61.104C13.729,-61.104 3.589,-55.094 3.589,-42.979C3.589,-20.995 37.146,-27.906 37.146,-16.333C37.146,-11.932 32.214,-8.885 25.036,-9.062C19.474,-9.151 15.432,-11.036 11.667,-12.922C10.859,-13.37 9.87,-13.547 9.422,-13.547C6.911,-13.547 4.484,-11.484 4.396,-8.526C4.307,-6.729 5.385,-5.292 6.818,-4.307C10.766,-1.703 18.125,0.63 25.484,0.536Z"
1308
+ style="fill:rgb(0,86,214);fill-rule:nonzero;"
1309
+ />
1310
+ </g>
1311
+ </g>
1312
+ <g transform="matrix(1,0,0,1,111.569,292.5)">
1313
+ <g>
1314
+ <path
1315
+ d="M48.901,-60.656C45.943,-60.656 43.609,-58.234 43.609,-55.365L43.609,-34.547L16.87,-34.547L16.87,-55.365C16.87,-58.234 14.536,-60.656 11.573,-60.656C8.703,-60.656 6.281,-58.234 6.281,-55.365L6.281,-5.292C6.281,-2.333 8.703,0 11.573,0C14.536,0 16.87,-2.333 16.87,-5.292L16.87,-24.943L43.609,-24.943L43.609,-5.292C43.609,-2.333 45.943,0 48.901,0C51.776,0 54.198,-2.333 54.198,-5.292L54.198,-55.365C54.198,-58.234 51.776,-60.656 48.901,-60.656Z"
1316
+ style="fill:rgb(0,86,214);fill-rule:nonzero;"
1317
+ />
1318
+ </g>
1319
+ </g>
1320
+ <g transform="matrix(1,0,0,1,190.435,292.5)">
1321
+ <g>
1322
+ <path
1323
+ d="M11.573,0C14.536,0 16.87,-2.333 16.87,-5.292L16.87,-55.365C16.87,-58.234 14.536,-60.656 11.573,-60.656C8.703,-60.656 6.281,-58.234 6.281,-55.365L6.281,-5.292C6.281,-2.333 8.703,0 11.573,0Z"
1324
+ style="fill:rgb(0,86,214);fill-rule:nonzero;"
1325
+ />
1326
+ </g>
1327
+ </g>
1328
+ <g transform="matrix(1,0,0,1,232.067,292.5)">
1329
+ <g>
1330
+ <path
1331
+ d="M25.125,-60.656L11.573,-60.656C8.703,-60.656 6.281,-58.234 6.281,-55.365L6.281,-5.292C6.281,-2.333 8.703,0 11.573,0C14.536,0 16.87,-2.333 16.87,-5.292L16.87,-23.151L25.125,-23.151C35.714,-23.151 44.328,-30.865 44.328,-41.906C44.328,-52.849 35.714,-60.656 25.125,-60.656ZM24.766,-32.844L16.87,-32.844L16.87,-50.969L24.766,-50.969C29.703,-50.969 33.74,-47.198 33.74,-41.906C33.74,-36.521 29.703,-32.844 24.766,-32.844Z"
1332
+ style="fill:rgb(0,86,214);fill-rule:nonzero;"
1333
+ />
1334
+ </g>
1335
+ </g>
1336
+ <g transform="matrix(1,0,0,1,298.418,292.5)">
1337
+ <g>
1338
+ <path
1339
+ d="M54.198,-4.844L32.214,-58.417C31.583,-59.849 30.151,-60.839 28.536,-60.745C26.917,-60.839 25.396,-59.849 24.854,-58.417L2.87,-4.844C2.063,-2.87 3.052,-0.63 4.938,0.089C6.729,0.896 9.063,0.177 9.87,-1.974L15.255,-15.344L41.724,-15.344L47.109,-1.974C47.917,-0.089 50.161,0.99 52.135,0.089C54.016,-0.63 54.917,-2.964 54.198,-4.844ZM18.125,-22.432L28.536,-48.276L38.854,-22.432L18.125,-22.432Z"
1340
+ style="fill:rgb(47,52,61);fill-rule:nonzero;"
1341
+ />
1342
+ </g>
1343
+ </g>
1344
+ <g transform="matrix(1,0,0,1,373.874,292.5)">
1345
+ <g>
1346
+ <path
1347
+ d="M10.318,0C12.474,0 14.177,-1.703 14.177,-3.859L14.177,-56.797C14.177,-58.865 12.474,-60.656 10.318,-60.656C8.167,-60.656 6.458,-58.865 6.458,-56.797L6.458,-3.859C6.458,-1.703 8.167,0 10.318,0Z"
1348
+ style="fill:rgb(47,52,61);fill-rule:nonzero;"
1349
+ />
1350
+ </g>
1351
+ </g>
1352
+ <g transform="matrix(1,0,0,1,412.904,292.5)">
1353
+ <g>
1354
+ <path
1355
+ d="M24.854,-60.656L10.318,-60.656C8.167,-60.656 6.458,-58.865 6.458,-56.797L6.458,-3.859C6.458,-1.703 8.167,0 10.318,0L24.854,0C41.724,0 55.005,-12.38 55.005,-30.328C55.005,-48.187 41.724,-60.656 24.854,-60.656ZM24.854,-7.089L14.177,-7.089L14.177,-53.568L24.854,-53.568C37.417,-53.568 47.286,-44.057 47.286,-30.328C47.286,-16.51 37.417,-7.089 24.854,-7.089Z"
1356
+ style="fill:rgb(47,52,61);fill-rule:nonzero;"
1357
+ />
1358
+ </g>
1359
+ </g>
1360
+ <path
1361
+ d="M255.854,234.453C247.292,234.453 240.354,241.391 240.354,249.953C240.354,258.51 247.292,265.453 255.854,265.453C264.417,265.453 271.354,258.51 271.354,249.953C271.354,241.391 264.417,234.453 255.854,234.453ZM253.01,257.911L246.188,251.089L248.458,248.813L253.01,253.365L263.25,243.125L265.521,245.401L253.01,257.911Z"
1362
+ style="fill:rgb(0,86,214);fill-rule:nonzero;"
1363
+ />
1364
+ <path
1365
+ d="M270.385,238.443L256.297,233.974C256.005,233.88 255.698,233.88 255.406,233.974L241.318,238.443C240.745,238.599 240.354,239.12 240.354,239.714C240.552,244.578 241.917,259.135 241.917,259.135C241.958,259.693 242.26,260.193 242.729,260.5L255.365,268.646C255.661,268.833 256.042,268.833 256.339,268.646L268.974,260.5C269.443,260.193 269.745,259.693 269.786,259.135C269.786,259.135 271.151,244.578 271.349,239.714C271.349,239.12 270.958,238.599 270.385,238.443"
1366
+ style="fill:rgb(0,86,214);fill-rule:nonzero;"
1367
+ />
1368
+ <path
1369
+ d="M266.224,245.536C266.167,245.427 266.094,245.323 265.938,245.24L263.719,243.922C263.688,243.901 263.656,243.885 263.62,243.88C263.609,243.875 263.599,243.875 263.589,243.875C263.563,243.87 263.542,243.865 263.516,243.865C263.448,243.87 263.385,243.885 263.328,243.922L258.339,246.896L258.333,246.885L257.932,247.125C257.448,247.417 256.849,247.417 256.365,247.125L254.182,245.823C254.063,245.755 253.984,245.62 253.984,245.474C253.984,245.328 254.063,245.198 254.182,245.125L256.365,243.823C256.849,243.536 257.448,243.536 257.932,243.823L258.458,244.135C258.578,244.208 258.724,244.208 258.849,244.135L260.88,242.927C261,242.854 261.073,242.724 261.073,242.578C261.073,242.432 261,242.297 260.88,242.224L257.932,240.469C257.448,240.182 256.849,240.182 256.365,240.469L249.141,244.776C248.62,245.083 248.62,245.865 249.141,246.177L256.365,250.479C256.849,250.771 257.448,250.771 257.932,250.479L263.516,247.151L263.516,254.734L261.719,255.807L257.932,258.073C257.813,258.141 257.682,258.198 257.547,258.234C257.151,258.344 256.724,258.286 256.365,258.073L251.172,254.979C250.927,254.833 250.781,254.563 250.781,254.276L250.781,249.854C250.781,249.714 250.703,249.578 250.583,249.505L248.552,248.297C248.432,248.224 248.281,248.224 248.161,248.297C248.042,248.37 247.964,248.5 247.964,248.646L247.964,255.953C247.964,256.245 248.115,256.51 248.359,256.656L256.365,261.427C256.599,261.568 256.865,261.641 257.135,261.641L257.141,261.641C257.177,261.641 257.219,261.641 257.255,261.635C257.286,261.635 257.318,261.635 257.344,261.63C257.385,261.625 257.427,261.615 257.464,261.604C257.495,261.599 257.521,261.599 257.547,261.589C257.589,261.578 257.63,261.563 257.672,261.547C257.698,261.536 257.719,261.531 257.74,261.521C257.807,261.495 257.87,261.464 257.932,261.427L264.839,257.307L265.932,256.667C266.177,256.526 266.328,256.255 266.328,255.964L266.328,245.943C266.328,245.797 266.292,245.656 266.224,245.536"
1370
+ style="fill:white;fill-rule:nonzero;"
1371
+ />
1372
+ <path
1373
+ d="M257.911,238.047C257.677,237.911 257.417,237.833 257.146,237.833C256.88,237.833 256.615,237.911 256.38,238.047L246.734,243.797C246.25,244.089 245.953,244.62 245.953,245.198L245.953,256.698C245.953,257.276 246.25,257.807 246.734,258.094L256.38,263.844C256.62,263.99 256.885,264.063 257.156,264.063C257.432,264.063 257.698,263.99 257.932,263.849L267.536,258.12C268.021,257.833 268.323,257.302 268.323,256.724L268.323,253.401C268.318,253.255 268.396,253.125 268.516,253.052L270.563,251.833C270.682,251.76 270.828,251.76 270.953,251.833C271.073,251.906 271.146,252.036 271.146,252.182L271.146,258.37C271.146,258.635 271.083,258.896 270.964,259.13C270.932,259.281 270.771,259.458 270.542,259.646C270.536,259.651 270.531,259.651 270.526,259.656C269.948,260.12 268.995,260.599 268.823,260.703L257.932,267.193C257.693,267.339 257.411,267.411 257.13,267.411L257.12,267.411L257.12,267.406C256.859,267.401 256.604,267.328 256.38,267.193L243.927,259.771C243.443,259.479 243.146,258.948 243.146,258.37L243.146,243.526C243.146,243.266 243.177,243 243.286,242.776C243.302,242.719 243.453,242.432 243.766,242.198C243.885,242.12 244.089,242.01 244.286,241.891L256.349,234.703C256.589,234.557 256.865,234.484 257.146,234.49C257.427,234.484 257.703,234.557 257.948,234.703L269.078,241.339C269.104,241.354 269.12,241.37 269.146,241.391L269.286,241.474C269.661,241.682 270.255,241.995 270.578,242.25L270.604,242.271C270.609,242.271 270.615,242.276 270.62,242.276C270.63,242.286 270.635,242.297 270.646,242.307C270.766,242.411 270.865,242.531 270.943,242.661C270.948,242.667 270.948,242.667 270.948,242.672C271.078,242.896 271.146,243.151 271.146,243.411L271.146,248.849C271.146,248.995 271.073,249.125 270.953,249.198L268.906,250.417C268.786,250.49 268.635,250.49 268.516,250.417C268.396,250.344 268.318,250.214 268.318,250.068L268.318,245.167C268.318,244.589 268.021,244.052 267.536,243.766L257.911,238.047Z"
1374
+ style="fill:rgb(0,86,214);fill-rule:nonzero;"
1375
+ />
1376
+ </g>
1377
+ </svg>
1378
+ `;
1294
1379
  const CheckmarkRibbon = x`
1295
1380
  <svg
1296
1381
  version="1.0"
@@ -1421,7 +1506,7 @@ let LearnMorePopup = class extends s$1 {
1421
1506
  >
1422
1507
  ${translate("learn-more-popup.close")}
1423
1508
  </button>
1424
- <div class="popup-logo">${ShipAidLogoText}</div>
1509
+ <div class="popup-logo">${ShipAidLogoPopUp}</div>
1425
1510
  <p class="popup-title">${translate("learn-more-popup.title")}</p>
1426
1511
  <div class="popup-disclaimer-subtitle">
1427
1512
  <div class="popup-icon">${CheckmarkRibbon}</div>
@@ -2273,6 +2358,162 @@ let ShipAidWidget = class extends s$1 {
2273
2358
  );
2274
2359
  D(this.learnMorePopupTemplate(), document.body);
2275
2360
  return x`
2361
+ <style>
2362
+ :host {
2363
+ --shipaid-primary: #002bd6;
2364
+ --shipaid-secondary: #0076ff;
2365
+ --shipaid-danger: #f44336;
2366
+ --shipaid-text: #000000;
2367
+ --shipaid-text-muted: #cccccc;
2368
+ --shipaid-text-grey: #aaaaaa;
2369
+ --shipaid-light-grey: #ebecf0;
2370
+ --shipaid-font: "Lato", sans-serif;
2371
+ --shipaid-font-xxs: 11px;
2372
+ --shipaid-font-xs: 12px;
2373
+ --shipaid-font-sm: 14px;
2374
+ --shipaid-font-base: 16px;
2375
+ --shipaid-font-lg: 18px;
2376
+ --shipaid-font-regular: 400;
2377
+ --shipaid-font-heavy: 700;
2378
+ --shipaid-prompt-badge: #f2f7ff;
2379
+ }
2380
+
2381
+ * {
2382
+ font-family: var(--shipaid-font);
2383
+ }
2384
+
2385
+ p,
2386
+ a {
2387
+ font-weight: var(--shipaid-font-regular);
2388
+ font-size: var(--shipaid-font-base);
2389
+ color: var(--shipaid-text);
2390
+ }
2391
+
2392
+ .error {
2393
+ color: var(--shipaid-danger);
2394
+ font-size: var(--shipaid-font-sm);
2395
+ }
2396
+
2397
+ /* Widget */
2398
+ .shipaid-prompt {
2399
+ width: var(--shipaid-prompt-width, 300px);
2400
+ max-width: 100%;
2401
+ display: flex;
2402
+ flex-direction: column;
2403
+ gap: 0.5rem;
2404
+ margin: var(--shipaid-prompt-margin, 2rem 0px 4rem auto);
2405
+ }
2406
+
2407
+ @media (max-width: 600px) {
2408
+ .shipaid-prompt {
2409
+ width: var(--shipaid-prompt-width-mobile, 100%);
2410
+ }
2411
+ }
2412
+
2413
+ .shipaid-prompt p,
2414
+ .shipaid-prompt a {
2415
+ margin: 0;
2416
+ line-height: 1;
2417
+ }
2418
+ .shipaid-prompt .prompt-title {
2419
+ text-align: center;
2420
+ font-size: var(--shipaid-font-lg);
2421
+ font-weight: var(--shipaid-font-heavy);
2422
+ }
2423
+ .shipaid-prompt .prompt-product {
2424
+ display: flex;
2425
+ flex-direction: row;
2426
+ gap: 0.5rem;
2427
+ margin-top: 1rem;
2428
+ }
2429
+ .shipaid-prompt .prompt-product .prompt-product-image {
2430
+ position: relative;
2431
+ }
2432
+ .shipaid-prompt .prompt-product .prompt-product-image svg {
2433
+ height: var(--shipaid-logo-height, 35px);
2434
+ max-height: var(--shipaid-logo-max-height, 35px);
2435
+ width: var(--shipaid-logo-width, auto);
2436
+ max-width: var(--shipaid-logo-max-width, 50px);
2437
+ }
2438
+ .shipaid-prompt
2439
+ .prompt-product
2440
+ .prompt-product-details
2441
+ .prompt-product-details-title {
2442
+ text-align: left;
2443
+ font-size: var(--shipaid-font-lg);
2444
+ font-weight: var(--shipaid-font-heavy);
2445
+ }
2446
+ .shipaid-prompt
2447
+ .prompt-product
2448
+ .prompt-product-details
2449
+ .prompt-product-details-description {
2450
+ font-size: var(--shipaid-font-xxs);
2451
+ margin-top: var(--shipaid-prompt-product-description-margin, 0.65rem);
2452
+ }
2453
+ .shipaid-prompt .prompt-product .prompt-product-actions {
2454
+ margin-left: auto;
2455
+ display: flex;
2456
+ flex-direction: column;
2457
+ justify-content: space-between;
2458
+ text-align: right;
2459
+ min-width: 55px;
2460
+ }
2461
+ .shipaid-prompt
2462
+ .prompt-product
2463
+ .prompt-product-actions
2464
+ .prompt-product-actions-price {
2465
+ color: var(--shipaid-prompt-actions-price-color, var(--shipaid-text-muted));
2466
+ font-size: var(--shipaid-font-base);
2467
+ }
2468
+ .shipaid-prompt
2469
+ .prompt-product
2470
+ .prompt-product-actions
2471
+ .prompt-product-actions-button {
2472
+ background-color: transparent;
2473
+ border: none;
2474
+ color: var(--shipaid-prompt-actions-button-color, var(--shipaid-primary));
2475
+ text-transform: uppercase;
2476
+ font-weight: var(--shipaid-font-heavy);
2477
+ cursor: pointer;
2478
+ padding: 6px 0;
2479
+ text-align: right;
2480
+ }
2481
+ .shipaid-prompt .prompt-footer {
2482
+ display: flex;
2483
+ flex-direction: row;
2484
+ justify-content: flex-start;
2485
+ align-items: center;
2486
+ }
2487
+ .shipaid-prompt .prompt-footer .prompt-footer-about {
2488
+ color: var(--shipaid-text);
2489
+ cursor: pointer;
2490
+ font-size: 10px;
2491
+ background-color: transparent;
2492
+ cursor: pointer;
2493
+ border: 1px solid var(--shipaid-text);
2494
+ border-radius: 10px;
2495
+ margin-left: 0.5rem;
2496
+ }
2497
+ .shipaid-prompt .prompt-footer .prompt-footer-badge {
2498
+ background-color: var(
2499
+ --shipaid-prompt-badge-background-color,
2500
+ var(--shipaid-prompt-badge)
2501
+ );
2502
+ color: var(--shipaid-prompt-badge-text-color, var(--shipaid-text));
2503
+ padding: 0.2rem 1rem;
2504
+ border-radius: 30px;
2505
+ cursor: pointer;
2506
+ text-decoration: none;
2507
+ font-size: var(--shipaid-font-xs);
2508
+ display: inline-flex;
2509
+ align-items: center;
2510
+ gap: 0.8rem;
2511
+ white-space: nowrap;
2512
+ }
2513
+ .shipaid-prompt .prompt-footer .prompt-footer-badge svg {
2514
+ height: 9px;
2515
+ }
2516
+ </style>
2276
2517
  <div class="shipaid">
2277
2518
  ${n(
2278
2519
  this._hasFinishedSetup,