@everymatrix/player-step-up-auth 0.1.0

package/dist/cjs/player-step-up-auth.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-bf4d774c.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('player-step-up-auth.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["player-step-up-auth.cjs",[[1,"player-step-up-auth",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"endpoint":[513],"userSession":[513,"user-session"],"translationUrl":[513,"translation-url"],"showPopup":[32],"otp":[32],"isLoading":[32],"config":[32],"timeLeft":[32],"expirationTime":[32],"serverTime":[32],"hasErrors":[32],"hasConfigErrors":[32],"errorMessage":[32],"token":[32],"showResendOtp":[32]},[[8,"stepUpAuthRequired","handleStepUpAuthEvent"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/player-step-up-auth/player-step-up-auth.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/player-step-up-auth/index.js

@@ -0,0 +1 @@
+export { PlayerStepUpAuth } from './player-step-up-auth';

package/dist/collection/components/player-step-up-auth/player-step-up-auth.css

@@ -0,0 +1,131 @@
+.OtpPopupOverlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--emw--color-overlay, rgba(0, 0, 0, 0.5));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.OtpButton {
+  font-family: var(--emw--button-typography);
+  border: var(--emw--button-border, none);
+  border-radius: var(--emw--button-border-radius, 3px);
+  border-color: var(--emw--button-border-color);
+  background-color: var(--emw--button-background-color, var(--emw--color-primary, #007bff));
+  color: var(--emw--button-typography, var(--emw--color-white, #fff));
+  padding: 10px 20px;
+  cursor: pointer;
+  font-size: 16px;
+}
+.OtpButton.error {
+  background: var(--emw--color-error, #dd3434);
+}
+
+.OtpPopupContent {
+  position: relative;
+  background: var(--emw--color-white, #fff);
+  padding: 20px;
+  border-radius: 5px;
+  text-align: center;
+  min-width: 25%;
+  min-height: 200px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 20px;
+}
+.OtpPopupContent .OtpError {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  align-items: center;
+}
+.OtpPopupContent .OtpError .OtpErrorHeader {
+  display: flex;
+  justify-content: center;
+  gap: 5px;
+}
+.OtpPopupContent .OtpError h2 {
+  margin: 0;
+}
+.OtpPopupContent .OtpError svg {
+  width: 25px;
+  fill: var(--emw--color-error, #dd3434);
+}
+
+.OtpFieldWrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+.OtpFieldWrapper h2 {
+  margin: 0;
+}
+
+.OtpField {
+  display: flex;
+  justify-content: center;
+}
+
+.OtpField input {
+  width: 24px;
+  font-size: 32px;
+  padding: 10px;
+  text-align: center;
+  border-radius: 5px;
+  margin: 2px;
+  border: 2px solid var(--emw--otp-border-color, #55525c);
+  font-weight: bold;
+  outline: none;
+  transition: all 0.1s;
+}
+.OtpField input.space {
+  margin-right: 1rem !important;
+}
+
+.OtpField input:focus {
+  border: 2px solid var(--emw--color-primary, #007bff);
+  box-shadow: 0 0 2px 2px var(--emw--color-primary, #007bff);
+}
+
+.OtpActionButtons {
+  display: flex;
+  justify-content: space-between;
+}
+
+.OtpErrorMessage {
+  color: var(--emw--color-error, #dd3434);
+  font-weight: bold;
+}
+
+.OtpLoaderContainer {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.OtpLoader {
+  width: 48px;
+  height: 48px;
+  border: 5px solid var(--emw--color-secondary, #b3d8ff);
+  border-bottom-color: var(--emw--color-primary, #007bff);
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  animation: rotation 1s linear infinite;
+}
+
+@keyframes rotation {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}