https://www.belvilla.com/assets/desktop/HorizontalCouponList.963029d636a8b65b09f1.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[1409],{27164:(e,t,a)=>{a.r(t),a.d(t,{default:()=>q});var r=a(41322),l=a(98661),n=a(46066),o=a(86646),i=a(4647),s=a(7324),c=a(35900),d=a(66971),u=(0,r.css)({name:"10mlt39",styles:"display:flex;padding-bottom:var(--fixed-sm-5-comfortable);flex-direction:column;align-items:flex-start;gap:var(--space-fixed-sm-3-comfortable);width:60vw;max-width:100%;@media (max-width:1024px){width:100%;max-width:unset;padding:var(--space-fixed-sm-3-comfortable) 0px var(--space-fixed-sm-3-comfortable) var(--space-fixed-sm-5-comfortable);box-sizing:border-box;}"}),m=(0,r.css)({name:"1916fh5",styles:"display:flex;padding-bottom:var(--fixed-sm-5-comfortable);flex-direction:column;align-items:flex-start;gap:var(--space-fixed-sm-5-comfortable);width:60vw;max-width:872px;@media (max-width:1024px){width:100%;max-width:unset;padding:var(--space-fixed-sm-3-comfortable) 0px var(--space-fixed-sm-3-comfortable) var(--space-fixed-sm-5-comfortable);box-sizing:border-box;}"}),f=(0,r.css)("display:flex;padding:var(--fixed-sm-5-comfortable) 0px var(--fixed-sm-3-comfortable) 0px;align-items:flex-start;gap:var(--fixed-sm-5-comfortable);color:var(--colour-text-intense-neutral);",d.h6,""),p=(0,r.css)("display:flex;align-items:flex-start;gap:var(--space-fixed-sm-5-comfortable);align-self:stretch;align-items:stretch;position:relative;width:100%;.slick-slide{display:flex;align-items:stretch;}.slick-slide > div{width:100%;height:100%;margin-right:var(--space-fixed-sm-4-comfortable);}.slick-slider{width:100%;}.sliderButtonContainer{display:flex;position:absolute;top:-26%;right:0;transform:translateX(-50%);z-index:0;justify-content:center;align-items:center;gap:var(--space-fixed-sm-2-comfortable);width:60px;}.slick-prev,.slick-next{display:flex;justify-content:center;align-items:center;height:30px;width:30px;box-shadow:none;border-radius:var(--size-border-radius-pill);background:var(--colour-background-subtle-neutral-2);}.slick-prev:hover,.slick-next:hover{background:var(--colour-background-subtle-neutral-1);box-shadow:0px 9px 6px 0px rgba(0,0,0,0),0px 6px 5px 0px rgba(0,0,0,0.01),0px 3px 5px 0px rgba(0,0,0,0.04),0px 1px 3px 0px rgba(0,0,0,0.07),0px 0px 2px 0px rgba(0,0,0,0.08);}.slick-prev:before,.slick-next:before{background:none;}.slick-track{display:flex;align-items:flex-start;}.slide-count{color:var(--colour-text-intense-neutral);",d.$A,"}.slick-list{margin-right:calc(-1 * var(--space-fixed-sm-4-comfortable););display:flex;}@media (max-width:1024px){overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;}& >:last-child{margin-right:var(--space-fixed-sm-5-comfortable);}}"),x=(0,r.css)({name:"1bjtm1h",styles:"display:flex;width:100%;max-width:280px;padding:var(--space-fixed-sm-5-comfortable);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-fixed-sm-5-comfortable);border-radius:var(--size-border-radius-lg);border:1px solid var(--colour-border-subtle-neutral);background:var(--colour-background-subtle-neutral-1);box-sizing:border-box;@media (max-width:1024px){min-width:228px;}"}),v=(0,r.css)({name:"10klw3m",styles:"height:100%;"}),b=(0,r.css)({name:"1lxwves",styles:"display:flex;flex-direction:column;align-items:flex-start;"}),g=(0,r.css)("display:flex;width:fit-content;color:var(--colour-text-intense-offer);padding:var(--space-fixed-sm-1-comfortable) var(--space-fixed-sm-3-comfortable);border-radius:var(--badge-size-border-radius-sm);background:var(--colour-background-subtle-offer);margin:var(--fixed-sm-1-comfortable) 0;white-space:nowrap;color:var(--colour-text-intense-on-intense-offer);background:var(--colour-background-intense-offer);",d.LD,""),h=(0,r.css)({name:"8v6yis",styles:"display:flex;gap:var(--space-fixed-sm-1-comfortable);"}),y=(0,r.css)("color:var(--colour-text-intense-neutral);",d.YY,""),k=(0,r.css)("color:var(--colour-text-moderate-neutral);",d.YY,""),w=(0,r.css)({name:"18dy1me",styles:"display:flex;min-width:88px;gap:0 var(--space-fixed-sm-2-comfortable);flex-wrap:wrap;align-items:center;"}),E=(0,r.css)("color:var(--colour-text-intense-neutral);",d.h5,""),N=(0,r.css)("color:var(--colour-text-moderate-neutral);",d.hk,""),_=(0,r.css)("color:var(--colour-text-intense-neutral);",d.SI,""),A=(0,r.css)("all:unset;width:100%;box-sizing:border-box;min-width:80px;padding:var(--scale-50) var(--scale-100);display:flex;justify-content:center;align-items:center;cursor:pointer;gap:var(--fixed-50);border-radius:var(--button-size-border-radius-sm);background:var(--colour-background-intense-brand-secondary);color:var(--colour-text-intense-on-intense-brand-secondary);",d.Su," &:hover{background:var(--colour-interaction-background-intense-brand-secondary-hover);}"),j=(0,r.css)("display:flex;gap:var(--fixed-100);align-items:center;justify-content:center;cursor:default;background:var(--colour-background-subtle-neutral-1);color:var(--colour-text-intense-brand-secondary);border:var(--button-size-border-width-active,1px) solid var(--colour-border-intense-brand-secondary);",d.Su," &:hover{background:var(--colour-background-subtle-neutral-1);}"),z=(0,r.css)({name:"txi302",styles:"svg{height:10px;width:14px;path{stroke:var(--colour-text-intense-brand-secondary);}}"}),S=(0,r.css)({name:"1570kgy",styles:"height:16px;width:16px;"}),C=(0,r.css)({name:"1569jba",styles:"height:10px;width:10px;"}),D=(0,r.css)({name:"14khmm7",styles:"border-radius:var(--size-border-radius-lg);background:var(--colour-background-subtle-neutral-2);height:50px;width:100%;"}),B=(0,r.css)({name:"ver69y",styles:"display:flex;width:278px;height:150px;flex-direction:column;border-radius:var(--size-border-radius-lg);background:var(--colour-background-subtle-neutral-2);"}),L=(0,r.css)({name:"1dshkvo",styles:"display:flex;align-items:center;gap:var(--space-fixed-sm-5-comfortable);"}),O=function(e){return l.default.createElement("div",{className:B})};const P=function(e){var t=e.cardsToshow,a=void 0===t?1:t;return l.default.createElement("div",{className:m},l.default.createElement("div",{className:D}),l.default.createElement("div",{className:L},Array(a).fill(0).map((function(e,t){return l.default.createElement(O,{key:t})}))))};var T=a(79280);function F(){return F=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},F.apply(this,arguments)}function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==a)return;var r,l,n=[],o=!0,i=!1;try{for(a=a.call(e);!(o=(r=a.next()).done)&&(n.push(r.value),!t||n.length!==t);o=!0);}catch(e){i=!0,l=e}finally{try{o||null==a.return||a.return()}finally{if(i)throw l}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return M(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return M(e,t)}

1(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}function Y(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var Z=function(e){var t=e.item,a=e.handleApplyButton,n=e.contentListLength,o=void 0===n?0:n,i=(e.abData,t.discount_text),s=void 0===i?"":i,c=t.price,d=void 0===c?"":c,u=t.actual_price,m=void 0===u?"":u,f=t.price_text,p=void 0===f?"":f,S=t.caption_text,C=void 0===S?"":S,D=t.caption_text_bold,B=void 0===D?"":D,L=t.cta,O=void 0===L?{}:L,P=t.id,F=void 0===P?"":P,I=t.los,M=void 0===I?0:I,Z=O.is_applied,q=void 0!==Z&&Z,R=O.applied_text,$=void 0===R?"":R;return l.default.createElement("div",{className:(0,r.cx)(x,Y({},v,o>3))},l.default.createElement("div",{className:b},s&&l.default.createElement("div",{className:g},s),d&&l.default.createElement("div",{className:w},m&&l.default.createElement("span",{className:N},m),l.default.createElement("span",{className:E},d),p&&l.default.createElement("span",{className:_},p)),(B||C)&&l.default.createElement("div",{className:h},B&&l.default.createElement("div",{className:y},B),C&&l.default.createElement("div",{className:k},C))),$&&l.default.createElement("button",{type:"button",onClick:q?void 0:function(){return a(F,M,O)},className:(0,r.cx)(A,Y({},j,q)),disabled:q},q&&l.default.createElement(T.ccV,{className:z}),$))};const q=function(e){var t,a=e.widgetData,r=void 0===a?{}:a,d=r.title,m=void 0===d?"":d,x=r.show_divider,v=void 0!==x&&x,b=r.data_url,g=void 0===b?"":b,h=r.request_type,y=void 0===h?"":h,k=I((0,l.useState)(3),2),w=k[0],E=k[1],N=I((0,l.useState)({data:{},error:null,loading:!0}),2),_=N[0],A=N[1];(0,l.useEffect)((function(){A({data:{},error:null,loading:!0}),E(3),(0,i.Z)((0,o.i5)({url:g,proxyPath:"horizontalCouponApply",method:y,success:function(e){A({data:e,error:null,loading:!1})},failure:function(e){A({data:{},error:e,loading:!1})},serviceName:"BFFProxyRequest"}))}),[g,y]);var j=_.loading,z=void 0!==j&&j,D=((null===(t=_.data)||void 0===t?void 0:t.data)||{}).content_list,B=void 0===D?[]:D,L=null==B?void 0:B.length,O=Math.min(L,3),M=Math.ceil(L/O),Y=I((0,l.useState)(1),2),q=Y[0],R=Y[1],$=(0,l.useRef)(null),U={dots:!1,infinite:!0,speed:500,slidesToShow:O,slidesToScroll:O,afterChange:function(e){return R(Math.floor(e/O)+1)},arrows:!1},V=function(t,a,r){var l=e.setExtendedDealsData,n=r.checkin_date,o=void 0===n?"":n,i=r.checkout_date,s=void 0===i?"":i,d=r.display_apply_button,u=void 0!==d&&d,m=r.apply_button_text,f=void 0===m?"":m,p=r.selected_rate_plan_data,x=void 0===p?{}:p;"function"==typeof l&&(0,c.y)((function(){l({checkinDate:o,checkoutDate:s,displayApplyButton:u,applyButtonText:f,selectedRatePlanData:x,id:t,los:a})}))};return z?l.default.createElement(l.default.Fragment,null,l.default.createElement(P,{cardsToshow:w}),v&&l.default.createElement(s.Z,{className:!1})):0===L?null:l.default.createElement(l.default.Fragment,null,l.default.createElement("div",{className:u},m&&l.default.createElement("div",{className:f},m),L<=3&&l.default.createElement("div",{className:p},B.map((function(e,t){return l.default.createElement(Z,{key:t.id,item:e,handleApplyButton:V,contentListLength:L})}))),L>3&&l.default.createElement("div",{className:p},l.default.createElement(n.Z,F({ref:$},U),B.map((function(e,t){return l.default.createElement(Z,{key:t.id,item:e,handleApplyButton:V,contentListLength:L})}))),M>1&&l.default.createElement("div",{className:"sliderButtonContainer"},l.default.createElement("button",{type:"button",className:"slick-prev",onClick:function(){return $.current.slickPrev()}},l.default.createElement(T.qg,{matchContainer:!0,className:S})),l.default.createElement("div",{className:"slide-count"},q," / ",M),l.default.createElement("button",{type:"button",className:"slick-next",onClick:function(){return $.current.slickNext()}},l.default.createElement(T.ADv,{matchContainer:!0,className:C}))))),v&&l.default.createElement(s.Z,{className:!1}))}}}]);