https://www.hollandamerica.com/etc.clientlibs/carnival/clientlibs/…se-summary-overview.9222d173db6043f6d2df.js

1"use strict";(self.webpackChunkaem_maven_archetype=self.webpackChunkaem_maven_archetype||[]).push([[1523],{7234:function(s,e,r){r.r(e),r.d(e,{default:function(){return o}});var a=r(6540),t=r(5338),n=r(4848);function d(s){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(s){return typeof s}:function(s){return s&&"function"==typeof Symbol&&s.constructor===Symbol&&s!==Symbol.prototype?"symbol":typeof s},d(s)}function i(s,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(s,l(a.key),a)}}function l(s){var e=function(s,e){if("object"!=d(s)||!s)return s;var r=s[Symbol.toPrimitive];if(void 0!==r){var a=r.call(s,e||"default");if("object"!=d(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(s)}(s,"string");return"symbol"==d(e)?e:e+""}function c(s,e,r){return e=j(e),function(s,e){if(e&&("object"==d(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(s){if(void 0===s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return s}(s)}(s,h()?Reflect.construct(e,r||[],j(s).constructor):e.apply(s,r))}function h(){try{var s=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(s){}return(h=function(){return!!s})()}

1function j(s){return j=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(s){return s.__proto__||Object.getPrototypeOf(s)},j(s)}function x(s,e){return x=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(s,e){return s.__proto__=e,s},x(s,e)}var o=function(s){function e(s){var r;return function(s,e){if(!(s instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),r=c(this,e,[s]),document.querySelectorAll(".cmp-cruise-summary-overview").forEach(function(s){s.hasAttribute("data-react-initialized")||(s.setAttribute("data-react-initialized","true"),(0,t.createRoot)(s).render((0,n.jsx)(e,{})))}),r.state={isListOpen:!1},r}return function(s,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");s.prototype=Object.create(e&&e.prototype,{constructor:{value:s,writable:!0,configurable:!0}}),Object.defineProperty(s,"prototype",{writable:!1}),e&&x(s,e)}(e,s),r=e,(a=[{key:"toggleItineraryList",value:function(){this.setState({isListOpen:!this.state.isListOpen})}},{key:"render",value:function(){return(0,n.jsxs)("div",{className:"cruise-summary",children:[(0,n.jsx)("div",{className:"cruise-summary__title",children:(0,n.jsx)("div",{tabIndex:"0",children:(0,n.jsx)("h2",{children:"Your Summary"})})}),(0,n.jsxs)("div",{className:"cruise-summary__detail",children:[(0,n.jsx)("div",{className:"cruise-summary__image",children:(0,n.jsx)("img",{src:"https://www.hollandamerica.com/content/dam/hal/inventory-assets/itineraries/A0E07A/cruise-detail-overview-alaska-7-day-alaskan-explorer-large-c022.jpg.image.1536.1152.medium.jpg",className:"",alt:""})}),(0,n.jsxs)("div",{className:"cruise-summary__information",children:[(0,n.jsxs)("div",{className:"information__heading",children:[(0,n.jsx)("h3",{className:"cruise-title",children:"7-Day Alaskan Explorer"}),(0,n.jsxs)("p",{className:"text",children:["Ship: ",(0,n.jsx)("span",{className:"ship-name",children:"Eurodam"})]})]}),(0,n.jsxs)("div",{className:"departs-arrival",children:[(0,n.jsxs)("div",{className:"departs",children:[(0,n.jsx)("span",{children:"Departs"}),(0,n.jsx)("div",{className:"name",children:"Seattle, Washington, US"}),(0,n.jsx)("div",{className:"date",children:"Apr 30, 2022"})]}),(0,n.jsxs)("div",{className:"arrival",children:[(0,n.jsx)("span",{children:"Departs"}),(0,n.jsx)("div",{className:"name",children:"Seattle, Washington, US"}),(0,n.jsx)("div",{className:"date",children:"Apr 30, 2022"})]})]}),(0,n.jsx)("div",{className:"cruise-summary__footer ".concat(this.state.isListOpen?"open":""),children:(0,n.jsx)("button",{className:"see-details","aria-expanded":"false",onClick:this.toggleItineraryList.bind(this),children:this.state.isListOpen?"Hide Itinerary":"See Detailed Itinerary"})})]})]}),(0,n.jsx)("div",{className:"cruise-summary__detail-info  ".concat(this.state.isListOpen?"open":""),children:(0,n.jsxs)("table",{summary:"itinerary table",children:[(0,n.jsx)("thead",{children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{scope:"col",children:"Day"}),(0,n.jsx)("th",{scope:"col",children:"Port"}),(0,n.jsx)("th",{scope:"col",children:"Dates"}),(0,n.jsx)("th",{scope:"col",children:"Arrival"}),(0,n.jsx)("th",{scope:"col",children:"Departure"})]})}),(0,n.jsxs)("tbody",{children:[(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"1"}),(0,n.jsx)("td",{className:"summary-port-flags",children:"Seattle, Washington, US"}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"Apr 30, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{"aria-label":"No Time"}),"- - -"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"04:00 PM"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"1"}),(0,n.jsxs)("td",{className:"summary-port-flags",children:["Puget Sound",(0,n.jsx)("span",{className:"summary-port-notes",children:"CRUISING ONLY"})]}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"Apr 30, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{"aria-label":"No Time"}),"- - -"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{"aria-label":"No Time"}),"- - -"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"2"}),(0,n.jsx)("td",{className:"summary-port-flags",children:"Days at Sea"}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 1, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{"aria-label":"No Time"}),"- - -"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{"aria-label":"No Time"}),"- - -"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"3"}),(0,n.jsxs)("td",{className:"summary-port-flags",children:["Scenic cruising Stephens Passage",(0,n.jsx)("span",{className:"summary-port-notes",children:"CRUISING ONLY"})]}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 2, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{"aria-label":"No Time"}),"- - -"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{"aria-label":"No Time"}),"- - -"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"3"}),(0,n.jsx)("td",{className:"summary-port-flags",children:"Juneau, Alaska, US"}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 2, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"01:00 PM"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"10:00 PM"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"4"}),(0,n.jsxs)("td",{className:"summary-port-flags",children:["Glacier Bay",(0,n.jsx)("span",{className:"summary-port-notes",children:"CRUISING ONLY, ROUTE TIME SUBJECT TO WEATHER ICE"})]}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 3, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"07:00 AM"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"04:00 PM"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"4"}),(0,n.jsx)("td",{className:"summary-port-flags",children:"Icy Strait Point, Alaska, US"}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 3, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"06:00 PM"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"10:00 PM"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"5"}),(0,n.jsxs)("td",{className:"summary-port-flags",children:["Sitka, Alaska, US",(0,n.jsx)("span",{className:"summary-port-notes",children:"TENDER REQUIRED, WHEELCHAIR ACCESS LIMITED"})]}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 4, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"08:00 AM"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"05:00 PM"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"6"}),(0,n.jsx)("td",{className:"summary-port-flags",children:"Ketchikan, Alaska, US"}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 5, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"07:00 AM"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"01:00 PM"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"7"}),(0,n.jsx)("td",{className:"summary-port-flags",children:"Victoria, British Columbia, Canada"}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 6, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"07:30 PM"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"11:30 PM"]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"8"}),(0,n.jsx)("td",{className:"summary-port-flags",children:"Seattle, Washington, US"}),(0,n.jsx)("td",{className:"no-wrap",children:(0,n.jsx)("span",{className:"formatted-date",children:"May 7, 2022"})}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{}),"07:00 AM"]}),(0,n.jsxs)("td",{className:"no-wrap",children:[(0,n.jsx)("span",{"aria-label":"No Time"}),"- - -"]})]})]})]})}),(0,n.jsx)("div",{className:"cruise-summary__detail-info mobile-view ".concat(this.state.isListOpen?"open":""),children:(0,n.jsxs)("table",{summary:"itinerary table",children:[(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 1"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsx)("td",{children:"Seattle, Washington, US"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"May 28, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{"aria-label":"",children:"- - -"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{children:"04:00 PM"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 1"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsxs)("td",{children:["Puget Sound",(0,n.jsx)("span",{className:"summary-port-notes",children:"CRUISING ONLY"})]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"May 28, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{"aria-label":"",children:"- - -"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{"aria-label":"",children:"- - -"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 2"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsx)("td",{children:"Days at Sea"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"May 29, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{"aria-label":"",children:"- - -"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{"aria-label":"",children:"- - -"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 3"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsxs)("td",{children:["Scenic cruising Stephens Passage",(0,n.jsx)("span",{className:"summary-port-notes",children:"CRUISING ONLY"})]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"May 30, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{"aria-label":"",children:"- - -"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{"aria-label":"",children:"- - -"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 3"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsx)("td",{children:"Juneau, Alaska, US"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"May 30, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{children:"01:00 PM"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{children:"10:00 PM"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 4"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsxs)("td",{children:["Cruising Hubbard Glacier",(0,n.jsx)("span",{className:"summary-port-notes",children:"CRUISING ONLY"})]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"May 31, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{children:"02:00 PM"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{children:"06:00 PM"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 5"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsxs)("td",{children:["Sitka, Alaska, US",(0,n.jsx)("span",{className:"summary-port-notes",children:"TENDER REQUIRED, WHEELCHAIR ACCESS LIMITED"})]})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"Jun 1, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{children:"08:00 AM"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{children:"05:00 PM"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 6"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsx)("td",{children:"Ketchikan, Alaska, US"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"Jun 2, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{children:"07:00 AM"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{children:"01:00 PM"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 7"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsx)("td",{children:"Victoria, British Columbia, Canada"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"Jun 3, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{children:"06:00 PM"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{children:"11:30 PM"})]})]}),(0,n.jsxs)("tbody",{children:[(0,n.jsx)("tr",{children:(0,n.jsx)("td",{children:"Day 8"})}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Port"}),(0,n.jsx)("td",{children:"Seattle, Washington, US"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Dates"}),(0,n.jsx)("td",{children:(0,n.jsx)("span",{className:"formatted-date",children:"Jun 4, 2022"})})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Arrival"}),(0,n.jsx)("td",{children:"07:00 AM"})]}),(0,n.jsxs)("tr",{children:[(0,n.jsx)("td",{children:"Departure"}),(0,n.jsx)("td",{"aria-label":"",children:"- - -"})]})]})]})})]})}}])&&i(r.prototype,a),d&&i(r,d),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,a,d}(a.Component)}}]);