@everymatrix/pam-player-profile-controller 0.7.4 → 0.8.0

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["pam-player-addresses_6.cjs",[[1,"pam-player-profile-controller",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"addProfile":[513,"add-profile"],"addAddresses":[513,"add-addresses"],"addContacts":[513,"add-contacts"],"addDocuments":[513,"add-documents"],"addConsents":[513,"add-consents"],"dobFormat":[513,"dob-format"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isContactVerificationStatusDisplayed":[513,"is-contact-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isDocumentsEditable":[513,"is-documents-editable"],"isMobile":[32],"limitStylingAppends":[32],"isLoading":[32],"isSubmitButtonAvailable":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-addresses",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isPermanentAddressSectionActive":[32],"isTemporaryAddressSectionActive":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-contacts",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isVerificationStatusDisplayed":[513,"is-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-documents",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isEditable":[513,"is-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-profile",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dobFormat":[513,"dob-format"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"skeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]]], options);
+  return index.bootstrapLazy([["pam-player-addresses_6.cjs",[[1,"pam-player-profile-controller",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"addProfile":[513,"add-profile"],"addAddresses":[513,"add-addresses"],"addContacts":[513,"add-contacts"],"addDocuments":[513,"add-documents"],"addConsents":[513,"add-consents"],"dobFormat":[513,"dob-format"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isContactVerificationStatusDisplayed":[513,"is-contact-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isDocumentsEditable":[513,"is-documents-editable"],"isMobile":[32],"limitStylingAppends":[32],"isLoading":[32],"isSubmitButtonAvailable":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-addresses",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isPermanentAddressSectionActive":[32],"isTemporaryAddressSectionActive":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-contacts",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isVerificationStatusDisplayed":[513,"is-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-documents",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isEditable":[513,"is-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-profile",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dobFormat":[513,"dob-format"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"skeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/pam-player-addresses_6.cjs.entry.js

@@ -1198,7 +1198,7 @@ const isMobile$1 = (userAgent) => {
         userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
 
-const pamPlayerDocumentsCss = ":host {\n  display: block;\n}\n\nbutton {\n  font-family: var(--emw--button-typography);\n}\n\ninput, select, option {\n  font-family: inherit;\n}\n\n.PlayerDocumentsWrapper {\n  color: var(--emw--pam-typography, var(--emw-color-contrast, #07072A));\n  background: var(--emw-color-pale, var(--emw--color-gray-50, #F1F1F1));\n  padding: 50px;\n  height: 100%;\n  border-radius: var(--emw--border-radius-large, 10px);\n  container-type: inline-size;\n  opacity: 1;\n  animation-name: fadeIn;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n.PlayerDocumentsWrapper .ReturnButton {\n  display: none;\n}\n.PlayerDocumentsWrapper h2 {\n  font-size: var(--emw--font-size-x-large, 24px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n}\n.PlayerDocumentsWrapper .Section {\n  background: var(--emw-color-pale, var(--emw--color-gray-100, #E6E6E6));\n  border-radius: var(--emw--border-radius-large, 10px);\n  padding: 10px;\n  margin-bottom: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionTitle {\n  font-size: var(--emw--font-size-large, 20px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n  padding: 0;\n  border: 0;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  background: transparent;\n  cursor: pointer;\n}\n.PlayerDocumentsWrapper .Section .SectionContent {\n  display: grid;\n  column-gap: 50px;\n  row-gap: 25px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  padding-bottom: 30px;\n  margin-top: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field label {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-semibold, 500);\n  margin-bottom: 5px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-light, 300);\n  color: var(--emw--pam-contrast, var(--emw-color-contrast, #07072A));\n  padding: 10px;\n  line-height: 16px;\n  background: var(--emw-color-white, #FFFFFF);\n  outline: none;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  border: 1px solid var(--emw--color-gray-100, #353535);\n  border-radius: var(--emw--border-radius-medium, 10px);\n  width: 100%;\n  box-sizing: border-box;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input:focus, .PlayerDocumentsWrapper .Section .SectionContent .Field input :focus-within, .PlayerDocumentsWrapper .Section .SectionContent .Field input :focus-visible, .PlayerDocumentsWrapper .Section .SectionContent .Field input :visited {\n  border: 1px solid var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  box-shadow: 0 0 0 1pt var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input::-webkit-outer-spin-button,\n.PlayerDocumentsWrapper .Section .SectionContent .Field input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input[type=number] {\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field.Invalid input {\n  border: 1px solid var(--emw-color-error, var(--emw-color-red, #FD2839));\n  background: var(--emw-color-pale, #FBECF4);\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field .Error {\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field.Disabled input {\n  opacity: 0.5;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .CompoundField {\n  width: 100%;\n  display: flex;\n  gap: 10px;\n  flex-direction: row;\n}\n.PlayerDocumentsWrapper .ButtonsArea {\n  grid-column-gap: 10px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  margin-top: 20px;\n  width: 50%;\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));\n  border: 2px solid var(--emw--button-border-color, #0E5924);\n  color: var(--emw--button-text-color, #FFFFFF);\n  border-radius: var(--emw--button-border-radius, 10px);\n  font-size: var(--emw--size-standard, 16px);\n  text-transform: uppercase;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  max-width: 400px;\n  min-width: 200px;\n  padding: 13px 0;\n  width: 100%;\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton:active {\n  background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton.Disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.PlayerDocumentsWrapper.skeleton .ReturnButton {\n  display: block;\n  width: 200px;\n  margin-top: 15px;\n  margin-bottom: 20px;\n}\n.PlayerDocumentsWrapper.skeleton .Section .SectionContent {\n  grid-template-columns: 1fr 1fr;\n  max-height: 100%;\n  overflow: hidden;\n}\n.PlayerDocumentsWrapper.skeleton .Section .SectionContent .Field {\n  height: 60px;\n  overflow: hidden;\n}\n.PlayerDocumentsWrapper.skeleton .ButtonsArea .SaveButton {\n  width: 500px;\n  border-radius: 30px;\n  overflow: hidden;\n  display: block;\n  background-image: none;\n  border: none;\n}\n@container (max-width: 425px) {\n  .PlayerDocumentsWrapper {\n    padding: 20px 15px;\n    background: var(--emw-color-gray-50, #F9F8F8);\n    max-width: unset;\n    border-radius: var(--emw--border-radius-small, 5px);\n  }\n  .PlayerDocumentsWrapper .ReturnButton {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    display: inline-flex;\n    align-items: center;\n    column-gap: 10px;\n    margin-bottom: 10px;\n  }\n  .PlayerDocumentsWrapper .ReturnButton svg {\n    fill: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  }\n  .PlayerDocumentsWrapper .HeaderText {\n    display: none;\n  }\n  .PlayerDocumentsWrapper h2 {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    font-size: var(--emw--font-size-large, 20px);\n    font-weight: var(--emw--font-weight-semibold, 500);\n  }\n  .PlayerDocumentsWrapper .Section .SectionContent {\n    row-gap: 15px;\n    grid-template-columns: 1fr;\n  }\n  .PlayerDocumentsWrapper .Section .SectionContent .CompoundField {\n    width: 100%;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n  }\n  .PlayerDocumentsWrapper .Section .SectionTitle {\n    margin-top: 5px;\n    margin-bottom: 5px;\n    font-size: var(--emw--font-size-medium, 16px);\n  }\n  .PlayerDocumentsWrapper .Section .Field label {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(-emw--font-weight-normal, 400);\n  }\n  .PlayerDocumentsWrapper .Section .Field input {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(--emw--font-weight-light, 300);\n  }\n  .PlayerDocumentsWrapper .ButtonsArea {\n    grid-column-gap: 10px;\n    width: 100%;\n    grid-template-columns: 1fr 1fr;\n  }\n  .PlayerDocumentsWrapper .ButtonsArea .SaveButton {\n    font-size: var(--emw--size-x-small, 12px);\n    height: 40px;\n    color: var(--emw-button-typography, var(--emw-color-white, #FFFFFF));\n  }\n  .PlayerDocumentsWrapper .ButtonsArea .SaveButton.Disabled {\n    color: var(--emw-color-gray-300, #58586B);\n  }\n  .PlayerDocumentsWrapper.skeleton .Section .SectionContent {\n    display: block;\n  }\n  .PlayerDocumentsWrapper.skeleton .Section .SectionContent .Field {\n    margin-bottom: 15px;\n  }\n  .PlayerDocumentsWrapper.skeleton .ButtonsArea .SaveButton {\n    width: 100%;\n    height: 100%;\n    border-radius: 20px;\n  }\n}";
+const pamPlayerDocumentsCss = ":host {\n  display: block;\n}\n\nbutton {\n  font-family: var(--emw--button-typography);\n}\n\ninput, select, option {\n  font-family: inherit;\n}\n\n.errorContainer {\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-family: sans-serif;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  height: 100%;\n}\n.errorContainer .errorMessage {\n  color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n  font-size: var(--emw-font-size-small, 13px);\n  display: block;\n  justify-content: center;\n  text-align: center;\n}\n\n.PlayerDocumentsWrapper {\n  color: var(--emw--pam-typography, var(--emw-color-contrast, #07072A));\n  background: var(--emw-color-pale, var(--emw--color-gray-50, #F1F1F1));\n  padding: 50px;\n  height: 100%;\n  border-radius: var(--emw--border-radius-large, 10px);\n  container-type: inline-size;\n  opacity: 1;\n  animation-name: fadeIn;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n.PlayerDocumentsWrapper .ReturnButton {\n  display: none;\n}\n.PlayerDocumentsWrapper h2 {\n  font-size: var(--emw--font-size-x-large, 24px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n}\n.PlayerDocumentsWrapper .Section {\n  background: var(--emw-color-pale, var(--emw--color-gray-100, #E6E6E6));\n  border-radius: var(--emw--border-radius-large, 10px);\n  padding: 10px;\n  margin-bottom: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionTitle {\n  font-size: var(--emw--font-size-large, 20px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n  padding: 0;\n  border: 0;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  background: transparent;\n  cursor: pointer;\n}\n.PlayerDocumentsWrapper .Section .SectionContent {\n  display: grid;\n  column-gap: 50px;\n  row-gap: 25px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  padding-bottom: 30px;\n  margin-top: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field label {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-semibold, 500);\n  margin-bottom: 5px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-light, 300);\n  color: var(--emw--pam-contrast, var(--emw-color-contrast, #07072A));\n  padding: 10px;\n  line-height: 16px;\n  background: var(--emw-color-white, #FFFFFF);\n  outline: none;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  border: 1px solid var(--emw--color-gray-100, #353535);\n  border-radius: var(--emw--border-radius-medium, 10px);\n  width: 100%;\n  box-sizing: border-box;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input:focus, .PlayerDocumentsWrapper .Section .SectionContent .Field input :focus-within, .PlayerDocumentsWrapper .Section .SectionContent .Field input :focus-visible, .PlayerDocumentsWrapper .Section .SectionContent .Field input :visited {\n  border: 1px solid var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  box-shadow: 0 0 0 1pt var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input::-webkit-outer-spin-button,\n.PlayerDocumentsWrapper .Section .SectionContent .Field input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input[type=number] {\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field.Invalid input {\n  border: 1px solid var(--emw-color-error, var(--emw-color-red, #FD2839));\n  background: var(--emw-color-pale, #FBECF4);\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field .Error {\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field.Disabled input {\n  opacity: 0.5;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .CompoundField {\n  width: 100%;\n  display: flex;\n  gap: 10px;\n  flex-direction: row;\n}\n.PlayerDocumentsWrapper .ButtonsArea {\n  grid-column-gap: 10px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  margin-top: 20px;\n  width: 50%;\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));\n  border: 2px solid var(--emw--button-border-color, #0E5924);\n  color: var(--emw--button-text-color, #FFFFFF);\n  border-radius: var(--emw--button-border-radius, 10px);\n  font-size: var(--emw--size-standard, 16px);\n  text-transform: uppercase;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  max-width: 400px;\n  min-width: 200px;\n  padding: 13px 0;\n  width: 100%;\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton:active {\n  background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton.Disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.PlayerDocumentsWrapper.skeleton .ReturnButton {\n  display: block;\n  width: 200px;\n  margin-top: 15px;\n  margin-bottom: 20px;\n}\n.PlayerDocumentsWrapper.skeleton .Section .SectionContent {\n  grid-template-columns: 1fr 1fr;\n  max-height: 100%;\n  overflow: hidden;\n}\n.PlayerDocumentsWrapper.skeleton .Section .SectionContent .Field {\n  height: 60px;\n  overflow: hidden;\n}\n.PlayerDocumentsWrapper.skeleton .ButtonsArea .SaveButton {\n  width: 500px;\n  border-radius: 30px;\n  overflow: hidden;\n  display: block;\n  background-image: none;\n  border: none;\n}\n@container (max-width: 425px) {\n  .PlayerDocumentsWrapper {\n    padding: 20px 15px;\n    background: var(--emw-color-gray-50, #F9F8F8);\n    max-width: unset;\n    border-radius: var(--emw--border-radius-small, 5px);\n  }\n  .PlayerDocumentsWrapper .ReturnButton {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    display: inline-flex;\n    align-items: center;\n    column-gap: 10px;\n    margin-bottom: 10px;\n  }\n  .PlayerDocumentsWrapper .ReturnButton svg {\n    fill: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  }\n  .PlayerDocumentsWrapper .HeaderText {\n    display: none;\n  }\n  .PlayerDocumentsWrapper h2 {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    font-size: var(--emw--font-size-large, 20px);\n    font-weight: var(--emw--font-weight-semibold, 500);\n  }\n  .PlayerDocumentsWrapper .Section .SectionContent {\n    row-gap: 15px;\n    grid-template-columns: 1fr;\n  }\n  .PlayerDocumentsWrapper .Section .SectionContent .CompoundField {\n    width: 100%;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n  }\n  .PlayerDocumentsWrapper .Section .SectionTitle {\n    margin-top: 5px;\n    margin-bottom: 5px;\n    font-size: var(--emw--font-size-medium, 16px);\n  }\n  .PlayerDocumentsWrapper .Section .Field label {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(-emw--font-weight-normal, 400);\n  }\n  .PlayerDocumentsWrapper .Section .Field input {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(--emw--font-weight-light, 300);\n  }\n  .PlayerDocumentsWrapper .ButtonsArea {\n    grid-column-gap: 10px;\n    width: 100%;\n    grid-template-columns: 1fr 1fr;\n  }\n  .PlayerDocumentsWrapper .ButtonsArea .SaveButton {\n    font-size: var(--emw--size-x-small, 12px);\n    height: 40px;\n    color: var(--emw-button-typography, var(--emw-color-white, #FFFFFF));\n  }\n  .PlayerDocumentsWrapper .ButtonsArea .SaveButton.Disabled {\n    color: var(--emw-color-gray-300, #58586B);\n  }\n  .PlayerDocumentsWrapper.skeleton .Section .SectionContent {\n    display: block;\n  }\n  .PlayerDocumentsWrapper.skeleton .Section .SectionContent .Field {\n    margin-bottom: 15px;\n  }\n  .PlayerDocumentsWrapper.skeleton .ButtonsArea .SaveButton {\n    width: 100%;\n    height: 100%;\n    border-radius: 20px;\n  }\n}";
 const PamPlayerDocumentsStyle0 = pamPlayerDocumentsCss;
 
 const PamPlayerDocuments = class {
@@ -1234,6 +1234,35 @@ const PamPlayerDocuments = class {
                     break;
             }
         };
+        /**
+       * Promise for fetching the response and returning the response or the erorr message
+       * @param res - response from the API
+       */
+        this.handleFetchResponse = async (res) => {
+            var _a;
+            if (res.status >= 300) {
+                this.isError = true;
+                let response = await res.json();
+                this.errorCode = (_a = response.thirdPartyResponse) === null || _a === void 0 ? void 0 : _a.errorCode;
+                this.errorMessage = this.errorCode ? translate$1(this.errorCode, this.lang) : translate$1('errorMessageFetch', this.lang);
+                window.postMessage({
+                    type: 'WidgetNotification',
+                    data: {
+                        type: 'error',
+                        message: this.errorMessage
+                    }
+                }, window.location.href);
+                return Promise.reject(this.errorMessage);
+            }
+            else {
+                this.isError = false;
+                if (res.headers.get('content-type')) {
+                    let response = await res.json();
+                    return Promise.resolve(response);
+                }
+                return Promise.resolve();
+            }
+        };
         this.getData = () => {
             const url = new URL(`/api/v1/players/${this.userId}/player-identifiable-information/documents/`, this.endpoint);
             const headers = new Headers();
@@ -1242,17 +1271,16 @@ const PamPlayerDocuments = class {
                 method: 'GET',
                 headers: headers
             };
-            return new Promise((resolve) => {
+            return new Promise((resolve, reject) => {
                 fetch(url.href, options)
-                    .then(res => {
-                    if (res.ok) {
-                        return res.json();
-                    }
-                    this.sendErrorNotification('errorMessageFetch');
-                })
+                    .then((res) => this.handleFetchResponse(res))
                     .then(res => {
                     this.data = res;
                     resolve();
+                })
+                    .catch((error) => {
+                    console.error(error);
+                    reject(error);
                 });
             });
         };
@@ -1352,6 +1380,9 @@ const PamPlayerDocuments = class {
         this.isSubmitButtonAvailable = false;
         this.invalidFields = 0;
         this.isMobile = isMobile$1(window.navigator.userAgent);
+        this.isError = false;
+        this.errorMessage = '';
+        this.errorCode = '';
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -1408,7 +1439,10 @@ const PamPlayerDocuments = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7abe1ef66b345689e5b12f56c8c563f21bf31862', ref: el => this.stylingContainer = el }, this.isSkeletonLoading
+        if (!this.isSkeletonLoading && this.isError) {
+            return (index.h("div", { class: "errorContainer" }, index.h("p", { class: "errorMessage", innerHTML: this.errorMessage })));
+        }
+        return (index.h("div", { ref: el => this.stylingContainer = el }, this.isSkeletonLoading
             ? index.h("form", { class: "PlayerDocumentsWrapper skeleton" }, index.h("div", { class: "ReturnButton" }, index.h("ui-skeleton", { structure: "title", width: "auto", height: "30px" })), index.h("div", { class: "Section" }, index.h("section", { class: "SectionContent" }, index.h("div", { class: "Field" }, index.h("ui-skeleton", { structure: "text", width: "auto", "margin-bottom": "10px", height: "10px" }), index.h("ui-skeleton", { structure: "title", width: "100%", height: "40px" })), index.h("div", { class: "Field" }, index.h("ui-skeleton", { structure: "text", width: "auto", "margin-bottom": "10px", height: "10px" }), index.h("ui-skeleton", { structure: "title", width: "100%", height: "40px" })))), index.h("section", { class: "ButtonsArea" }, index.h("div", { class: "SaveButton" }, index.h("ui-skeleton", { structure: "rectangle", width: "auto", height: "40px" }))))
             : index.h("form", { class: `PlayerDocumentsWrapper ${this.isMobile ? 'Mobile' : ''}` }, index.h("div", { class: "ReturnButton", onClick: this.toggleScreen }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, index.h("g", { transform: "translate(-20 -158)" }, index.h("g", { transform: "translate(20 158)" }, index.h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), index.h("h2", null, translate$1('title', this.lang))), index.h("h2", { class: "HeaderText" }, translate$1('title', this.lang)), index.h("div", { class: "Section" }, index.h("section", { class: "SectionContent" }, Object.keys(this.dataRef).map(documentType => {
                 return (index.h("div", { class: "CompoundField" }, this.staticField(documentType, 'documentType', 'documentType'), this.isEditable === 'true'
@@ -1904,7 +1938,7 @@ const PamPlayerProfile = class {
 };
 PamPlayerProfile.style = PamPlayerProfileStyle0;
 
-const uiSkeletonCss = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}";
+const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
 const UiSkeletonStyle0 = uiSkeletonCss;
 
 const UiSkeleton = class {
@@ -1917,7 +1951,8 @@ const UiSkeleton = class {
             marginBottom: this.handleStylingProps(this.marginBottom),
             marginTop: this.handleStylingProps(this.marginTop),
             marginLeft: this.handleStylingProps(this.marginLeft),
-            marginRight: this.handleStylingProps(this.marginRight)
+            marginRight: this.handleStylingProps(this.marginRight),
+            size: this.handleStylingProps(this.size)
         };
         this.structure = undefined;
         this.width = 'unset';
@@ -1930,9 +1965,6 @@ const UiSkeleton = class {
         this.animation = true;
         this.rows = 0;
         this.size = '100%';
-        this.color = '#c2c2c2';
-        this.primaryColor = '#c2c2c2';
-        this.secondaryColor = '#ffffff';
     }
     handleStructureChange(newValue, oldValue) {
         if (oldValue !== newValue) {
@@ -2007,9 +2039,6 @@ const UiSkeleton = class {
             --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-logo-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
@@ -2023,9 +2052,6 @@ const UiSkeleton = class {
             --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-image-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
@@ -2039,9 +2065,6 @@ const UiSkeleton = class {
             --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-title-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
@@ -2055,9 +2078,6 @@ const UiSkeleton = class {
             --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-text-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
@@ -2071,26 +2091,20 @@ const UiSkeleton = class {
             --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-rectangle-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
             case 'circle':
                 styleBlock = `
           :host {
-            --emw-skeleton-circle-size: ${this.size};
-            --emw-skeleton-circle-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
+            --emw-skeleton-circle-size: ${this.stylingValue.size};
           }
         `;
                 break;
             default:
                 styleBlock = '';
         }
-        return (index.h(index.Host, { key: '5c185b76c438d20d4ad88bc48d94ff5628410bb7' }, index.h("style", { key: 'de95e60a5955d5b2af83710423fe40329c187f7e' }, styleBlock), this.handleStructure(this.structure)));
+        return (index.h(index.Host, { key: 'e6b885bfd985ce7663d990756fe9101e25eb97f0' }, index.h("style", { key: '06ae24c7bb74f4dacfc12ae58085333f9dc89da5' }, styleBlock), this.handleStructure(this.structure)));
     }
     static get watchers() { return {
         "structure": ["handleStructureChange"]

package/dist/cjs/pam-player-profile-controller.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["pam-player-addresses_6.cjs",[[1,"pam-player-profile-controller",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"addProfile":[513,"add-profile"],"addAddresses":[513,"add-addresses"],"addContacts":[513,"add-contacts"],"addDocuments":[513,"add-documents"],"addConsents":[513,"add-consents"],"dobFormat":[513,"dob-format"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isContactVerificationStatusDisplayed":[513,"is-contact-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isDocumentsEditable":[513,"is-documents-editable"],"isMobile":[32],"limitStylingAppends":[32],"isLoading":[32],"isSubmitButtonAvailable":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-addresses",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isPermanentAddressSectionActive":[32],"isTemporaryAddressSectionActive":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-contacts",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isVerificationStatusDisplayed":[513,"is-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-documents",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isEditable":[513,"is-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-profile",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dobFormat":[513,"dob-format"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"skeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]]], options);
+  return index.bootstrapLazy([["pam-player-addresses_6.cjs",[[1,"pam-player-profile-controller",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"addProfile":[513,"add-profile"],"addAddresses":[513,"add-addresses"],"addContacts":[513,"add-contacts"],"addDocuments":[513,"add-documents"],"addConsents":[513,"add-consents"],"dobFormat":[513,"dob-format"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isContactVerificationStatusDisplayed":[513,"is-contact-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isDocumentsEditable":[513,"is-documents-editable"],"isMobile":[32],"limitStylingAppends":[32],"isLoading":[32],"isSubmitButtonAvailable":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-addresses",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isPermanentAddressSectionActive":[32],"isTemporaryAddressSectionActive":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-contacts",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isVerificationStatusDisplayed":[513,"is-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-documents",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isEditable":[513,"is-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-profile",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dobFormat":[513,"dob-format"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"skeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["pam-player-addresses_6",[[1,"pam-player-profile-controller",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"addProfile":[513,"add-profile"],"addAddresses":[513,"add-addresses"],"addContacts":[513,"add-contacts"],"addDocuments":[513,"add-documents"],"addConsents":[513,"add-consents"],"dobFormat":[513,"dob-format"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isContactVerificationStatusDisplayed":[513,"is-contact-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isDocumentsEditable":[513,"is-documents-editable"],"isMobile":[32],"limitStylingAppends":[32],"isLoading":[32],"isSubmitButtonAvailable":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-addresses",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isPermanentAddressSectionActive":[32],"isTemporaryAddressSectionActive":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-contacts",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isVerificationStatusDisplayed":[513,"is-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-documents",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isEditable":[513,"is-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-profile",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dobFormat":[513,"dob-format"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"skeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]]], options);
+  return bootstrapLazy([["pam-player-addresses_6",[[1,"pam-player-profile-controller",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"addProfile":[513,"add-profile"],"addAddresses":[513,"add-addresses"],"addContacts":[513,"add-contacts"],"addDocuments":[513,"add-documents"],"addConsents":[513,"add-consents"],"dobFormat":[513,"dob-format"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isContactVerificationStatusDisplayed":[513,"is-contact-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isDocumentsEditable":[513,"is-documents-editable"],"isMobile":[32],"limitStylingAppends":[32],"isLoading":[32],"isSubmitButtonAvailable":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-addresses",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isPermanentAddressSectionActive":[32],"isTemporaryAddressSectionActive":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-contacts",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isVerificationStatusDisplayed":[513,"is-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-documents",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isEditable":[513,"is-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-profile",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dobFormat":[513,"dob-format"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"skeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/pam-player-addresses_6.entry.js

@@ -1195,7 +1195,7 @@ const isMobile$1 = (userAgent) => {
         userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
 
-const pamPlayerDocumentsCss = ":host {\n  display: block;\n}\n\nbutton {\n  font-family: var(--emw--button-typography);\n}\n\ninput, select, option {\n  font-family: inherit;\n}\n\n.PlayerDocumentsWrapper {\n  color: var(--emw--pam-typography, var(--emw-color-contrast, #07072A));\n  background: var(--emw-color-pale, var(--emw--color-gray-50, #F1F1F1));\n  padding: 50px;\n  height: 100%;\n  border-radius: var(--emw--border-radius-large, 10px);\n  container-type: inline-size;\n  opacity: 1;\n  animation-name: fadeIn;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n.PlayerDocumentsWrapper .ReturnButton {\n  display: none;\n}\n.PlayerDocumentsWrapper h2 {\n  font-size: var(--emw--font-size-x-large, 24px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n}\n.PlayerDocumentsWrapper .Section {\n  background: var(--emw-color-pale, var(--emw--color-gray-100, #E6E6E6));\n  border-radius: var(--emw--border-radius-large, 10px);\n  padding: 10px;\n  margin-bottom: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionTitle {\n  font-size: var(--emw--font-size-large, 20px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n  padding: 0;\n  border: 0;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  background: transparent;\n  cursor: pointer;\n}\n.PlayerDocumentsWrapper .Section .SectionContent {\n  display: grid;\n  column-gap: 50px;\n  row-gap: 25px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  padding-bottom: 30px;\n  margin-top: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field label {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-semibold, 500);\n  margin-bottom: 5px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-light, 300);\n  color: var(--emw--pam-contrast, var(--emw-color-contrast, #07072A));\n  padding: 10px;\n  line-height: 16px;\n  background: var(--emw-color-white, #FFFFFF);\n  outline: none;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  border: 1px solid var(--emw--color-gray-100, #353535);\n  border-radius: var(--emw--border-radius-medium, 10px);\n  width: 100%;\n  box-sizing: border-box;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input:focus, .PlayerDocumentsWrapper .Section .SectionContent .Field input :focus-within, .PlayerDocumentsWrapper .Section .SectionContent .Field input :focus-visible, .PlayerDocumentsWrapper .Section .SectionContent .Field input :visited {\n  border: 1px solid var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  box-shadow: 0 0 0 1pt var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input::-webkit-outer-spin-button,\n.PlayerDocumentsWrapper .Section .SectionContent .Field input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input[type=number] {\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field.Invalid input {\n  border: 1px solid var(--emw-color-error, var(--emw-color-red, #FD2839));\n  background: var(--emw-color-pale, #FBECF4);\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field .Error {\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field.Disabled input {\n  opacity: 0.5;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .CompoundField {\n  width: 100%;\n  display: flex;\n  gap: 10px;\n  flex-direction: row;\n}\n.PlayerDocumentsWrapper .ButtonsArea {\n  grid-column-gap: 10px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  margin-top: 20px;\n  width: 50%;\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));\n  border: 2px solid var(--emw--button-border-color, #0E5924);\n  color: var(--emw--button-text-color, #FFFFFF);\n  border-radius: var(--emw--button-border-radius, 10px);\n  font-size: var(--emw--size-standard, 16px);\n  text-transform: uppercase;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  max-width: 400px;\n  min-width: 200px;\n  padding: 13px 0;\n  width: 100%;\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton:active {\n  background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton.Disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.PlayerDocumentsWrapper.skeleton .ReturnButton {\n  display: block;\n  width: 200px;\n  margin-top: 15px;\n  margin-bottom: 20px;\n}\n.PlayerDocumentsWrapper.skeleton .Section .SectionContent {\n  grid-template-columns: 1fr 1fr;\n  max-height: 100%;\n  overflow: hidden;\n}\n.PlayerDocumentsWrapper.skeleton .Section .SectionContent .Field {\n  height: 60px;\n  overflow: hidden;\n}\n.PlayerDocumentsWrapper.skeleton .ButtonsArea .SaveButton {\n  width: 500px;\n  border-radius: 30px;\n  overflow: hidden;\n  display: block;\n  background-image: none;\n  border: none;\n}\n@container (max-width: 425px) {\n  .PlayerDocumentsWrapper {\n    padding: 20px 15px;\n    background: var(--emw-color-gray-50, #F9F8F8);\n    max-width: unset;\n    border-radius: var(--emw--border-radius-small, 5px);\n  }\n  .PlayerDocumentsWrapper .ReturnButton {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    display: inline-flex;\n    align-items: center;\n    column-gap: 10px;\n    margin-bottom: 10px;\n  }\n  .PlayerDocumentsWrapper .ReturnButton svg {\n    fill: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  }\n  .PlayerDocumentsWrapper .HeaderText {\n    display: none;\n  }\n  .PlayerDocumentsWrapper h2 {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    font-size: var(--emw--font-size-large, 20px);\n    font-weight: var(--emw--font-weight-semibold, 500);\n  }\n  .PlayerDocumentsWrapper .Section .SectionContent {\n    row-gap: 15px;\n    grid-template-columns: 1fr;\n  }\n  .PlayerDocumentsWrapper .Section .SectionContent .CompoundField {\n    width: 100%;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n  }\n  .PlayerDocumentsWrapper .Section .SectionTitle {\n    margin-top: 5px;\n    margin-bottom: 5px;\n    font-size: var(--emw--font-size-medium, 16px);\n  }\n  .PlayerDocumentsWrapper .Section .Field label {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(-emw--font-weight-normal, 400);\n  }\n  .PlayerDocumentsWrapper .Section .Field input {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(--emw--font-weight-light, 300);\n  }\n  .PlayerDocumentsWrapper .ButtonsArea {\n    grid-column-gap: 10px;\n    width: 100%;\n    grid-template-columns: 1fr 1fr;\n  }\n  .PlayerDocumentsWrapper .ButtonsArea .SaveButton {\n    font-size: var(--emw--size-x-small, 12px);\n    height: 40px;\n    color: var(--emw-button-typography, var(--emw-color-white, #FFFFFF));\n  }\n  .PlayerDocumentsWrapper .ButtonsArea .SaveButton.Disabled {\n    color: var(--emw-color-gray-300, #58586B);\n  }\n  .PlayerDocumentsWrapper.skeleton .Section .SectionContent {\n    display: block;\n  }\n  .PlayerDocumentsWrapper.skeleton .Section .SectionContent .Field {\n    margin-bottom: 15px;\n  }\n  .PlayerDocumentsWrapper.skeleton .ButtonsArea .SaveButton {\n    width: 100%;\n    height: 100%;\n    border-radius: 20px;\n  }\n}";
+const pamPlayerDocumentsCss = ":host {\n  display: block;\n}\n\nbutton {\n  font-family: var(--emw--button-typography);\n}\n\ninput, select, option {\n  font-family: inherit;\n}\n\n.errorContainer {\n  font-family: \"Roboto\";\n  font-style: normal;\n  font-family: sans-serif;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  width: 100%;\n  height: 100%;\n}\n.errorContainer .errorMessage {\n  color: var(--emw--color-error, var(--emw--color-red, #ed0909));\n  font-size: var(--emw-font-size-small, 13px);\n  display: block;\n  justify-content: center;\n  text-align: center;\n}\n\n.PlayerDocumentsWrapper {\n  color: var(--emw--pam-typography, var(--emw-color-contrast, #07072A));\n  background: var(--emw-color-pale, var(--emw--color-gray-50, #F1F1F1));\n  padding: 50px;\n  height: 100%;\n  border-radius: var(--emw--border-radius-large, 10px);\n  container-type: inline-size;\n  opacity: 1;\n  animation-name: fadeIn;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n.PlayerDocumentsWrapper .ReturnButton {\n  display: none;\n}\n.PlayerDocumentsWrapper h2 {\n  font-size: var(--emw--font-size-x-large, 24px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n}\n.PlayerDocumentsWrapper .Section {\n  background: var(--emw-color-pale, var(--emw--color-gray-100, #E6E6E6));\n  border-radius: var(--emw--border-radius-large, 10px);\n  padding: 10px;\n  margin-bottom: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionTitle {\n  font-size: var(--emw--font-size-large, 20px);\n  color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  text-transform: capitalize;\n  font-weight: var(--emw--font-weight-semibold, 500);\n  padding: 0;\n  border: 0;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  background: transparent;\n  cursor: pointer;\n}\n.PlayerDocumentsWrapper .Section .SectionContent {\n  display: grid;\n  column-gap: 50px;\n  row-gap: 25px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  padding-bottom: 30px;\n  margin-top: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  /* Chrome, Safari, Edge, Opera */\n  /* Firefox */\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field label {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-semibold, 500);\n  margin-bottom: 5px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input {\n  font-size: var(--emw--size-small, 14px);\n  font-weight: var(--emw--font-weight-light, 300);\n  color: var(--emw--pam-contrast, var(--emw-color-contrast, #07072A));\n  padding: 10px;\n  line-height: 16px;\n  background: var(--emw-color-white, #FFFFFF);\n  outline: none;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  border: 1px solid var(--emw--color-gray-100, #353535);\n  border-radius: var(--emw--border-radius-medium, 10px);\n  width: 100%;\n  box-sizing: border-box;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input:focus, .PlayerDocumentsWrapper .Section .SectionContent .Field input :focus-within, .PlayerDocumentsWrapper .Section .SectionContent .Field input :focus-visible, .PlayerDocumentsWrapper .Section .SectionContent .Field input :visited {\n  border: 1px solid var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  box-shadow: 0 0 0 1pt var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input::-webkit-outer-spin-button,\n.PlayerDocumentsWrapper .Section .SectionContent .Field input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field input[type=number] {\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field.Invalid input {\n  border: 1px solid var(--emw-color-error, var(--emw-color-red, #FD2839));\n  background: var(--emw-color-pale, #FBECF4);\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field .Error {\n  color: var(--emw-color-error, var(--emw-color-red, #FD2839));\n  font-size: var(--emw--font-size-x-small, 12px);\n  line-height: 10px;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .Field.Disabled input {\n  opacity: 0.5;\n}\n.PlayerDocumentsWrapper .Section .SectionContent .CompoundField {\n  width: 100%;\n  display: flex;\n  gap: 10px;\n  flex-direction: row;\n}\n.PlayerDocumentsWrapper .ButtonsArea {\n  grid-column-gap: 10px;\n  grid-template-rows: auto;\n  grid-template-columns: 1fr;\n  margin-top: 20px;\n  width: 50%;\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));\n  border: 2px solid var(--emw--button-border-color, #0E5924);\n  color: var(--emw--button-text-color, #FFFFFF);\n  border-radius: var(--emw--button-border-radius, 10px);\n  font-size: var(--emw--size-standard, 16px);\n  text-transform: uppercase;\n  transition-duration: var(--emw--transition-medium, 250ms);\n  max-width: 400px;\n  min-width: 200px;\n  padding: 13px 0;\n  width: 100%;\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton:active {\n  background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n}\n.PlayerDocumentsWrapper .ButtonsArea .SaveButton.Disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n.PlayerDocumentsWrapper.skeleton .ReturnButton {\n  display: block;\n  width: 200px;\n  margin-top: 15px;\n  margin-bottom: 20px;\n}\n.PlayerDocumentsWrapper.skeleton .Section .SectionContent {\n  grid-template-columns: 1fr 1fr;\n  max-height: 100%;\n  overflow: hidden;\n}\n.PlayerDocumentsWrapper.skeleton .Section .SectionContent .Field {\n  height: 60px;\n  overflow: hidden;\n}\n.PlayerDocumentsWrapper.skeleton .ButtonsArea .SaveButton {\n  width: 500px;\n  border-radius: 30px;\n  overflow: hidden;\n  display: block;\n  background-image: none;\n  border: none;\n}\n@container (max-width: 425px) {\n  .PlayerDocumentsWrapper {\n    padding: 20px 15px;\n    background: var(--emw-color-gray-50, #F9F8F8);\n    max-width: unset;\n    border-radius: var(--emw--border-radius-small, 5px);\n  }\n  .PlayerDocumentsWrapper .ReturnButton {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    display: inline-flex;\n    align-items: center;\n    column-gap: 10px;\n    margin-bottom: 10px;\n  }\n  .PlayerDocumentsWrapper .ReturnButton svg {\n    fill: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n  }\n  .PlayerDocumentsWrapper .HeaderText {\n    display: none;\n  }\n  .PlayerDocumentsWrapper h2 {\n    color: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));\n    font-size: var(--emw--font-size-large, 20px);\n    font-weight: var(--emw--font-weight-semibold, 500);\n  }\n  .PlayerDocumentsWrapper .Section .SectionContent {\n    row-gap: 15px;\n    grid-template-columns: 1fr;\n  }\n  .PlayerDocumentsWrapper .Section .SectionContent .CompoundField {\n    width: 100%;\n    display: flex;\n    gap: 10px;\n    flex-direction: column;\n  }\n  .PlayerDocumentsWrapper .Section .SectionTitle {\n    margin-top: 5px;\n    margin-bottom: 5px;\n    font-size: var(--emw--font-size-medium, 16px);\n  }\n  .PlayerDocumentsWrapper .Section .Field label {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(-emw--font-weight-normal, 400);\n  }\n  .PlayerDocumentsWrapper .Section .Field input {\n    color: var(--emw-color-gray-300, #58586B);\n    font-size: var(--emw--size-x-small, 12px);\n    font-weight: var(--emw--font-weight-light, 300);\n  }\n  .PlayerDocumentsWrapper .ButtonsArea {\n    grid-column-gap: 10px;\n    width: 100%;\n    grid-template-columns: 1fr 1fr;\n  }\n  .PlayerDocumentsWrapper .ButtonsArea .SaveButton {\n    font-size: var(--emw--size-x-small, 12px);\n    height: 40px;\n    color: var(--emw-button-typography, var(--emw-color-white, #FFFFFF));\n  }\n  .PlayerDocumentsWrapper .ButtonsArea .SaveButton.Disabled {\n    color: var(--emw-color-gray-300, #58586B);\n  }\n  .PlayerDocumentsWrapper.skeleton .Section .SectionContent {\n    display: block;\n  }\n  .PlayerDocumentsWrapper.skeleton .Section .SectionContent .Field {\n    margin-bottom: 15px;\n  }\n  .PlayerDocumentsWrapper.skeleton .ButtonsArea .SaveButton {\n    width: 100%;\n    height: 100%;\n    border-radius: 20px;\n  }\n}";
 const PamPlayerDocumentsStyle0 = pamPlayerDocumentsCss;
 
 const PamPlayerDocuments = class {
@@ -1231,6 +1231,35 @@ const PamPlayerDocuments = class {
                     break;
             }
         };
+        /**
+       * Promise for fetching the response and returning the response or the erorr message
+       * @param res - response from the API
+       */
+        this.handleFetchResponse = async (res) => {
+            var _a;
+            if (res.status >= 300) {
+                this.isError = true;
+                let response = await res.json();
+                this.errorCode = (_a = response.thirdPartyResponse) === null || _a === void 0 ? void 0 : _a.errorCode;
+                this.errorMessage = this.errorCode ? translate$1(this.errorCode, this.lang) : translate$1('errorMessageFetch', this.lang);
+                window.postMessage({
+                    type: 'WidgetNotification',
+                    data: {
+                        type: 'error',
+                        message: this.errorMessage
+                    }
+                }, window.location.href);
+                return Promise.reject(this.errorMessage);
+            }
+            else {
+                this.isError = false;
+                if (res.headers.get('content-type')) {
+                    let response = await res.json();
+                    return Promise.resolve(response);
+                }
+                return Promise.resolve();
+            }
+        };
         this.getData = () => {
             const url = new URL(`/api/v1/players/${this.userId}/player-identifiable-information/documents/`, this.endpoint);
             const headers = new Headers();
@@ -1239,17 +1268,16 @@ const PamPlayerDocuments = class {
                 method: 'GET',
                 headers: headers
             };
-            return new Promise((resolve) => {
+            return new Promise((resolve, reject) => {
                 fetch(url.href, options)
-                    .then(res => {
-                    if (res.ok) {
-                        return res.json();
-                    }
-                    this.sendErrorNotification('errorMessageFetch');
-                })
+                    .then((res) => this.handleFetchResponse(res))
                     .then(res => {
                     this.data = res;
                     resolve();
+                })
+                    .catch((error) => {
+                    console.error(error);
+                    reject(error);
                 });
             });
         };
@@ -1349,6 +1377,9 @@ const PamPlayerDocuments = class {
         this.isSubmitButtonAvailable = false;
         this.invalidFields = 0;
         this.isMobile = isMobile$1(window.navigator.userAgent);
+        this.isError = false;
+        this.errorMessage = '';
+        this.errorCode = '';
     }
     handleStylingChange(newValue, oldValue) {
         if (newValue !== oldValue)
@@ -1405,7 +1436,10 @@ const PamPlayerDocuments = class {
         }
     }
     render() {
-        return (h("div", { key: '7abe1ef66b345689e5b12f56c8c563f21bf31862', ref: el => this.stylingContainer = el }, this.isSkeletonLoading
+        if (!this.isSkeletonLoading && this.isError) {
+            return (h("div", { class: "errorContainer" }, h("p", { class: "errorMessage", innerHTML: this.errorMessage })));
+        }
+        return (h("div", { ref: el => this.stylingContainer = el }, this.isSkeletonLoading
             ? h("form", { class: "PlayerDocumentsWrapper skeleton" }, h("div", { class: "ReturnButton" }, h("ui-skeleton", { structure: "title", width: "auto", height: "30px" })), h("div", { class: "Section" }, h("section", { class: "SectionContent" }, h("div", { class: "Field" }, h("ui-skeleton", { structure: "text", width: "auto", "margin-bottom": "10px", height: "10px" }), h("ui-skeleton", { structure: "title", width: "100%", height: "40px" })), h("div", { class: "Field" }, h("ui-skeleton", { structure: "text", width: "auto", "margin-bottom": "10px", height: "10px" }), h("ui-skeleton", { structure: "title", width: "100%", height: "40px" })))), h("section", { class: "ButtonsArea" }, h("div", { class: "SaveButton" }, h("ui-skeleton", { structure: "rectangle", width: "auto", height: "40px" }))))
             : h("form", { class: `PlayerDocumentsWrapper ${this.isMobile ? 'Mobile' : ''}` }, h("div", { class: "ReturnButton", onClick: this.toggleScreen }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, h("g", { transform: "translate(-20 -158)" }, h("g", { transform: "translate(20 158)" }, h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), h("h2", null, translate$1('title', this.lang))), h("h2", { class: "HeaderText" }, translate$1('title', this.lang)), h("div", { class: "Section" }, h("section", { class: "SectionContent" }, Object.keys(this.dataRef).map(documentType => {
                 return (h("div", { class: "CompoundField" }, this.staticField(documentType, 'documentType', 'documentType'), this.isEditable === 'true'
@@ -1901,7 +1935,7 @@ const PamPlayerProfile = class {
 };
 PamPlayerProfile.style = PamPlayerProfileStyle0;
 
-const uiSkeletonCss = ":host{display:block;--emw-skeleton-rectangle-background:#c2c2c2;--emw-skeleton-circle-background:#c2c2c2;--emw-skeleton-text-background:#c2c2c2;--emw-skeleton-title-background:#c2c2c2;--emw-skeleton-image-background:#c2c2c2;--emw-skeleton-logo-background:#c2c2c2;--emw-skeleton-primary-color:#e0e0e0;--emw-skeleton-secondary-color:#f0f0f0}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 2px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 5px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:var(--emw-skeleton-text-width-100, 300px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 5px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, inherit)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 5px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, var(--emw-skeleton-color-0, #c2c2c2))}100%{background-color:var(--emw-skeleton-secondary-color, var(--emw-skeleton-color-100, #f0f0f0))}}";
+const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
 const UiSkeletonStyle0 = uiSkeletonCss;
 
 const UiSkeleton = class {
@@ -1914,7 +1948,8 @@ const UiSkeleton = class {
             marginBottom: this.handleStylingProps(this.marginBottom),
             marginTop: this.handleStylingProps(this.marginTop),
             marginLeft: this.handleStylingProps(this.marginLeft),
-            marginRight: this.handleStylingProps(this.marginRight)
+            marginRight: this.handleStylingProps(this.marginRight),
+            size: this.handleStylingProps(this.size)
         };
         this.structure = undefined;
         this.width = 'unset';
@@ -1927,9 +1962,6 @@ const UiSkeleton = class {
         this.animation = true;
         this.rows = 0;
         this.size = '100%';
-        this.color = '#c2c2c2';
-        this.primaryColor = '#c2c2c2';
-        this.secondaryColor = '#ffffff';
     }
     handleStructureChange(newValue, oldValue) {
         if (oldValue !== newValue) {
@@ -2004,9 +2036,6 @@ const UiSkeleton = class {
             --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-logo-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
@@ -2020,9 +2049,6 @@ const UiSkeleton = class {
             --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-image-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
@@ -2036,9 +2062,6 @@ const UiSkeleton = class {
             --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-title-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
@@ -2052,9 +2075,6 @@ const UiSkeleton = class {
             --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-text-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
@@ -2068,26 +2088,20 @@ const UiSkeleton = class {
             --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
             --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
             --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
-            --emw-skeleton-rectangle-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
           }
         `;
                 break;
             case 'circle':
                 styleBlock = `
           :host {
-            --emw-skeleton-circle-size: ${this.size};
-            --emw-skeleton-circle-background: ${this.color};
-            --emw-skeleton-primary-color: ${this.primaryColor};
-            --emw-skeleton-secondary-color: ${this.secondaryColor};
+            --emw-skeleton-circle-size: ${this.stylingValue.size};
           }
         `;
                 break;
             default:
                 styleBlock = '';
         }
-        return (h(Host, { key: '5c185b76c438d20d4ad88bc48d94ff5628410bb7' }, h("style", { key: 'de95e60a5955d5b2af83710423fe40329c187f7e' }, styleBlock), this.handleStructure(this.structure)));
+        return (h(Host, { key: 'e6b885bfd985ce7663d990756fe9101e25eb97f0' }, h("style", { key: '06ae24c7bb74f4dacfc12ae58085333f9dc89da5' }, styleBlock), this.handleStructure(this.structure)));
     }
     static get watchers() { return {
         "structure": ["handleStructureChange"]

package/dist/esm/pam-player-profile-controller.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["pam-player-addresses_6",[[1,"pam-player-profile-controller",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"addProfile":[513,"add-profile"],"addAddresses":[513,"add-addresses"],"addContacts":[513,"add-contacts"],"addDocuments":[513,"add-documents"],"addConsents":[513,"add-consents"],"dobFormat":[513,"dob-format"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isContactVerificationStatusDisplayed":[513,"is-contact-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isDocumentsEditable":[513,"is-documents-editable"],"isMobile":[32],"limitStylingAppends":[32],"isLoading":[32],"isSubmitButtonAvailable":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-addresses",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isPermanentAddressSectionActive":[32],"isTemporaryAddressSectionActive":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-contacts",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isVerificationStatusDisplayed":[513,"is-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-documents",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isEditable":[513,"is-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-profile",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dobFormat":[513,"dob-format"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"skeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}]]]], options);
+  return bootstrapLazy([["pam-player-addresses_6",[[1,"pam-player-profile-controller",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"addProfile":[513,"add-profile"],"addAddresses":[513,"add-addresses"],"addContacts":[513,"add-contacts"],"addDocuments":[513,"add-documents"],"addConsents":[513,"add-consents"],"dobFormat":[513,"dob-format"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isContactVerificationStatusDisplayed":[513,"is-contact-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isDocumentsEditable":[513,"is-documents-editable"],"isMobile":[32],"limitStylingAppends":[32],"isLoading":[32],"isSubmitButtonAvailable":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-addresses",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isFullAddressDisplayed":[513,"is-full-address-displayed"],"isPermanentAdressEditable":[513,"is-permanent-adress-editable"],"isTemporaryAdressEditable":[513,"is-temporary-adress-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isPermanentAddressSectionActive":[32],"isTemporaryAddressSectionActive":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-contacts",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isVerificationStatusDisplayed":[513,"is-verification-status-displayed"],"isPhoneNumberEditable":[513,"is-phone-number-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-documents",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isEditable":[513,"is-editable"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"isSkeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[1,"pam-player-profile",{"userId":[513,"user-id"],"session":[513],"endpoint":[513],"lang":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"dobFormat":[513,"dob-format"],"isStandAlone":[513,"is-stand-alone"],"limitStylingAppends":[32],"skeletonLoading":[32],"isSubmitButtonAvailable":[32],"invalidFields":[32],"isMobile":[32],"isError":[32],"errorMessage":[32],"errorCode":[32]},null,{"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
 });