@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.mjs CHANGED
@@ -425,9 +425,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
425
425
  .gap-1 {
426
426
  gap: calc(var(--spacing) * 1);
427
427
  }
428
- .gap-5 {
429
- gap: calc(var(--spacing) * 5);
430
- }
431
428
  .overflow-hidden {
432
429
  overflow: hidden;
433
430
  }
@@ -507,10 +504,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
507
504
  font-size: var(--text-2xl);
508
505
  line-height: var(--tw-leading, var(--text-2xl--line-height));
509
506
  }
510
- .text-5xl {
511
- font-size: var(--text-5xl);
512
- line-height: var(--tw-leading, var(--text-5xl--line-height));
513
- }
514
507
  .text-base {
515
508
  font-size: var(--text-base);
516
509
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -572,6 +565,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
572
565
  .filter {
573
566
  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,);
574
567
  }
568
+ .md\\:gap-5 {
569
+ @media (width >= 48rem) {
570
+ gap: calc(var(--spacing) * 5);
571
+ }
572
+ }
575
573
  .md\\:rounded-2xl {
576
574
  @media (width >= 48rem) {
577
575
  border-radius: var(--radius-2xl);
@@ -582,6 +580,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
582
580
  border-radius: var(--radius-2xl) !important;
583
581
  }
584
582
  }
583
+ .md\\:text-5xl {
584
+ @media (width >= 48rem) {
585
+ font-size: var(--text-5xl);
586
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
587
+ }
588
+ }
585
589
  .md\\:text-base {
586
590
  @media (width >= 48rem) {
587
591
  font-size: var(--text-base);
@@ -600,6 +604,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
600
604
  line-height: var(--tw-leading, var(--text-xl--line-height));
601
605
  }
602
606
  }
607
+ .md\\:text-xs {
608
+ @media (width >= 48rem) {
609
+ font-size: var(--text-xs);
610
+ line-height: var(--tw-leading, var(--text-xs--line-height));
611
+ }
612
+ }
603
613
  }
604
614
  @layer components {
605
615
  video::-webkit-media-controls {
@@ -1185,7 +1195,7 @@ var supportsWidevinePersistentLicenses = () => {
1185
1195
  import initShakaPlayerMux from "@mux/mux-data-shakaplayer";
1186
1196
 
1187
1197
  // package.json
1188
- var version = "1.0.1-rc.66";
1198
+ var version = "1.0.1-rc.68";
1189
1199
 
1190
1200
  // src/utils/licenseCache.ts
1191
1201
  var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -1511,13 +1521,19 @@ var useShakaPlayer = ({
1511
1521
  const netEngine = player.getNetworkingEngine();
1512
1522
  if (netEngine) {
1513
1523
  netEngine.registerRequestFilter((type, request) => {
1514
- if (type === shaka.net.NetworkingEngine.RequestType.LICENSE) {
1515
- if (publicKey) {
1516
- request.headers["authorization"] = `Bearer ${publicKey}`;
1517
- }
1518
- if (mottoToken) {
1519
- request.headers["x-motto-token"] = mottoToken;
1520
- }
1524
+ switch (type) {
1525
+ case shaka.net.NetworkingEngine.RequestType.LICENSE:
1526
+ if (publicKey) {
1527
+ request.headers["authorization"] = `Bearer ${publicKey}`;
1528
+ }
1529
+ if (mottoToken) {
1530
+ request.headers["x-motto-token"] = mottoToken;
1531
+ }
1532
+ break;
1533
+ case shaka.net.NetworkingEngine.RequestType.MANIFEST:
1534
+ case shaka.net.NetworkingEngine.RequestType.SEGMENT:
1535
+ request.allowCrossSiteCredentials = true;
1536
+ break;
1521
1537
  }
1522
1538
  });
1523
1539
  netEngine.registerResponseFilter((type, response) => {
@@ -3041,9 +3057,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3041
3057
  .gap-1 {
3042
3058
  gap: calc(var(--spacing) * 1);
3043
3059
  }
3044
- .gap-5 {
3045
- gap: calc(var(--spacing) * 5);
3046
- }
3047
3060
  .overflow-hidden {
3048
3061
  overflow: hidden;
3049
3062
  }
@@ -3123,10 +3136,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3123
3136
  font-size: var(--text-2xl);
3124
3137
  line-height: var(--tw-leading, var(--text-2xl--line-height));
3125
3138
  }
3126
- .text-5xl {
3127
- font-size: var(--text-5xl);
3128
- line-height: var(--tw-leading, var(--text-5xl--line-height));
3129
- }
3130
3139
  .text-base {
3131
3140
  font-size: var(--text-base);
3132
3141
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3188,6 +3197,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3188
3197
  .filter {
3189
3198
  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,);
3190
3199
  }
3200
+ .md\\:gap-5 {
3201
+ @media (width >= 48rem) {
3202
+ gap: calc(var(--spacing) * 5);
3203
+ }
3204
+ }
3191
3205
  .md\\:rounded-2xl {
3192
3206
  @media (width >= 48rem) {
3193
3207
  border-radius: var(--radius-2xl);
@@ -3198,6 +3212,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3198
3212
  border-radius: var(--radius-2xl) !important;
3199
3213
  }
3200
3214
  }
3215
+ .md\\:text-5xl {
3216
+ @media (width >= 48rem) {
3217
+ font-size: var(--text-5xl);
3218
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3219
+ }
3220
+ }
3201
3221
  .md\\:text-base {
3202
3222
  @media (width >= 48rem) {
3203
3223
  font-size: var(--text-base);
@@ -3216,6 +3236,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3216
3236
  line-height: var(--tw-leading, var(--text-xl--line-height));
3217
3237
  }
3218
3238
  }
3239
+ .md\\:text-xs {
3240
+ @media (width >= 48rem) {
3241
+ font-size: var(--text-xs);
3242
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3243
+ }
3244
+ }
3219
3245
  }
3220
3246
  @layer components {
3221
3247
  video::-webkit-media-controls {
@@ -4944,9 +4970,9 @@ function PreEvent({
4944
4970
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
4945
4971
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
4946
4972
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
4947
- return /* @__PURE__ */ jsxs8("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
4973
+ return /* @__PURE__ */ jsxs8("div", { className: "grid grid-flow-col gap-1 md:gap-5 text-center auto-cols-max", children: [
4948
4974
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4949
- /* @__PURE__ */ jsx10("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ jsx10(
4975
+ /* @__PURE__ */ jsx10("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4950
4976
  "span",
4951
4977
  {
4952
4978
  "aria-live": "polite",
@@ -4954,10 +4980,10 @@ function PreEvent({
4954
4980
  children: days.toString()
4955
4981
  }
4956
4982
  ) }),
4957
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
4983
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
4958
4984
  ] }),
4959
4985
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4960
- /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx10(
4986
+ /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4961
4987
  "span",
4962
4988
  {
4963
4989
  style: { "--value": hours },
@@ -4966,10 +4992,10 @@ function PreEvent({
4966
4992
  children: hours?.toString()?.padStart(2, "0")
4967
4993
  }
4968
4994
  ) }),
4969
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
4995
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
4970
4996
  ] }),
4971
4997
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4972
- /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx10(
4998
+ /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4973
4999
  "span",
4974
5000
  {
4975
5001
  style: { "--value": minutes },
@@ -4978,10 +5004,10 @@ function PreEvent({
4978
5004
  children: minutes?.toString()?.padStart(2, "0")
4979
5005
  }
4980
5006
  ) }),
4981
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5007
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
4982
5008
  ] }),
4983
5009
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4984
- /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx10(
5010
+ /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4985
5011
  "span",
4986
5012
  {
4987
5013
  style: { "--value": seconds },
@@ -4990,7 +5016,7 @@ function PreEvent({
4990
5016
  children: seconds?.toString()?.padStart(2, "0")
4991
5017
  }
4992
5018
  ) }),
4993
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5019
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
4994
5020
  ] })
4995
5021
  ] });
4996
5022
  }, [remainingTime, shouldBeStarted, t]);
@@ -5047,7 +5073,7 @@ var TitleAndDescription = ({
5047
5073
  }) => {
5048
5074
  return /* @__PURE__ */ jsxs8("div", { className: twMerge4("mt-3 mb-6 m-event-details-ctn px-4 text-left w-full", className), children: [
5049
5075
  /* @__PURE__ */ jsx10("div", { className: "text-base md:text-xl m-event-title text-base-content font-medium", children: title }),
5050
- startTime ? /* @__PURE__ */ jsxs8("div", { className: "text-sm md:text-base text-base-content/70 m-event-start-time", children: [
5076
+ startTime ? /* @__PURE__ */ jsxs8("div", { className: "text-xs md:text-base text-base-content/70 m-event-start-time", children: [
5051
5077
  new Date(startTime || "").toLocaleDateString(locale || "default", {
5052
5078
  month: "long",
5053
5079
  year: "numeric",
@@ -5060,7 +5086,7 @@ var TitleAndDescription = ({
5060
5086
  minute: "2-digit"
5061
5087
  })
5062
5088
  ] }) : null,
5063
- description && /* @__PURE__ */ jsx10("div", { className: "text-xs md:text-sm text-base-content/60 uppercase", children: description })
5089
+ description && /* @__PURE__ */ jsx10("div", { className: "text-xs md:text-xs text-base-content/60 uppercase", children: description })
5064
5090
  ] });
5065
5091
  };
5066
5092
 
@@ -5296,9 +5322,9 @@ function PreCreativeWork({
5296
5322
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
5297
5323
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
5298
5324
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
5299
- return /* @__PURE__ */ jsxs9("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
5325
+ return /* @__PURE__ */ jsxs9("div", { className: "grid grid-flow-col md:gap-5 gap-1 text-center auto-cols-max", children: [
5300
5326
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5301
- /* @__PURE__ */ jsx11("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5327
+ /* @__PURE__ */ jsx11("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5302
5328
  "span",
5303
5329
  {
5304
5330
  "aria-live": "polite",
@@ -5306,10 +5332,10 @@ function PreCreativeWork({
5306
5332
  children: days.toString()
5307
5333
  }
5308
5334
  ) }),
5309
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5335
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
5310
5336
  ] }),
5311
5337
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5312
- /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5338
+ /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5313
5339
  "span",
5314
5340
  {
5315
5341
  style: { "--value": hours },
@@ -5318,10 +5344,10 @@ function PreCreativeWork({
5318
5344
  children: hours?.toString()?.padStart(2, "0")
5319
5345
  }
5320
5346
  ) }),
5321
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5347
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5322
5348
  ] }),
5323
5349
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5324
- /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5350
+ /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5325
5351
  "span",
5326
5352
  {
5327
5353
  style: { "--value": minutes },
@@ -5330,10 +5356,10 @@ function PreCreativeWork({
5330
5356
  children: minutes?.toString()?.padStart(2, "0")
5331
5357
  }
5332
5358
  ) }),
5333
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5359
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5334
5360
  ] }),
5335
5361
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5336
- /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5362
+ /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5337
5363
  "span",
5338
5364
  {
5339
5365
  style: { "--value": seconds },
@@ -5342,7 +5368,7 @@ function PreCreativeWork({
5342
5368
  children: seconds?.toString()?.padStart(2, "0")
5343
5369
  }
5344
5370
  ) }),
5345
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5371
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5346
5372
  ] })
5347
5373
  ] });
5348
5374
  };