@mottosports/motto-video-player 1.0.1-rc.67 → 1.0.1-rc.69

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 +70 -38
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +70 -38
  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));
@@ -534,6 +527,10 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
534
527
  .text-\\[10px\\] {
535
528
  font-size: 10px;
536
529
  }
530
+ .leading-none {
531
+ --tw-leading: 1;
532
+ line-height: 1;
533
+ }
537
534
  .font-bold {
538
535
  --tw-font-weight: var(--font-weight-bold);
539
536
  font-weight: var(--font-weight-bold);
@@ -572,6 +569,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
572
569
  .filter {
573
570
  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
571
  }
572
+ .md\\:gap-5 {
573
+ @media (width >= 48rem) {
574
+ gap: calc(var(--spacing) * 5);
575
+ }
576
+ }
575
577
  .md\\:rounded-2xl {
576
578
  @media (width >= 48rem) {
577
579
  border-radius: var(--radius-2xl);
@@ -582,6 +584,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
582
584
  border-radius: var(--radius-2xl) !important;
583
585
  }
584
586
  }
587
+ .md\\:text-5xl {
588
+ @media (width >= 48rem) {
589
+ font-size: var(--text-5xl);
590
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
591
+ }
592
+ }
585
593
  .md\\:text-base {
586
594
  @media (width >= 48rem) {
587
595
  font-size: var(--text-base);
@@ -600,6 +608,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
600
608
  line-height: var(--tw-leading, var(--text-xl--line-height));
601
609
  }
602
610
  }
611
+ .md\\:text-xs {
612
+ @media (width >= 48rem) {
613
+ font-size: var(--text-xs);
614
+ line-height: var(--tw-leading, var(--text-xs--line-height));
615
+ }
616
+ }
603
617
  }
604
618
  @layer components {
605
619
  video::-webkit-media-controls {
@@ -1024,6 +1038,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
1024
1038
  @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
1025
1039
  @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
1026
1040
  @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
1041
+ @property --tw-leading { syntax: "*"; inherits: false; }
1027
1042
  @property --tw-font-weight { syntax: "*"; inherits: false; }
1028
1043
  @property --tw-tracking { syntax: "*"; inherits: false; }
1029
1044
  @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@@ -1086,6 +1101,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
1086
1101
  --tw-gradient-from-position: 0%;
1087
1102
  --tw-gradient-via-position: 50%;
1088
1103
  --tw-gradient-to-position: 100%;
1104
+ --tw-leading: initial;
1089
1105
  --tw-font-weight: initial;
1090
1106
  --tw-tracking: initial;
1091
1107
  --tw-shadow: 0 0 #0000;
@@ -1185,7 +1201,7 @@ var supportsWidevinePersistentLicenses = () => {
1185
1201
  import initShakaPlayerMux from "@mux/mux-data-shakaplayer";
1186
1202
 
1187
1203
  // package.json
1188
- var version = "1.0.1-rc.67";
1204
+ var version = "1.0.1-rc.69";
1189
1205
 
1190
1206
  // src/utils/licenseCache.ts
1191
1207
  var PERSISTENT_LICENSE_PREFIX = "motto_lic_";
@@ -3047,9 +3063,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3047
3063
  .gap-1 {
3048
3064
  gap: calc(var(--spacing) * 1);
3049
3065
  }
3050
- .gap-5 {
3051
- gap: calc(var(--spacing) * 5);
3052
- }
3053
3066
  .overflow-hidden {
3054
3067
  overflow: hidden;
3055
3068
  }
@@ -3129,10 +3142,6 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3129
3142
  font-size: var(--text-2xl);
3130
3143
  line-height: var(--tw-leading, var(--text-2xl--line-height));
3131
3144
  }
3132
- .text-5xl {
3133
- font-size: var(--text-5xl);
3134
- line-height: var(--tw-leading, var(--text-5xl--line-height));
3135
- }
3136
3145
  .text-base {
3137
3146
  font-size: var(--text-base);
3138
3147
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3156,6 +3165,10 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3156
3165
  .text-\\[10px\\] {
3157
3166
  font-size: 10px;
3158
3167
  }
3168
+ .leading-none {
3169
+ --tw-leading: 1;
3170
+ line-height: 1;
3171
+ }
3159
3172
  .font-bold {
3160
3173
  --tw-font-weight: var(--font-weight-bold);
3161
3174
  font-weight: var(--font-weight-bold);
@@ -3194,6 +3207,11 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3194
3207
  .filter {
3195
3208
  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,);
3196
3209
  }
3210
+ .md\\:gap-5 {
3211
+ @media (width >= 48rem) {
3212
+ gap: calc(var(--spacing) * 5);
3213
+ }
3214
+ }
3197
3215
  .md\\:rounded-2xl {
3198
3216
  @media (width >= 48rem) {
3199
3217
  border-radius: var(--radius-2xl);
@@ -3204,6 +3222,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3204
3222
  border-radius: var(--radius-2xl) !important;
3205
3223
  }
3206
3224
  }
3225
+ .md\\:text-5xl {
3226
+ @media (width >= 48rem) {
3227
+ font-size: var(--text-5xl);
3228
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
3229
+ }
3230
+ }
3207
3231
  .md\\:text-base {
3208
3232
  @media (width >= 48rem) {
3209
3233
  font-size: var(--text-base);
@@ -3222,6 +3246,12 @@ styleInject(`/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
3222
3246
  line-height: var(--tw-leading, var(--text-xl--line-height));
3223
3247
  }
3224
3248
  }
3249
+ .md\\:text-xs {
3250
+ @media (width >= 48rem) {
3251
+ font-size: var(--text-xs);
3252
+ line-height: var(--tw-leading, var(--text-xs--line-height));
3253
+ }
3254
+ }
3225
3255
  }
3226
3256
  @layer components {
3227
3257
  video::-webkit-media-controls {
@@ -3646,6 +3676,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
3646
3676
  @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
3647
3677
  @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
3648
3678
  @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
3679
+ @property --tw-leading { syntax: "*"; inherits: false; }
3649
3680
  @property --tw-font-weight { syntax: "*"; inherits: false; }
3650
3681
  @property --tw-tracking { syntax: "*"; inherits: false; }
3651
3682
  @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@@ -3708,6 +3739,7 @@ html[dir=rtl] .shaka-overflow-menu .shaka-overflow-button .material-svg-icon:fir
3708
3739
  --tw-gradient-from-position: 0%;
3709
3740
  --tw-gradient-via-position: 50%;
3710
3741
  --tw-gradient-to-position: 100%;
3742
+ --tw-leading: initial;
3711
3743
  --tw-font-weight: initial;
3712
3744
  --tw-tracking: initial;
3713
3745
  --tw-shadow: 0 0 #0000;
@@ -4875,7 +4907,7 @@ var Event = ({
4875
4907
  events.onEmptyPlaylists();
4876
4908
  }
4877
4909
  if (loadingPlaylist) {
4878
- return /* @__PURE__ */ jsx10("div", { className: twMerge4("", className), children: /* @__PURE__ */ jsx10("div", { className: "relative w-full h-full bg-[#151515]", children: /* @__PURE__ */ jsx10(Loading, {}) }) });
4910
+ return /* @__PURE__ */ jsx10("div", { className: twMerge4("", className), children: /* @__PURE__ */ jsx10("div", { className: "relative w-full aspect-video bg-[#151515]", children: /* @__PURE__ */ jsx10(Loading, {}) }) });
4879
4911
  }
4880
4912
  if (activePlaylist && activeVideoId && videosData) {
4881
4913
  const activeVideo = videosData.find((video) => video.id === activeVideoId);
@@ -4950,9 +4982,9 @@ function PreEvent({
4950
4982
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
4951
4983
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
4952
4984
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
4953
- return /* @__PURE__ */ jsxs8("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
4985
+ return /* @__PURE__ */ jsxs8("div", { className: "grid grid-flow-col gap-1 md:gap-5 text-center auto-cols-max", children: [
4954
4986
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4955
- /* @__PURE__ */ jsx10("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ jsx10(
4987
+ /* @__PURE__ */ jsx10("span", { className: "font-mono text-lg md:text-5xl leading-none", children: /* @__PURE__ */ jsx10(
4956
4988
  "span",
4957
4989
  {
4958
4990
  "aria-live": "polite",
@@ -4960,10 +4992,10 @@ function PreEvent({
4960
4992
  children: days.toString()
4961
4993
  }
4962
4994
  ) }),
4963
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
4995
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
4964
4996
  ] }),
4965
4997
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4966
- /* @__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(
4967
4999
  "span",
4968
5000
  {
4969
5001
  style: { "--value": hours },
@@ -4972,10 +5004,10 @@ function PreEvent({
4972
5004
  children: hours?.toString()?.padStart(2, "0")
4973
5005
  }
4974
5006
  ) }),
4975
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5007
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
4976
5008
  ] }),
4977
5009
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4978
- /* @__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(
4979
5011
  "span",
4980
5012
  {
4981
5013
  style: { "--value": minutes },
@@ -4984,10 +5016,10 @@ function PreEvent({
4984
5016
  children: minutes?.toString()?.padStart(2, "0")
4985
5017
  }
4986
5018
  ) }),
4987
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5019
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
4988
5020
  ] }),
4989
5021
  /* @__PURE__ */ jsxs8("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
4990
- /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx10(
5022
+ /* @__PURE__ */ jsx10("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx10(
4991
5023
  "span",
4992
5024
  {
4993
5025
  style: { "--value": seconds },
@@ -4996,7 +5028,7 @@ function PreEvent({
4996
5028
  children: seconds?.toString()?.padStart(2, "0")
4997
5029
  }
4998
5030
  ) }),
4999
- /* @__PURE__ */ jsx10("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5031
+ /* @__PURE__ */ jsx10("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5000
5032
  ] })
5001
5033
  ] });
5002
5034
  }, [remainingTime, shouldBeStarted, t]);
@@ -5053,7 +5085,7 @@ var TitleAndDescription = ({
5053
5085
  }) => {
5054
5086
  return /* @__PURE__ */ jsxs8("div", { className: twMerge4("mt-3 mb-6 m-event-details-ctn px-4 text-left w-full", className), children: [
5055
5087
  /* @__PURE__ */ jsx10("div", { className: "text-base md:text-xl m-event-title text-base-content font-medium", children: title }),
5056
- startTime ? /* @__PURE__ */ jsxs8("div", { className: "text-sm md:text-base text-base-content/70 m-event-start-time", children: [
5088
+ startTime ? /* @__PURE__ */ jsxs8("div", { className: "text-xs md:text-base text-base-content/70 m-event-start-time", children: [
5057
5089
  new Date(startTime || "").toLocaleDateString(locale || "default", {
5058
5090
  month: "long",
5059
5091
  year: "numeric",
@@ -5066,7 +5098,7 @@ var TitleAndDescription = ({
5066
5098
  minute: "2-digit"
5067
5099
  })
5068
5100
  ] }) : null,
5069
- description && /* @__PURE__ */ jsx10("div", { className: "text-xs md:text-sm text-base-content/60 uppercase", children: description })
5101
+ description && /* @__PURE__ */ jsx10("div", { className: "text-xs md:text-xs text-base-content/60 uppercase", children: description })
5070
5102
  ] });
5071
5103
  };
5072
5104
 
@@ -5219,7 +5251,7 @@ var CreativeWork = ({
5219
5251
  events
5220
5252
  ]);
5221
5253
  if (isCreativeWorkLoading || videosIsLoading || loadingApisState) {
5222
- return /* @__PURE__ */ jsx11("div", { className: twMerge5("", className), children: /* @__PURE__ */ jsx11("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsx11(Loading, {}) }) });
5254
+ return /* @__PURE__ */ jsx11("div", { className: twMerge5("", className), children: /* @__PURE__ */ jsx11("div", { className: "relative w-full aspect-video bg-[#151515]", children: /* @__PURE__ */ jsx11(Loading, {}) }) });
5223
5255
  }
5224
5256
  if (showCountDown && creativeWorkData) {
5225
5257
  return /* @__PURE__ */ jsx11("div", { className: twMerge5("", className), children: /* @__PURE__ */ jsx11("div", { className: "relative w-full h-full bg-base-200 text-base-content flex justify-center items-center flex-col", children: /* @__PURE__ */ jsx11(
@@ -5264,7 +5296,7 @@ var CreativeWork = ({
5264
5296
  ] }) });
5265
5297
  }
5266
5298
  if (loadingPlaylist) {
5267
- return /* @__PURE__ */ jsx11(Loading, {});
5299
+ return /* @__PURE__ */ jsx11("div", { className: twMerge5("", className), children: /* @__PURE__ */ jsx11("div", { className: "relative w-full aspect-video bg-[#151515]", children: /* @__PURE__ */ jsx11(Loading, {}) }) });
5268
5300
  }
5269
5301
  return null;
5270
5302
  };
@@ -5302,9 +5334,9 @@ function PreCreativeWork({
5302
5334
  const minutes = Math.floor(remainingTime / 1e3 / 60) % 60;
5303
5335
  const hours = Math.floor(remainingTime / 1e3 / 60 / 60) % 24;
5304
5336
  const days = Math.floor(remainingTime / 1e3 / 60 / 60 / 24);
5305
- return /* @__PURE__ */ jsxs9("div", { className: "grid grid-flow-col gap-5 text-center auto-cols-max", children: [
5337
+ return /* @__PURE__ */ jsxs9("div", { className: "grid grid-flow-col md:gap-5 gap-1 text-center auto-cols-max", children: [
5306
5338
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5307
- /* @__PURE__ */ jsx11("span", { className: "font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5339
+ /* @__PURE__ */ jsx11("span", { className: "font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5308
5340
  "span",
5309
5341
  {
5310
5342
  "aria-live": "polite",
@@ -5312,10 +5344,10 @@ function PreCreativeWork({
5312
5344
  children: days.toString()
5313
5345
  }
5314
5346
  ) }),
5315
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("DAYS") })
5347
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("DAYS") })
5316
5348
  ] }),
5317
5349
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5318
- /* @__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(
5319
5351
  "span",
5320
5352
  {
5321
5353
  style: { "--value": hours },
@@ -5324,10 +5356,10 @@ function PreCreativeWork({
5324
5356
  children: hours?.toString()?.padStart(2, "0")
5325
5357
  }
5326
5358
  ) }),
5327
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("HOURS") })
5359
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("HOURS") })
5328
5360
  ] }),
5329
5361
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5330
- /* @__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(
5331
5363
  "span",
5332
5364
  {
5333
5365
  style: { "--value": minutes },
@@ -5336,10 +5368,10 @@ function PreCreativeWork({
5336
5368
  children: minutes?.toString()?.padStart(2, "0")
5337
5369
  }
5338
5370
  ) }),
5339
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("MINUTES") })
5371
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("MINUTES") })
5340
5372
  ] }),
5341
5373
  /* @__PURE__ */ jsxs9("div", { className: "flex flex-col p-2 bg-neutral rounded-box text-neutral-content", children: [
5342
- /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-5xl", children: /* @__PURE__ */ jsx11(
5374
+ /* @__PURE__ */ jsx11("span", { className: "countdown font-mono text-lg md:text-5xl", children: /* @__PURE__ */ jsx11(
5343
5375
  "span",
5344
5376
  {
5345
5377
  style: { "--value": seconds },
@@ -5348,7 +5380,7 @@ function PreCreativeWork({
5348
5380
  children: seconds?.toString()?.padStart(2, "0")
5349
5381
  }
5350
5382
  ) }),
5351
- /* @__PURE__ */ jsx11("span", { className: "text-sm uppercase tracking-widest mt-1", children: t("SECONDS") })
5383
+ /* @__PURE__ */ jsx11("span", { className: "text-xs uppercase tracking-widest mt-1", children: t("SECONDS") })
5352
5384
  ] })
5353
5385
  ] });
5354
5386
  };