@mottosports/motto-video-player 1.0.1-rc.66 → 1.0.1-rc.68

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/index.js +68 -42
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +68 -42
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -466,9 +466,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
466
466
  .gap-1 {
467
467
  gap: calc(var(--spacing) * 1);
468
468
  }
469
- .gap-5 {
470
- gap: calc(var(--spacing) * 5);
471
- }
472
469
  .overflow-hidden {
473
470
  overflow: hidden;
474
471
  }
@@ -548,10 +545,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
548
545
  font-size: var(--text-2xl);
549
546
  line-height: var(--tw-leading, var(--text-2xl--line-height));
550
547
  }
551
- .text-5xl {
552
- font-size: var(--text-5xl);
553
- line-height: var(--tw-leading, var(--text-5xl--line-height));
554
- }
555
548
  .text-base {
556
549
  font-size: var(--text-base);
557
550
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -613,6 +606,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
613
606
  .filter {
614
607
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
615
608
  }
609
+ .md\\:gap-5 {
610
+ @media (width >= 48rem) {
611
+ gap: calc(var(--spacing) * 5);
612
+ }
613
+ }
616
614
  .md\\:rounded-2xl {
617
615
  @media (width >= 48rem) {
618
616
  border-radius: var(--radius-2xl);
@@ -623,6 +621,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
623
621
  border-radius: var(--radius-2xl) !important;
624
622
  }
625
623
  }
624
+ .md\\:text-5xl {
625
+ @media (width >= 48rem) {
626
+ font-size: var(--text-5xl);
627
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
628
+ }
629
+ }
626
630
  .md\\:text-base {
627
631
  @media (width >= 48rem) {
628
632
  font-size: var(--text-base);
@@ -641,6 +645,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
641
645
  line-height: var(--tw-leading, var(--text-xl--line-height));
642
646
  }
643
647
  }
648
+ .md\\:text-xs {
649
+ @media (width >= 48rem) {
650
+ font-size: var(--text-xs);
651
+ line-height: var(--tw-leading, var(--text-xs--line-height));
652
+ }
653
+ }
644
654
  }
645
655
  @layer components {
646
656
  video::-webkit-media-controls {
@@ -1226,7 +1236,7 @@ var supportsWidevinePersistentLicenses = () => {
1226
1236
  var import_mux_data_shakaplayer = __toESM(require("@mux/mux-data-shakaplayer"));
1227
1237
 
1228
1238
  // package.json
1229
- var version = "1.0.1-rc.66";
1239
+ var version = "1.0.1-rc.68";
1230
1240
 
1231
1241
  // src/utils/licenseCache.ts
1232
1242
  var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -1552,13 +1562,19 @@ var useShakaPlayer = ({
1552
1562
  const netEngine = player.getNetworkingEngine();
1553
1563
  if (netEngine) {
1554
1564
  netEngine.registerRequestFilter((type, request) => {
1555
- if (type === import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE) {
1556
- if (publicKey) {
1557
- request.headers["authorization"] = `Bearer ${publicKey}`;
1558
- }
1559
- if (mottoToken) {
1560
- request.headers["x-motto-token"] = mottoToken;
1561
- }
1565
+ switch (type) {
1566
+ case import_shaka_player.default.net.NetworkingEngine.RequestType.LICENSE:
1567
+ if (publicKey) {
1568
+ request.headers["authorization"] = `Bearer ${publicKey}`;
1569
+ }
1570
+ if (mottoToken) {
1571
+ request.headers["x-motto-token"] = mottoToken;
1572
+ }
1573
+ break;
1574
+ case import_shaka_player.default.net.NetworkingEngine.RequestType.MANIFEST:
1575
+ case import_shaka_player.default.net.NetworkingEngine.RequestType.SEGMENT:
1576
+ request.allowCrossSiteCredentials = true;
1577
+ break;
1562
1578
  }
1563
1579
  });
1564
1580
  netEngine.registerResponseFilter((type, response) => {
@@ -3082,9 +3098,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3082
3098
  .gap-1 {
3083
3099
  gap: calc(var(--spacing) * 1);
3084
3100
  }
3085
- .gap-5 {
3086
- gap: calc(var(--spacing) * 5);
3087
- }
3088
3101
  .overflow-hidden {
3089
3102
  overflow: hidden;
3090
3103
  }
@@ -3164,10 +3177,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3164
3177
  font-size: var(--text-2xl);
3165
3178
  line-height: var(--tw-leading, var(--text-2xl--line-height));
3166
3179
  }
3167
- .text-5xl {
3168
- font-size: var(--text-5xl);
3169
- line-height: var(--tw-leading, var(--text-5xl--line-height));
3170
- }
3171
3180
  .text-base {
3172
3181
  font-size: var(--text-base);
3173
3182
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3229,6 +3238,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3229
3238
  .filter {
3230
3239
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3231
3240
  }
3241
+ .md\\:gap-5 {
3242
+ @media (width >= 48rem) {
3243
+ gap: calc(var(--spacing) * 5);
3244
+ }
3245
+ }
3232
3246
  .md\\:rounded-2xl {
3233
3247
  @media (width >= 48rem) {
3234
3248
  border-radius: var(--radius-2xl);
@@ -3239,6 +3253,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3239
3253
  border-radius: var(--radius-2xl) !important;
3240
3254
  }
3241
3255
  }
3256
+ .md\\:text-5xl {
3257
+ @media (width >= 48rem) {
3258
+ font-size: var(--text-5xl);
3259
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3260
+ }
3261
+ }
3242
3262
  .md\\:text-base {
3243
3263
  @media (width >= 48rem) {
3244
3264
  font-size: var(--text-base);
@@ -3257,6 +3277,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3257
3277
  line-height: var(--tw-leading, var(--text-xl--line-height));
3258
3278
  }
3259
3279
  }
3280
+ .md\\:text-xs {
3281
+ @media (width >= 48rem) {
3282
+ font-size: var(--text-xs);
3283
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3284
+ }
3285
+ }
3260
3286
  }
3261
3287
  @layer components {
3262
3288
  video::-webkit-media-controls {
@@ -4985,9 +5011,9 @@ function PreEvent({
4985
5011
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
4986
5012
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
4987
5013
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
4988
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
5014
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid grid-flow-col gap-1 md:gap-5 text-center auto-cols-max", children: [
4989
5015
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4990
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5016
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
4991
5017
  "span",
4992
5018
  {
4993
5019
  "aria-live": "polite",
@@ -4995,10 +5021,10 @@ function PreEvent({
4995
5021
  children: days.toString()
4996
5022
  }
4997
5023
  ) }),
4998
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5024
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
4999
5025
  ] }),
5000
5026
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5001
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5027
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5002
5028
  "span",
5003
5029
  {
5004
5030
  style: { "--value": hours },
@@ -5007,10 +5033,10 @@ function PreEvent({
5007
5033
  children: hours?.toString()?.padStart(2, "0")
5008
5034
  }
5009
5035
  ) }),
5010
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5036
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5011
5037
  ] }),
5012
5038
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5013
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5039
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5014
5040
  "span",
5015
5041
  {
5016
5042
  style: { "--value": minutes },
@@ -5019,10 +5045,10 @@ function PreEvent({
5019
5045
  children: minutes?.toString()?.padStart(2, "0")
5020
5046
  }
5021
5047
  ) }),
5022
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5048
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5023
5049
  ] }),
5024
5050
  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5025
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5051
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
5026
5052
  "span",
5027
5053
  {
5028
5054
  style: { "--value": seconds },
@@ -5031,7 +5057,7 @@ function PreEvent({
5031
5057
  children: seconds?.toString()?.padStart(2, "0")
5032
5058
  }
5033
5059
  ) }),
5034
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5060
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5035
5061
  ] })
5036
5062
  ] });
5037
5063
  }, [remainingTime, shouldBeStarted, t]);
@@ -5088,7 +5114,7 @@ var TitleAndDescription = ({
5088
5114
  }) => {
5089
5115
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: (0, import_tailwind_merge4.twMerge)("mt-3 mb-6 m-event-details-ctn px-4 text-left w-full", className), children: [
5090
5116
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-base md:text-xl m-event-title text-base-content font-medium", children: title }),
5091
- startTime ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-sm md:text-base text-base-content/70 m-event-start-time", children: [
5117
+ startTime ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-xs md:text-base text-base-content/70 m-event-start-time", children: [
5092
5118
  new Date(startTime || "").toLocaleDateString(locale || "default", {
5093
5119
  month: "long",
5094
5120
  year: "numeric",
@@ -5101,7 +5127,7 @@ var TitleAndDescription = ({
5101
5127
  minute: "2-digit"
5102
5128
  })
5103
5129
  ] }) : null,
5104
- description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-xs md:text-sm text-base-content/60 uppercase", children: description })
5130
+ description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-xs md:text-xs text-base-content/60 uppercase", children: description })
5105
5131
  ] });
5106
5132
  };
5107
5133
 
@@ -5337,9 +5363,9 @@ function PreCreativeWork({
5337
5363
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
5338
5364
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
5339
5365
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
5340
- return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
5366
+ return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid grid-flow-col md:gap-5 gap-1 text-center auto-cols-max", children: [
5341
5367
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5342
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5368
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5343
5369
  "span",
5344
5370
  {
5345
5371
  "aria-live": "polite",
@@ -5347,10 +5373,10 @@ function PreCreativeWork({
5347
5373
  children: days.toString()
5348
5374
  }
5349
5375
  ) }),
5350
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5376
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
5351
5377
  ] }),
5352
5378
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5353
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5379
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5354
5380
  "span",
5355
5381
  {
5356
5382
  style: { "--value": hours },
@@ -5359,10 +5385,10 @@ function PreCreativeWork({
5359
5385
  children: hours?.toString()?.padStart(2, "0")
5360
5386
  }
5361
5387
  ) }),
5362
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5388
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5363
5389
  ] }),
5364
5390
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5365
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5391
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5366
5392
  "span",
5367
5393
  {
5368
5394
  style: { "--value": minutes },
@@ -5371,10 +5397,10 @@ function PreCreativeWork({
5371
5397
  children: minutes?.toString()?.padStart(2, "0")
5372
5398
  }
5373
5399
  ) }),
5374
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5400
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5375
5401
  ] }),
5376
5402
  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5377
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5403
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
5378
5404
  "span",
5379
5405
  {
5380
5406
  style: { "--value": seconds },
@@ -5383,7 +5409,7 @@ function PreCreativeWork({
5383
5409
  children: seconds?.toString()?.padStart(2, "0")
5384
5410
  }
5385
5411
  ) }),
5386
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5412
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5387
5413
  ] })
5388
5414
  ] });
5389
5415
  };