https://www.royalcaribbean.com/myaccount/5935.17a7634248896aed.js

1"use strict";(self.webpackChunkroyal=self.webpackChunkroyal||[]).push([[5935],{85935:(D,b,p)=>{p.r(b),p.d(b,{rcg_input_credit_card:()=>y});var n=p(87160),u=p(36552),a=p(41468);const g=(r,t)=>{var e;if(!r)return"";const i=r.replace(/[ -]/g,"");return t?i.split(t.spacingPatternRegex).filter(Boolean).join(" "):null===(e=i.match(/.{1,4}/g))||void 0===e?void 0:e.join(" ")},v=r=>r?r.replace(/^([1-9]\/|[2-9])$/g,"0$1/").replace(/^(0[1-9]|1[0-2])$/g,"$1/").replace(/^([0-1])([3-9])$/g,"0$1/$2").replace(/^(0?[1-9]|1[0-2])(\d{2})$/g,"$1/$2").replace(/^(0?[1-9]|1[0-2])([0-9]{4})$/g,"$1/$2").replace(/^(0+\/|0+)$/g,"0").replace(/\/\//g,"/").trim():"",y=(()=>{let r=class{constructor(t){(0,n.r)(this,t),this.valueChanged=(0,n.c)(this,"valueChanged",7),this.securityCodeLength=(0,n.c)(this,"securityCodeLength",7),this.isCreditCardNumber=!0,this.setInputFocus=()=>{this.focused=!0},this.setInputFocusOut=e=>{this.focused=!1,this.showErrorsOnFocusOut&&e?.target&&"value"in e?.target&&this.setErrorMessage(e),this.value=this.type===a.C.CARD_NUMBER?g(this.value):v(this.value),this.textInput.value=this.value,this.valueChanged.emit(Object.assign(Object.assign({},this.inputData),{isComplete:!0}))},this.setInput=()=>{this.disabled||setTimeout(()=>this.textInput.focus(),0)},this.clearInput=()=>{var e;this.textInput.value="",this.cardBrandLogo=null,this.inputData=Object.assign(Object.assign({},this.inputData),{value:"",isValid:!1}),this.error=null===(e=this.errorMessages)||void 0===e?void 0:e.required,this.valueChanged.emit(this.inputData),this.value=""},this.autofocus=!1,this.label=void 0,this.name=void 0,this.disabled=!1,this.inputId=void 0,this.type=a.C.CARD_NUMBER,this.required=!1,this.minLength=void 0,this.maxLength=void 0,this.pattern=void 0,this.submitted=void 0,this.errorMessages=void 0,this.errorMessage=void 0,this.brand="royal",this.placeholder=" ",this.value=void 0,this.showErrorsOnFocusOut=!1,this.preventPaste=!1,this.inputMode="text",this.focused=!1,this.error=void 0,this.cardBrandLogo=void 0,this.inputData={label:this.name,isRequired:this.required},this.value&&(this.inputData=Object.assign(Object.assign({},this.inputData),{value:this.value,isValid:!0}),this.valueChanged.emit(this.inputData))}watchSubmittedHandler(){var t;this.textInput.value||(this.error=null===(t=this.errorMessages)||void 0===t?void 0:t.required,this.inputData=Object.assign(Object.assign({},this.inputData),{value:"",isValid:!1}),this.valueChanged.emit(this.inputData))}componentWillLoad(){!this.disabled&&this.autofocus&&(this.setInput(),this.setInputFocus()),this.isCreditCardNumber=this.type===a.C.CARD_NUMBER,this.isCreditCardNumber||(this.maxLength=7)}setErrorMessage(t){var e,i,s,o;const h=t.target.value;this.error="";const l={patternMismatch:null===(e=this.errorMessages)||void 0===e?void 0:e.invalidPattern,valueMissing:null===(i=this.errorMessages)||void 0===i?void 0:i.required};this.type===a.C.CARD_NUMBER&&((null===(s=this.value)||void 0===s?void 0:s.length)>3||"insertFromPaste"===t.inputType)?this.getCardNumberValidations(h):((null===(o=this.value)||void 0===o?void 0:o.length)>4||"insertFromPaste"===t.inputType)&&this.getExpirationDateValidations(this.value),Object.keys(l).forEach(d=>{var f,c;t?.target&&null!==(f=t?.target)&&void 0!==f&&f.validity&&null!==(c=t?.target)&&void 0!==c&&c.validity[d]&&(this.error=l[d])})}handleChange(t){const e=t.target.value,i=e.replace(this.type===a.C.CARD_NUMBER?/\D/g:/[^\d\/]/g,"");this.value="deleteContentForward"===t.inputType||"deleteContentBackward"===t.inputType?e:this.type===a.C.CARD_NUMBER?g(i):v(i),this.textInput.value=this.value,this.setErrorMessage(t),this.inputData=Object.assign(Object.assign({},this.inputData),{value:"",isValid:!1}),this.error||(this.inputData=Object.assign(Object.assign({},this.inputData),{value:this.value,isValid:!0})),this.valueChanged.emit(this.inputData)}getExpirationDateValidations(t){var e,i,s,o;const h=t.split("/");2!==h.length&&(this.error=null===(e=this.errorMessages)||void 0===e?void 0:e.invalidPattern);let d,l=h[1];const f=h[0],c=(new Date).getFullYear(),M=(new Date).getMonth()+1;2===l.length?(d=parseInt(l,10),d<100&&(d+=2e3)):4===l.length?d=parseInt(l,10):this.error=null===(i=this.errorMessages)||void 0===i?void 0:i.invalidPattern,this.error=d!==c?d>c?"":null===(o=this.errorMessages)||void 0===o?void 0:o.invalidPattern:parseInt(f)>M?"":null===(s=this.errorMessages)||void 0===s?void 0:s.invalidPattern}getCardNumberValidations(t){const e=(r=>null==r||""===r?null:r?.length>6?((r,t)=>{const e=t.filter(i=>{if(null!==r.match(i.iinRange))return i});return e&&e.length>0?e[0]:null})(r,a.s):null)(this.value);this.value=g(t,e),this.changeCardLogo(e),this.validateCardLength(e,this.value),this.emitSecurityCodeLength(e)}changeCardLogo(t){if(t&&t.brandCode){const e=this.getCardLogo(t.brandCode);this.cardBrandLogo!==e&&(this.cardBrandLogo=e)}else null!==this.cardBrandLogo&&(this.cardBrandLogo=null)}validateCardLength(t,e){var i,s;const o=e.toString().replace(/\s/g,"");if(null!==o.match(t?.cardFormatRegex)){if(!t?.cardLength.includes(o.length))return void(this.error=null===(i=this.errorMessages)||void 0===i?void 0:i.minLength);this.error=null}else this.error=null===(s=this.errorMessages)||void 0===s?void 0:s.minLength}emitSecurityCodeLength(t){this.securityCodeLength.emit(t?.cvvLength)}showErrorMessage(){return!(!this.error&&!this.errorMessage||this.focused&&this.value)}onKeyPressClear(t){"Enter"===t.key&&(this.clearInput(),this.setInput())}getCardLogo(t){switch(t){case a.a.VISA:return(0,u.v)();case a.a.MASTERCARD:return(0,u.m)();case a.a.AMERICAN_EXPRESS:return(0,u.e)();case a.a.DISCOVER:return(0,u.b)();case a.a.JAPAN_CREDIT:return(0,u.j)();case a.a.DINERS_CLUB:return(0,u.d)();default:return null}}handlePreventPaste(t){this.preventPaste&&t.preventDefault()}disallowLettersInput(t){/^\d+$/.test(t.key)||t.preventDefault()}render(){return(0,n.h)(n.H,null,(0,n.h)("div",{"arial-describedby":"

1clear-button",class:{"input-card":!0,[`input-card-${this.brand}`]:!0,"input-card--disabled":this.disabled,"input-card--focus":this.focused,"input-card--error":!(this.focused||!this.error&&!this.errorMessage)},onClick:this.setInput},(0,n.h)("input",{id:`input-card-${this.inputId}`,name:this.name,"aria-label":this.label,onInput:this.handleChange.bind(this),onFocus:this.setInputFocus.bind(this),onFocusout:this.setInputFocusOut.bind(this),placeholder:this.placeholder,type:this.type,ref:t=>this.textInput=t,class:"input-card__input "+(this.error||this.errorMessage?"input-card__input--error":""),required:this.required,minLength:this.minLength,maxLength:this.type===a.C.EXPIRATION_DATE?7:this.maxLength,pattern:this.pattern,value:this.value,onKeyPress:this.disallowLettersInput.bind(this),onPaste:this.handlePreventPaste.bind(this),inputMode:this.inputMode,disabled:this.disabled}),(0,n.h)("label",{class:`input-card__label\n          ${this.focused?"input-card__label--focus":""}\n          ${this.showErrorMessage()?"input-card__label--error":""}\n          `,htmlFor:this.name},this.label),this.isCreditCardNumber&&(0,n.h)("div",{class:"input-card__card-type"},this.cardBrandLogo),!this.disabled&&this.focused&&this.value&&(0,n.h)("clear-button",{onFocus:this.setInputFocus,onKeyPress:this.onKeyPressClear.bind(this),onFocusOut:this.setInputFocusOut,onClick:this.clearInput}),this.showErrorMessage()&&(0,n.h)("exclamation-icon",null)),this.showErrorMessage()&&(0,n.h)("input-error",{errorMessage:this.error||this.errorMessage}))}static get watchers(){return{submitted:["watchSubmittedHandler"]}}};return r.style={celebrity:".input-card{height:56px;padding:0 16px 5px 16px;border:1px solid #d2d5d9;border-radius:2px;background-color:#ffffff;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;position:relative}.input-card ::placeholder{color:transparent}.input-card ::-ms-input-placeholder{color:transparent}.input-card__input{position:relative;top:15px;color:#131516;caret-color:#131516;font-size:16px;font-weight:600;border:none;outline:none}:host{width:100%;outline:none}.input-card{border:1px solid #d2d5d9}.input-card-celebrity.input-card--focus{border-color:#004275}.input-card.input-card--error{border-color:#e40f2f}.input-card--focus{border-color:#006AF4}.input-card--disable-border{border-width:0}.input-card--readonly{pointer-events:none}.input-card--disabled{opacity:0.5;pointer-events:none}.input-card__label{position:relative;bottom:22px;color:#555f61;font-size:14px;font-weight:400;padding-top:1.6rem;transition:all 0.3s ease}.input-card__label--float{font-size:12px;opacity:1}.input-card__label--error{color:#e40f2f}.input-card__label--focus{font-weight:400t;opacity:1}.input-card__label--error{color:var(--error-color-sign-in, #e40f2f);transform:translatey(-4px);font-size:10px;padding-top:0}.input-card__input{padding-right:25px}@keyframes cdk-text-field-autofill-color-royal{to{background:transparent;color:#131516}}.input-card__input.cdk-text-field-autofill-monitored:-webkit-autofill{animation-fill-mode:both;animation-name:cdk-text-field-autofill-start, cdk-text-field-autofill-color-royal !important}.input-card__input:focus+.input-card__label,.input-card__input:not(:placeholder-shown)+.input-card__label{transform:translatey(-4px);font-size:10px;padding-top:0}.input-card__card-type{position:absolute;right:43px;top:20px}.input-card{height:56px;padding:0 16px 5px 16px;border:1px solid #d2d5d9;border-radius:2px;background-color:#ffffff;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;position:relative}.input-card ::placeholder{color:transparent}.input-card ::-ms-input-placeholder{color:transparent}.input-card__input{position:relative;top:15px;color:#131516;caret-color:#131516;font-size:16px;font-weight:600;border:none;outline:none}.input-card--focus{border-color:#004275}",royal:".input-card{height:56px;padding:0 16px 5px 16px;border:1px solid #d2d5d9;border-radius:2px;background-color:#ffffff;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;position:relative}.input-card ::placeholder{color:transparent}.input-card ::-ms-input-placeholder{color:transparent}.input-card__input{position:relative;top:15px;color:#131516;caret-color:#131516;font-size:16px;font-weight:600;border:none;outline:none}:host{width:100%;outline:none}.input-card{border:1px solid #d2d5d9}.input-card-celebrity.input-card--focus{border-color:#004275}.input-card.input-card--error{border-color:#e40f2f}.input-card--focus{border-color:#006AF4}.input-card--disable-border{border-width:0}.input-card--readonly{pointer-events:none}.input-card--disabled{opacity:0.5;pointer-events:none}.input-card__label{position:relative;bottom:22px;color:#555f61;font-size:14px;font-weight:400;padding-top:1.6rem;transition:all 0.3s ease}.input-card__label--float{font-size:12px;opacity:1}.input-card__label--error{color:#e40f2f}.input-card__label--focus{font-weight:400t;opacity:1}.input-card__label--error{color:var(--error-color-sign-in, #e40f2f);transform:translatey(-4px);font-size:10px;padding-top:0}.input-card__input{padding-right:25px}@keyframes cdk-text-field-autofill-color-royal{to{background:transparent;color:#131516}}.input-card__input.cdk-text-field-autofill-monitored:-webkit-autofill{animation-fill-mode:both;animation-name:cdk-text-field-autofill-start, cdk-text-field-autofill-color-royal !important}.input-card__input:focus+.input-card__label,.input-card__input:not(:placeholder-shown)+.input-card__label{transform:translatey(-4px);font-size:10px;padding-top:0}.input-card__card-type{position:absolute;right:43px;top:20px}.input-card{height:56px;padding:0 16px 5px 16px;border:1px solid #d2d5d9;border-radius:2px;background-color:#ffffff;display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;position:relative}.input-card ::placeholder{color:transparent}.input-card ::-ms-input-placeholder{color:transparent}.input-card__input{position:relative;top:15px;color:#131516;caret-color:#131516;font-size:16px;font-weight:600;border:none;outline:none}.input-card--focus{border-color:#006AF4}"},r})()}}]);