@sunrise-upc/mobile-prod-card 1.0.9 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/cjs/components/ProductTeaser/ProductTeaser.d.ts +3 -0
  2. package/dist/cjs/components/ProductTeaser/index.d.ts +1 -0
  3. package/dist/cjs/components/index.d.ts +1 -0
  4. package/dist/cjs/index.js +1 -1
  5. package/dist/cjs/services/LineTableBasicPropConfig.d.ts +2 -0
  6. package/dist/cjs/services/LineTableService.d.ts +2 -0
  7. package/dist/cjs/services/api-constants.d.ts +5 -0
  8. package/dist/cjs/utils/constants.d.ts +1 -0
  9. package/dist/cjs/utils/utils.d.ts +2 -0
  10. package/dist/esm/components/ProductTeaser/ProductTeaser.d.ts +3 -0
  11. package/dist/esm/components/ProductTeaser/index.d.ts +1 -0
  12. package/dist/esm/components/index.d.ts +1 -0
  13. package/dist/esm/index.js +1 -1
  14. package/dist/esm/services/LineTableBasicPropConfig.d.ts +2 -0
  15. package/dist/esm/services/LineTableService.d.ts +2 -0
  16. package/dist/esm/services/api-constants.d.ts +5 -0
  17. package/dist/esm/utils/constants.d.ts +1 -0
  18. package/dist/esm/utils/utils.d.ts +2 -0
  19. package/dist/index.d.ts +5 -1
  20. package/package.json +6 -3
package/dist/cjs/components/ProductTeaser/ProductTeaser.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC } from "react";
2
+ declare const ProductTeaser: FC<any>;
3
+ export default ProductTeaser;
package/dist/cjs/components/ProductTeaser/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from './ProductTeaser';
package/dist/cjs/components/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export { default as LoginModal } from './login';
3
3
  export { default as Card } from './CardComp';
4
4
  export { default as CardEntitlement } from './CardEntitlement';
5
5
  export { default as CarouselComp } from './CarouselComp';
6
+ export { default as ProductTeaser } from './ProductTeaser';
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react"),n=require("@sunrise-upc/ajax-lib"),t=require("react-bootstrap/Modal"),l=require("react-bootstrap/CloseButton"),r=require("storyblok-rich-text-react-renderer-ts"),i=require("react-bootstrap/Container"),a=require("react-bootstrap/Row"),o=require("react-bootstrap/Col"),c=require("react-bootstrap"),d=require("react-multi-carousel");function s(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}s(".Button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n min-width: 32px;\r\n min-height: 32px;\r\n background-color: aliceblue;\r\n}\r\n\r\n.Button-primary {\r\n background-color: aqua; \r\n}\r\n.Button-secondary{\r\n background-color: burlywood;\r\n}\r\n.Button-error {\r\n background-color: red;\r\n}");class u{constructor(e){this.config={baseURL:""},this.getConfig=()=>this.config,this.getBaseUrl=()=>{var e,n;return null!==(n=null===(e=this.config)||void 0===e?void 0:e.baseURL)&&void 0!==n?n:""},this.config=e}}u.getInstance=()=>u.instance,u.create=e=>{u.instance=new u(e)};s(".loginModal {\r\n\talign-items: center;\r\n\tbackground-color: rgba(87, 84, 82, 0.4);\r\n\tcolor: #333333;\r\n\tdisplay: flex;\r\n\theight: 100%;\r\n\tjustify-content: center;\r\n\tleft: 0;\r\n\tpadding: 16px;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\ttransition: opacity 3s;\r\n\twidth: 100%;\r\n\tz-index: 11;\r\n}\r\n.loginContainer {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 32px 32px 34px;\r\n background-color: #ffff;\r\n max-width: 500px;\r\n width: 100%;\r\n box-shadow: -1px 18px 25px 5px rgba(87, 84, 82, 0.4);\r\n }\r\n");s('@import "bootstrap/dist/css/bootstrap.linetable-countryOverlay-css";\r\n\r\n.linetable-countryOverlay-linkTextNew {\r\n color: #da291c;\r\n margin-left: 32px;\r\n margin-bottom: 4px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n\r\n.linetable-countryOverlay-utils-noWrap {\r\n white-space: nowrap;\r\n}\r\n\r\n.linetable-countryOverlay-utils-colWidth {\r\n max-width: 210px;\r\n}\r\n\r\n.linetable-countryOverlay-contain {\r\n display: flex;\r\n align-items: first baseline;\r\n padding-top: 10px;\r\n}\r\n\r\n.linetable-countryOverlay-image {\r\n width: 24px;\r\n height: 16px;\r\n}\r\n\r\n.linetable-countryOverlay-name {\r\n color: #000000;\r\n align-items: center;\r\n padding-left: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 32px;\r\n}\r\n.linetable-countryOverlay-blackthemecolor {\r\n color: #ffffff !important;\r\n}\r\n\r\n.linetable-countryOverlay-desktopView {\r\n display: block;\r\n}\r\n.linetable-countryOverlay-mobView {\r\n display: none;\r\n}\r\n@media (max-width: 767px) {\r\n .linetable-countryOverlay-linkTextNew {\r\n font-size: 14px;\r\n line-height: 24px;\r\n }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n .linetable-countryOverlay-desktopView {\r\n display: block;\r\n }\r\n .linetable-countryOverlay-mobView {\r\n display: none;\r\n }\r\n}\r\n@media (max-width: 1023px) {\r\n .linetable-countryOverlay-desktopView {\r\n display: none;\r\n }\r\n .linetable-countryOverlay-mobView {\r\n display: block;\r\n width: 100%;\r\n }\r\n}\r\n');const m=e=>{switch(e){case"grey-600":return"falcon-grey-600";case"grey-500":return"falcon-grey-500";case"grey-100":return"falcon-grey-100";case"grey-400":return"falcon-grey-400";case"ice-white":return"falcon-ice-white";default:return""}},p=(e,n)=>{const t=[];let l,r,i=0;[...Array(n)].forEach((()=>{r=document.getElementById(`${e}${i}`),null!=r&&(r.style.height="unset",t.push(null==r?void 0:r.clientHeight),i++)})),l=Math.max(...t),i=0,[...Array(n)].forEach((()=>{r=document.getElementById(`${e}${i}`),null!=r&&(r.style.height=`${l}px`),i++}))},v=e=>{e=Number(e);let n=0;return n=new RegExp("^[0-9][^.]*$").test(e.toString())?e+".-":e.toFixed(2).replace(/\.00$/,""),n},b=e=>{const n=localStorage.getItem(e),t=new Date;if(!n)return null;let l={};try{if(l=JSON.parse(n),l.expiry&&t.getTime()>l.expiry)return g(e),null}catch(e){return n}return null==l?void 0:l.value},g=e=>{localStorage.removeItem(e)},h="none";s(".dbold {\r\n font-weight: 500;\r\n font-size: 40px;\r\n line-height: 60px;\r\n}\r\n");const f=({content:n})=>{var t;const l=m((null==n?void 0:n.textColor)&&n.textColor),r=(null==n?void 0:n.textColor)&&n.textColor!=h?l:"",i=(null==n?void 0:n.textColor)&&n.textColor===h?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{};return e.createElement(e.Fragment,null,n.headingStyle&&n.text&&"h1"===n.headingStyle?e.createElement("h1",{className:r,style:Object.assign({},i)},n.text," "):"h2"===n.headingStyle?e.createElement("h2",{className:`${r}`,style:Object.assign({},i)},n.text):"h3"===n.headingStyle?e.createElement("h3",{className:r,style:Object.assign({},i)},n.text):"h4"===n.headingStyle?e.createElement("h4",{className:r,style:Object.assign({},i)},n.text):e.createElement("div",{className:"dbold",style:Object.assign({},i)},n.text))},x=n=>e.createElement("div",null,r.render(n.content,{markResolvers:{link:(t,l)=>{const{href:r,target:i,linktype:a}=l;return"email"===a?e.createElement("a",{href:`mailto:${r}`,target:null===i||"_self"===i?"_top":"_blank"},t):n.isIFrame?e.createElement("a",{href:r,target:null===i||"_self"===i?"_top":"_blank"},t):e.createElement("a",{href:r,target:null===i?"":i},t)}}})),y=({content:n})=>{var t;const l=m(n.textColor);return e.createElement(e.Fragment,null,e.createElement("div",{className:`d-inline-flex align-${n.textElementPosition}`},n.icon&&n.icon.filename&&e.createElement("img",{src:n.icon&&n.icon.filename,alt:n.icon&&n.icon.alt,title:n.icon&&n.icon.title,height:24,width:24}),n.text&&e.createElement("div",{className:`${n.icon&&n.icon.filename} ${n.textColor&&n.textColor!=h?l:""}`,style:Object.assign({},n.textColor&&n.textColor===h?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{})},e.createElement(x,{content:n.text}))))};s(".linetable-country-overlayModal {\r\n max-width: 900px;\r\n padding: 1rem 2rem;\r\n}\r\n");const E=({children:n,modalState:r,handler:i,noCloseButton:a,showBackBtn:o,overlay:c})=>{const[d,s]=e.useState(),[u,m]=e.useState();return e.useEffect((()=>{c.map((e=>{var n;null===(n=null==e?void 0:e.content)||void 0===n||n.body.map((e=>{"falconTitle"==(null==e?void 0:e.component)&&s(e),"falconDescription"==(null==e?void 0:e.component)&&m(e)}))}))}),[c]),e.createElement(e.Fragment,null,e.createElement(t,{centered:!0,show:r,onHide:i,keyboard:!1,dialogClassName:"linetable-country-overlayModal"},e.createElement(t.Header,null,e.createElement("div",{style:{display:a?"none":""}},e.createElement("div",{className:"d-flex align-items-center"},o&&e.createElement("div",{className:"me-sm-4 me-3 d-flex align-items-center",onClick:i},e.createElement("img",{src:"../../icons/left_arrow.svg"})),d&&e.createElement(f,{content:d}))),e.createElement("div",{style:{display:a?"none":""}},e.createElement(l,{className:"sr-modal-close",onClick:i}))),e.createElement(t.Body,null,n),e.createElement(t.Footer,null,u&&e.createElement(y,{content:u}))))};s(".linetable-dotLoader-loaderParent {\r\n width: 100%;\r\n position: fixed;\r\n z-index: 3;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.linetable-dotLoader-dotClass {\r\n justify-content: center;\r\n display: flex;\r\n z-index: 1;\r\n}\r\n.linetable-dotLoader-dotContent {\r\n display: flex;\r\n justify-content: center;\r\n animation: contentplay 2s linear 0s infinite;\r\n}\r\n@keyframes dotplay {\r\n 0%,\r\n 20% {\r\n transform: translateY(0);\r\n }\r\n 10% {\r\n transform: translateY(-20px);\r\n }\r\n}\r\n.linetable-dotLoader-dots:nth-child(1) {\r\n animation-delay: 0.4s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(2) {\r\n animation-delay: 0.8s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(3) {\r\n animation-delay: 1.2s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(4) {\r\n animation-delay: 1.6s;\r\n}\r\n.linetable-dotLoader-dots {\r\n margin: 5px 2px;\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n animation: dotplay 2s linear 0s infinite;\r\n}\r\n@keyframes contentplay {\r\n 0% {\r\n opacity: 0.2;\r\n }\r\n 30% {\r\n opacity: 1;\r\n }\r\n}\r\n");const w=({keyParams:n})=>{const[t,l]=e.useState(0),[r,i]=e.useState({}),a={checkout:[null==r?void 0:r.uspFreeShipping,null==r?void 0:r.uspBestService,null==r?void 0:r.uspCheckout],loading:[null==r?void 0:r.loading]},o=n?a[`${n}`]:a.checkout;return e.useEffect((()=>{i(b("sbstaticcontent"))}),[]),e.useEffect((()=>{let e=o.length-1;l(e);const n=setInterval((()=>{l(e--),e<0&&(e=o.length-1)}),2e3);return()=>{clearTimeout(n)}}),[]),e.createElement("div",{className:"d-flex align-items-center justify-content-center linetable-dotLoader-loaderParent"},e.createElement("div",{className:"linetable-dotLoader-dotClass"},e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"})),e.createElement("div",null,e.createElement("h4",{className:"linetable-dotLoader-dotContent"},o[t]," ")))};function k(e,n,t,l){return new(t||(t=Promise))((function(r,i){function a(e){try{c(l.next(e))}catch(e){i(e)}}function o(e){try{c(l.throw(e))}catch(e){i(e)}}function c(e){var n;e.done?r(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(a,o)}c((l=l.apply(e,n||[])).next())}))}const C=(e,t,l,r)=>k(void 0,void 0,void 0,(function*(){var i;const a=b(`${e}_${t}_countryData`);if(a)return a;try{const a={language:t,type:"B2C"},o=null===(i=(yield n.CMSStoryblokServiceV2.get(l,a)).data)||void 0===i?void 0:i.stories;return o&&o.length>0&&((e,n,t)=>{let l=null;const r=new Date;l={value:n,expiry:t?r.getTime()+t:null},localStorage.setItem(e,JSON.stringify(l))})(`${e}_${t}_countryData`,o,r),o}catch(e){return console.error(e),e}})),N=({linkText:n,product:t,metadata:l,modalTriggered:r})=>{var c,d,s;const[m,p]=e.useState(!1),[v,b]=e.useState([]),[g,h]=e.useState(!0),[f,x]=e.useState(),[y,k]=e.useState([]),N=null!==(s=null===(d=null===(c=null==t?void 0:t.testProductReference)||void 0===c?void 0:c[0])||void 0===d?void 0:d.reference)&&void 0!==s?s:null==t?void 0:t.reference;let P;e.useEffect((()=>{v&&v.length>0&&v.map((e=>{var n;null===(n=null==e?void 0:e.content)||void 0===n||n.body.map((e=>{"countryListComponent"==(null==e?void 0:e.component)&&k(null==e?void 0:e.countryValues)}))}))}),[v]),e.useEffect((()=>{(null==y?void 0:y.length)>0&&(P=y.length,x(Math.ceil(P/3)))}),[y]);return e.createElement(e.Fragment,null,e.createElement(E,{modalState:m,handler:()=>{p(!1),"function"==typeof r&&r()},overlay:v},g&&e.createElement(w,{keyParams:"loading"}),!g&&e.createElement(e.Fragment,null,e.createElement(i,{className:"linetable-countryOverlay-desktopView"},e.createElement("div",null,e.createElement(a,{className:"linetable-countryOverlay-utils-noWrap"},e.createElement(o,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(a,null,y.slice(0,f).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))),e.createElement(o,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(a,null,y.slice(f,2*f).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))),e.createElement(o,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(a,null,y.slice(2*f,3*f).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name))))))))),e.createElement(i,{className:"linetable-countryOverlay-mobView"},e.createElement(a,null,e.createElement(o,null,e.createElement(a,null,y.map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))))))),e.createElement("span",{onClick:()=>{var e,n,t,i,a,o;p(!m),"function"==typeof r&&r();const c=null===(a=null===(i=null===(t=null===(n=null===(e=null==N?void 0:N.content)||void 0===e?void 0:e.body)||void 0===n?void 0:n[0])||void 0===t?void 0:t.countryList)||void 0===i?void 0:i.cached_url)||void 0===a?void 0:a.replace(null==l?void 0:l.lang,""),d=null==c?void 0:c.replace("//",""),s=`${null===(o=null==u?void 0:u.getInstance())||void 0===o?void 0:o.getBaseUrl()}rest/cms/stories/?by_slugs=${d}`,v=null==N?void 0:N.name;C(v,null==l?void 0:l.lang,s,864e5).then((e=>{e&&e.length>0&&b(e),h(!1)}))},className:"linetable-countryOverlay-linkTextNew display-5"},n))};s(".linetable-CardEntitlement-mobileProductEntitlement {\r\n margin: 0;\r\n padding: 0 16px 0 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementValue {\r\n display: flex;\r\n margin-bottom: 4px;\r\n align-items: center;\r\n font-size: 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementIcon {\r\n align-self: flex-start;\r\n margin-right: 8px;\r\n}\r\n\r\n.linetable-CardEntitlement-entitlementIcon img {\r\n vertical-align: sub;\r\n}\r\n.linetable-CardEntitlement-animationTitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #3d3935;\r\n font-weight: 700;\r\n margin-bottom: auto;\r\n}\r\n.linetable-CardEntitlement-entitlementContent {\r\n display: inline-flex;\r\n margin-bottom: 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementDescription {\r\n color: #3d3935;\r\n margin-left: 32px;\r\n margin-bottom: 4px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n width: calc(100% - 32px);\r\n}\r\n");const P=e.createContext({indexKey:0,listLength:0,arrowUpIcon:"",arrowDownIcon:"",arrowLeftRed:""}),T=({content:n,product:t,indexKey:l,showEntitleValue:r,metadata:i,modalTriggered:a})=>{var o,c,d,s;const u=e.useRef(null),m=e.useContext(P),v=()=>{p(`linetable-CardEntitlement-entitlementSection${m.indexKey}`,m.listLength)};return e.useEffect((()=>{setTimeout((()=>{(null==u?void 0:u.current)&&v()}),200),window.addEventListener("resize",v)}),[n]),e.createElement("div",{className:"linetable-CardEntitlement-mobileProductEntitlement",id:`linetable-CardEntitlement-entitlementSection${l}${m.indexKey}`,ref:u},e.createElement("div",{className:"row linetable-CardEntitlement-entitlementContent"},e.createElement("div",{className:"linetable-CardEntitlement-entitlementValue "},e.createElement(e.Fragment,null,(null==n?void 0:n.isblacktheme)?e.createElement(e.Fragment,null,(null===(o=null==n?void 0:n.blackFridayentitlementIcon)||void 0===o?void 0:o.filename)&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementIcon"},e.createElement("img",{src:null===(c=null==n?void 0:n.blackFridayentitlementIcon)||void 0===c?void 0:c.filename,width:20,height:20}))):e.createElement(e.Fragment,null,(null===(d=null==n?void 0:n.entitlementIcon)||void 0===d?void 0:d.filename)&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementIcon"},e.createElement("img",{src:null===(s=null==n?void 0:n.entitlementIcon)||void 0===s?void 0:s.filename,width:20,height:20}))),e.createElement("span",{className:"linetable-CardEntitlement-animationTitle entitlementDisplay"},null==n?void 0:n.entitlementName))),e.createElement("div",{className:"d-block"},n.entitlementDescription&&r&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementDescription"},null==n?void 0:n.entitlementDescription),(null==n?void 0:n.linkText)&&e.createElement(N,{product:t,linkText:null==n?void 0:n.linkText,metadata:i,modalTriggered:a}))))};s(".linetable-card-linetable-card-flexGrid {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.linetable-card-productContainer {\r\n background-color: #fff;\r\n padding: 24px 0 16px;\r\n text-align: left;\r\n height: 100%;\r\n border-radius: 8px;\r\n}\r\n.linetable-card-productContainer hr {\r\n margin: 16px;\r\n}\r\n.linetable-card-introText {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n color: #587467;\r\n}\r\n.linetable-card-productTeaser {\r\n background-color: #fff;\r\n border-radius: 8px;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 4px 12px 0px #57545233;\r\n}\r\n.linetable-card-prodHeading {\r\n font-size: 14px;\r\n line-height: 20px;\r\n color: #606060;\r\n font-weight: bold;\r\n margin-bottom: 4px;\r\n}\r\n.linetable-card-titleContainer {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n.linetable-card-productTitle {\r\n color: #1e1e1e;\r\n font-weight: bold;\r\n margin-bottom: 4px;\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n}\r\n.linetable-card-productTitle > h1,\r\n.linetable-card-productTitle > h2,\r\n.linetable-card-productTitle > h3,\r\n.linetable-card-productTitle > h4,\r\n.linetable-card-productTitle > h5,\r\n.linetable-card-productTitle > h6 {\r\n color: #1e1e1e !important;\r\n}\r\n.linetable-card-productTitle > h3 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n}\r\n.linetable-card-productTitle > h2 {\r\n margin-right: 8px;\r\n}\r\n.linetable-card-prodDescription {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #333333;\r\n display: flex;\r\n font-weight: 400;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .linetable-card-productTitle {\r\n height: auto;\r\n }\r\n}\r\n\r\n.linetable-card-productDetailSection{\r\n margin: 0 16px;\r\n}\r\n.linetable-card-productDetailSection img {\r\n vertical-align: bottom;\r\n margin-right: 8px;\r\n}\r\n.linetable-card-bottomConatiner {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: end;\r\n}");const S=({modalState:n,handler:t,showFooter:l,footerNode:r,children:i,width:a,height:o,noCloseButton:d,backButton:s})=>{const u=e.useContext(P);return e.useEffect((()=>{const e=document.querySelector(".linetable-product-modal .footer-main");e&&(e.style.zIndex="10");const n=document&&document.querySelector(".modal-dialog.linetable-product-modal");n&&(n.style.maxWidth=a,n.style.padding="0",n.style.transform="none");const t=document.querySelector(".linetable-product-modal .modal-content");t&&(t.style.height=o,t.style.backgroundColor="#F7F6F5");const l=document.querySelector(".linetable-product-modal .modal-header");l&&(l.style.position="absolute",l.style.top="0",l.style.zIndex="1",l.style.maxWidth="100%",l.style.background="#f8f8f8",l.style.width="100%");const r=document.querySelector(".linetable-product-modal .modal-body");r&&(r.style.background="#f8f8f8",r.style.paddingTop="70px")}),[o]),e.createElement(c.Modal,{scrollable:!1,show:n,onHide:t,keyboard:!1,dialogClassName:"linetable-product-modal"},e.createElement(c.Modal.Header,null,s&&e.createElement("div",{style:{justifyContent:"start",cursor:"pointer"},onClick:t},e.createElement(e.Fragment,null,(null==u?void 0:u.arrowLeftRed)&&e.createElement("img",{src:null==u?void 0:u.arrowLeftRed,width:24,height:24}),e.createElement("span",{style:{color:"#DA291C"}}," ",s))),e.createElement("div",{style:{display:d?"none":"",justifyContent:"end"}},e.createElement(c.CloseButton,{className:"sr-modal-close",onClick:t}))),e.createElement(c.Modal.Body,null,i),l&&e.createElement(c.Modal.Footer,null,r))};s(".linetable-sr-def-row {\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n max-width: 1308px;\r\n width: 100%;\r\n}\r\n\r\n@media (min-width: 1024px) and (max-width: 1439px) {\r\n .linetable-sr-def-row {\r\n max-width: 972px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n .linetable-sr-def-row {\r\n max-width: 720px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .linetable-sr-def-row {\r\n max-width: 972px;\r\n }\r\n}\r\n\r\n.linetable-sr-def-row .linetable-sr-def-row {\r\n padding: 0px;\r\n max-width: 100%;\r\n}");const D=({children:n})=>e.createElement("div",{className:"linetable-sr-def-row linetable-sr-responsive-row"},n);s(".linetable-falconAccordion-section {\r\n text-align: center;\r\n}\r\n\r\n.linetable-falconAccordion-description {\r\n color: #3d3935;\r\n padding-bottom: 32px;\r\n text-align: center;\r\n}\r\n\r\n.linetable-falconAccordion-description p a {\r\n color: #da291c;\r\n}\r\n\r\n.linetable-falconAccordion-container {\r\n box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n padding: 0;\r\n}\r\n\r\n.linetable-falconAccordion-current-item {\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-current-item:first-child {\r\n border-radius: 8px 8px 0 0;\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-current-item:last-child {\r\n border-bottom: none;\r\n border-radius: 0 0 8px 8px;\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-item:hover {\r\n background-color: #f7f6f5;\r\n}\r\n\r\n.linetable-falconAccordion-wrapper {\r\n margin-left: 32px;\r\n margin-right: 32px;\r\n border-bottom: 1px solid #e6e3df;\r\n}\r\n\r\n.linetable-falconAccordion-title {\r\n color: #3d3935;\r\n font-style: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n margin-right: 28px;\r\n min-height: 24px;\r\n}\r\n\r\n.prod-card .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 24px 0;\r\n}\r\n\r\n.prod-card .accordion-body {\r\n padding: 8px 0 32px 0;\r\n color: #3d3935;\r\n text-align: left;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n\r\n.prod-card .accordion-button::after {\r\n position: absolute;\r\n top: 24px;\r\n right: 0;\r\n background-image: url('/ecom-int/icons/falcon-arrow-down.svg') !important;\r\n background-size: 24px 24px !important;\r\n background-size: unset;\r\n}\r\n\r\n.prod-card .accordion-button:not(.collapsed)::after {\r\n background-image: url('/ecom-int/icons/falcon-arrow-up.svg') !important;\r\n}\r\n\r\n.linetable-falconAccordion-disabled {\r\n opacity: 0.8;\r\n pointer-events: none;\r\n background-color: #e6e3df;\r\n}\r\n\r\n/* for mobile view */\r\n@media (max-width: 767px) {\r\n .prod-card .description {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .linetable-falconAccordion-item:hover {\r\n background-color: none;\r\n }\r\n\r\n .linetable-falconAccordion-wrapper {\r\n margin-left: 16px;\r\n margin-right: 16px;\r\n }\r\n\r\n .prod-card .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 16px 0;\r\n }\r\n\r\n .prod-card .accordion-body {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .prod-card .accordion-button::after {\r\n top: 16px;\r\n }\r\n}\r\n\r\n/* For tablet view */\r\n@media (max-width: 1023px) {\r\n .linetable-falconAccordion-wrapper {\r\n margin-left: 24px;\r\n margin-right: 24px;\r\n }\r\n}");const O=({content:n})=>{const t=null==n?void 0:n._uid;return e.createElement("div",{className:"prod-card"},e.createElement(c.Accordion,{flush:!0,defaultActiveKey:(null==n?void 0:n.alwaysOpen)?t:""},e.createElement(c.Accordion.Item,{eventKey:t,className:`${(null==n?void 0:n.disabled)&&"linetable-falconAccordion-disabled"} linetable-falconAccordion-item`},e.createElement("div",{className:"linetable-falconAccordion-wrapper"},e.createElement(c.Accordion.Header,null,e.createElement("span",{className:"linetable-falconAccordion-title"},null==n?void 0:n.title)),e.createElement(c.Accordion.Body,null,(null==n?void 0:n.bodyText)&&e.createElement(x,{content:null==n?void 0:n.bodyText}))))))},F=({content:n})=>{var t,l,r,i,a,o,c;return e.createElement("section",{className:"linetable-falconAccordion-section"},e.createElement(D,null,e.createElement(e.Fragment,null,(null==n?void 0:n.title)&&(null===(t=null==n?void 0:n.title)||void 0===t?void 0:t.length)>0&&e.createElement(f,{content:null===(l=null==n?void 0:n.title)||void 0===l?void 0:l[0]}),(null==n?void 0:n.description)&&(null===(r=null==n?void 0:n.description)||void 0===r?void 0:r.length)>0&&e.createElement("div",{className:"linetable-falconAccordion-description"},e.createElement(y,{content:null===(i=null==n?void 0:n.description)||void 0===i?void 0:i[0]})),(null==n?void 0:n.accordions)&&(null===(a=null==n?void 0:n.accordions)||void 0===a?void 0:a.length)>0&&(null===(o=null==n?void 0:n.accordions[0])||void 0===o?void 0:o.title)&&e.createElement("div",{className:"linetable-falconAccordion-container"},null===(c=null==n?void 0:n.accordions)||void 0===c?void 0:c.map((n=>e.createElement("div",{tabIndex:0,key:null==n?void 0:n._uid,className:"linetable-falconAccordion-current-item"},e.createElement(O,{content:Object.assign({},n)}))))))))},A=({content:n})=>{const t=(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";default:return""}})(null==n?void 0:n.backgroundColor),l=(e=>{switch(e){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==n?void 0:n.gradientBackground),r=(null==n?void 0:n.gradientBackground)===h?t:l;return e.createElement("div",null,n.height?e.createElement("div",{className:`d-none d-sm-block ${r}`,style:{height:`${n.height}px`}}):e.createElement("div",{className:`d-none d-sm-block ${r}`,style:{height:`${n.desktopHeight}px`}}),e.createElement("div",{className:`d-block d-sm-none ${r} `,style:{height:`${n.mobHeight}px`}}))};s(".linetable-productDetailsText {\r\n color: #da291c;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n}");s('.linetable-staticPrice-priceWrapper {\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid #E6E3DF;\r\n\tmargin: 16px 16px 0 16px;\r\n\tpadding: 8px 16px;\r\n\tfont-size: 14px;\r\n\tfont-weight: 400;\r\n\tline-height: 20px;\r\n}\r\n\r\n.linetable-staticPrice-discountPriceSection {\r\n\tcolor: #2E6199;\r\n\tmargin-right: 8px;\r\n}\r\n\r\n.linetable-staticPrice-discountedPrice {\r\n\tfont-size: 32px;\r\n\tfont-weight: 700;\r\n\tline-height: 40px;\r\n}\r\n\r\n.linetable-staticPrice-basePrice {\r\n\tfont-size: 20px;\r\n\tfont-weight: 700;\r\n\tline-height: 28px;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.linetable-staticPrice-priceStrikeout::after {\r\n\tcontent: "";\r\n\tposition: absolute;\r\n\tright: -1px;\r\n\tleft: -2px;\r\n\ttop: 50%;\r\n\twidth: 100%;\r\n\tborder-bottom: 2px solid #da291c;\r\n\ttransform: rotate(-18.22deg);\r\n}\r\n\r\n.linetable-staticPrice-noDiscountPrice {\r\n\tfont-size: 32px;\r\n\tfont-weight: 700;\r\n\tline-height: 40px;\r\n}\r\n\r\n.linetable-staticPrice-contractDescription {\r\n\tmargin-top: 6px;\r\n}\r\n\r\n.linetable-staticPrice-addToCart {\r\n\tmargin-top: 8px;\r\n\twidth: 100%;\r\n\tpadding: 10px 24px;\r\n\tborder-radius: 25px;\r\n\tbackground: #DA291C;\r\n\tcolor: #FFFFFF;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tline-height: 24px;\r\n\tborder: 0px;\r\n}\r\n\r\n.linetable-staticPrice-productDetails-priceWrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n}\r\n\r\n@media (min-width: 425px) {\r\n\t.linetable-staticPrice-productDetails-addToCart {\r\n\t\tmin-width: 120px;\r\n\t}\r\n}');const L=({content:n,addToCart:t,variant:l})=>{const r=e.useContext(P),i=()=>{p("linetable-staticPrice-priceSection",r.listLength)};e.useEffect((()=>{setTimeout((()=>{i()}),200),window.addEventListener("resize",i)}),[n]);return e.createElement("div",{className:`linetable-staticPrice-priceWrapper ${"productDetails"===l&&"linetable-staticPrice-productDetails-priceWrapper"}`},e.createElement("div",{id:`linetable-staticPrice-priceSection${null==r?void 0:r.indexKey}`},e.createElement("div",{className:"linetable-staticPrice-priceSection"},(null==n?void 0:n.isEnableDiscountPrice)&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},null==n?void 0:n.discountPriceValue),null==n?void 0:n.priceDuration),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+((null==n?void 0:n.isEnableDiscountPrice)?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},v(null==n?void 0:n.priceValue)),!(null==n?void 0:n.isEnableDiscountPrice)&&e.createElement(e.Fragment,null,null==n?void 0:n.priceDuration))),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},null==n?void 0:n.contractDescription)),e.createElement("div",null,e.createElement("button",{className:`linetable-staticPrice-addToCart ${"productDetails"===l&&"linetable-staticPrice-productDetails-addToCart"}`,onClick:()=>{"function"==typeof t&&t(n)}},null==n?void 0:n.addButton)))},$=({content:n,updatedContent:t,modalTriggered:l,addToCart:r})=>{var i;const[a,o]=e.useState(!1),c=null==n?void 0:n.subscriptionDetailModal;let d=[],s="";c&&(null==c?void 0:c.length)>0&&(null==c||c.map((e=>{d=null==e?void 0:e.modalBody,null==e||e.productPriceVariant,s=null==e?void 0:e.backButton,null==e||e.priceChangeContent})));const u=()=>{o(!a),"function"==typeof l&&l()};return e.createElement(e.Fragment,null,a&&e.createElement(S,{modalState:a,handler:u,showFooter:!1,height:"100%",width:"883px",backButton:s},e.createElement(e.Fragment,null,null==d?void 0:d.map(((n,t)=>e.createElement(D,null,e.createElement(e.Fragment,null,"falconDescription"===(null==n?void 0:n.component)&&e.createElement(y,{content:n,key:t}),"spacer"===(null==n?void 0:n.component)&&e.createElement(A,{content:n}),"falconAccordionList"===(null==n?void 0:n.component)&&e.createElement(F,{content:n}))))),(null==n?void 0:n.isEnablePrice)&&e.createElement(L,{content:n,addToCart:r,variant:"productDetails"}))),e.createElement("span",{onClick:u,className:"linetable-productDetailsText"},null!==(i=null==t?void 0:t.subscription)&&void 0!==i?i:null==t?void 0:t.subscriptionText))},z=({content:n,showPrice:t,addToCart:l})=>{var r,i,a,o,c;const d=null!==(r=null==t?void 0:t.base)&&void 0!==r?r:0;let s=null!==(o=null===(a=null===(i=null==t?void 0:t.discount)||void 0===i?void 0:i[0])||void 0===a?void 0:a.value)&&void 0!==o?o:0;null===(c=null==t?void 0:t.discount)||void 0===c||c.map((e=>{1==(null==e?void 0:e.cycleStart)&&(s=null==e?void 0:e.value)}));const u=null==t?void 0:t.contractDuration;return e.createElement("div",{className:"linetable-staticPrice-priceWrapper"},(null==t?void 0:t.base)?e.createElement(e.Fragment,null,s>0&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},v(s)),null==n?void 0:n.priceDuration),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+(s>0?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},v(d)),0===s&&(null==n?void 0:n.priceDuration)),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},u&&0!==u?e.createElement("div",null):e.createElement("div",null,null==n?void 0:n.contractDescription))):"",e.createElement("div",null,e.createElement("button",{className:"linetable-staticPrice-addToCart",onClick:l},null==n?void 0:n.addButton)))};exports.Button=({type:n,text:t,onClick:l,content:r})=>e.createElement("button",{type:"button",className:`button Button-${null==r?void 0:r.type}`,onClick:l},null==r?void 0:r.text),exports.Card=({content:n,updatedContent:t,indexKey:l,listLength:r,addToCart:i,metadata:a,modalTriggered:o,showPrice:c})=>{var d,s,u,m,v,b,g,h,f,y,E,w,k,C,N,S,D,O,F,A,B,I,j,V,q,M,R,_,W,H,K,U,G,J,Y,Q,X,Z,ee,ne,te,le,re,ie,ae,oe,ce,de,se,ue,me,pe,ve,be,ge;const he=Object.assign({},null!==(u=null===(s=null===(d=null==n?void 0:n.testProductReference)||void 0===d?void 0:d[0])||void 0===s?void 0:s.reference)&&void 0!==u?u:null==n?void 0:n.reference),fe={listLength:r,indexKey:l,arrowUpIcon:null===(g=null===(b=null===(v=null===(m=null==he?void 0:he.content)||void 0===m?void 0:m.body)||void 0===v?void 0:v[0])||void 0===b?void 0:b.arrowUp)||void 0===g?void 0:g.filename,arrowDownIcon:null===(E=null===(y=null===(f=null===(h=null==he?void 0:he.content)||void 0===h?void 0:h.body)||void 0===f?void 0:f[0])||void 0===y?void 0:y.arrowDown)||void 0===E?void 0:E.filename,arrowLeftRed:null===(N=null===(C=null===(k=null===(w=null==he?void 0:he.content)||void 0===w?void 0:w.body)||void 0===k?void 0:k[0])||void 0===C?void 0:C.arrowLeftRed)||void 0===N?void 0:N.filename},xe=null!==(S=null==t?void 0:t.enableNewAddToCart)&&void 0!==S&&S,ye=e.useRef(null),Ee=e.useRef(null),we=e.useMemo((()=>fe),[fe]),ke=()=>{p("linetable-card-title",r),p("linetable-card-tooltiptxt",r),p("linetable-card-bottomConatiner",r)};return e.useEffect((()=>{setTimeout((()=>{ke()}),100),null===window||void 0===window||window.addEventListener("resize",ke)}),[n]),e.createElement(P.Provider,{value:we},e.createElement("div",{className:"linetable-card-productTeaser"},e.createElement("div",{className:"linetable-card-productContainer "},he.content&&e.createElement(e.Fragment,null,e.createElement("div",{className:"linetable-card-titleContainer",id:`linetable-card-title${l}`,ref:ye},e.createElement("div",{className:"linetable-card-prodHeading"},null===(O=null===(D=null==he?void 0:he.content)||void 0===D?void 0:D.body[0])||void 0===O?void 0:O.name),e.createElement("div",{className:"linetable-card-productTitle"},e.createElement("h3",null,null===(A=null===(F=null==he?void 0:he.content)||void 0===F?void 0:F.body[0])||void 0===A?void 0:A.displayName),(null===(j=null===(I=null===(B=null==he?void 0:he.content)||void 0===B?void 0:B.body[0])||void 0===I?void 0:I.prodImage)||void 0===j?void 0:j.filename)&&e.createElement("img",{src:null===(M=null===(q=null===(V=null==he?void 0:he.content)||void 0===V?void 0:V.body[0])||void 0===q?void 0:q.prodImage)||void 0===M?void 0:M.filename,height:15,width:20})),e.createElement("div",{className:"linetable-card-prodDescription"},e.createElement(x,{content:null===(_=null===(R=null==he?void 0:he.content)||void 0===R?void 0:R.body[0])||void 0===_?void 0:_.description}))),!(null==t?void 0:t.isPrepaidFlow)&&e.createElement("hr",null)),(null==he?void 0:he.content)&&(null===(H=null===(W=null==he?void 0:he.content)||void 0===W?void 0:W.body[0])||void 0===H?void 0:H.introText)&&e.createElement(e.Fragment,null,e.createElement("div",{className:""+(xe?"d-block":"d-none d-sm-block")},e.createElement("div",{className:"linetable-card-introText",id:`linetable-card-tooltiptxt${l}`,ref:Ee},e.createElement(x,{content:null===(U=null===(K=null==he?void 0:he.content)||void 0===K?void 0:K.body[0])||void 0===U?void 0:U.introText})),e.createElement("hr",null))),null===(Y=(null===(J=null===(G=null==he?void 0:he.content)||void 0===G?void 0:G.body[0])||void 0===J?void 0:J.entitlementConfig)||[])||void 0===Y?void 0:Y.map(((t,l)=>e.createElement(T,{content:t,product:n,key:l,indexKey:l,showEntitleValue:xe,metadata:a,modalTriggered:o}))),e.createElement("hr",null),e.createElement("div",{id:`linetable-card-bottomConatiner${l}`,className:"linetable-card-bottomConatiner"},e.createElement("div",{className:"linetable-card-productDetailSection"},(null===(ee=null===(Z=null===(X=null===(Q=null==he?void 0:he.content)||void 0===Q?void 0:Q.body)||void 0===X?void 0:X[0])||void 0===Z?void 0:Z.productDetailIcon)||void 0===ee?void 0:ee.filename)&&e.createElement("img",{src:null===(re=null===(le=null===(te=null===(ne=null==he?void 0:he.content)||void 0===ne?void 0:ne.body)||void 0===te?void 0:te[0])||void 0===le?void 0:le.productDetailIcon)||void 0===re?void 0:re.filename,width:24,height:24}),e.createElement($,{content:null===(ae=null===(ie=null==he?void 0:he.content)||void 0===ie?void 0:ie.body)||void 0===ae?void 0:ae[0],updatedContent:t,modalTriggered:o,addToCart:i})),e.createElement("div",null,(null===(de=null===(ce=null===(oe=null==he?void 0:he.content)||void 0===oe?void 0:oe.body)||void 0===ce?void 0:ce[0])||void 0===de?void 0:de.isEnablePrice)&&e.createElement(L,{content:null===(ue=null===(se=null==he?void 0:he.content)||void 0===se?void 0:se.body)||void 0===ue?void 0:ue[0],addToCart:i,variant:"productCard"})),e.createElement("div",null,!(null===(ve=null===(pe=null===(me=null==he?void 0:he.content)||void 0===me?void 0:me.body)||void 0===pe?void 0:pe[0])||void 0===ve?void 0:ve.isEnablePrice)&&!(null==t?void 0:t.staticPrice)&&e.createElement(z,{content:null===(ge=null===(be=null==he?void 0:he.content)||void 0===be?void 0:be.body)||void 0===ge?void 0:ge[0],showPrice:c,addToCart:i}))))))},exports.CardEntitlement=T,exports.CarouselComp=n=>e.createElement(e.Fragment,null,e.createElement(d,{responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:4},tabletLarge:{breakpoint:{max:1439,min:1024},items:3},tabletMedium:{breakpoint:{max:1023,min:768},items:2},mobile:{breakpoint:{max:767,min:0},items:1}},deviceType:"desktop",ssr:!0,renderButtonGroupOutside:!0,partialVisible:!0,swipeable:!0,autoPlay:!1,shouldResetAutoplay:!1,arrows:!0},n.children),e.createElement("p",null,"compo")),exports.LineTableBasicPropConfig=u,exports.LoginModal=({toggleFun:n})=>(e.useState(!1),e.createElement("div",{className:"loginModal"},e.createElement("div",{className:"w-100 h-100 d-flex position-relative justify-content-center align-items-center"},e.createElement("div",{className:"loginContainer"},"Hi Angles Kathirvel",e.createElement("button",{onClick:n},"Close")))));
1
+ "use strict";var e=require("react"),n=require("@sunrise-upc/ajax-lib"),t=require("react-bootstrap/Modal"),r=require("react-bootstrap/CloseButton"),l=require("storyblok-rich-text-react-renderer-ts"),o=require("react-bootstrap/Container"),i=require("react-bootstrap/Row"),a=require("react-bootstrap/Col"),d=require("js-cookie"),c=require("uuid"),s=require("react-bootstrap"),u=require("react-multi-carousel"),m=require("react-bootstrap/Form");function p(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}p(".Button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n min-width: 32px;\r\n min-height: 32px;\r\n background-color: aliceblue;\r\n}\r\n\r\n.Button-primary {\r\n background-color: aqua; \r\n}\r\n.Button-secondary{\r\n background-color: burlywood;\r\n}\r\n.Button-error {\r\n background-color: red;\r\n}");class v{constructor(e){this.config={baseURL:"",cartURL:""},this.getConfig=()=>this.config,this.getBaseUrl=()=>{var e,n;return null!==(n=null===(e=this.config)||void 0===e?void 0:e.baseURL)&&void 0!==n?n:""},this.getCartUrl=()=>{var e,n;return null!==(n=null===(e=this.config)||void 0===e?void 0:e.cartURL)&&void 0!==n?n:""},this.config=e}}v.getInstance=()=>v.instance,v.create=e=>{v.instance=new v(e)};const g="ESHOP",h="v2/offer",b="carts/v2";p(".loginModal {\r\n\talign-items: center;\r\n\tbackground-color: rgba(87, 84, 82, 0.4);\r\n\tcolor: #333333;\r\n\tdisplay: flex;\r\n\theight: 100%;\r\n\tjustify-content: center;\r\n\tleft: 0;\r\n\tpadding: 16px;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\ttransition: opacity 3s;\r\n\twidth: 100%;\r\n\tz-index: 11;\r\n}\r\n.loginContainer {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 32px 32px 34px;\r\n background-color: #ffff;\r\n max-width: 500px;\r\n width: 100%;\r\n box-shadow: -1px 18px 25px 5px rgba(87, 84, 82, 0.4);\r\n }\r\n");p('@import "bootstrap/dist/css/bootstrap.linetable-countryOverlay-css";\r\n\r\n.linetable-countryOverlay-linkTextNew {\r\n color: #da291c;\r\n margin-left: 32px;\r\n margin-bottom: 4px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n\r\n.linetable-countryOverlay-utils-noWrap {\r\n white-space: nowrap;\r\n}\r\n\r\n.linetable-countryOverlay-utils-colWidth {\r\n max-width: 210px;\r\n}\r\n\r\n.linetable-countryOverlay-contain {\r\n display: flex;\r\n align-items: first baseline;\r\n padding-top: 10px;\r\n}\r\n\r\n.linetable-countryOverlay-image {\r\n width: 24px;\r\n height: 16px;\r\n}\r\n\r\n.linetable-countryOverlay-name {\r\n color: #000000;\r\n align-items: center;\r\n padding-left: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 32px;\r\n}\r\n.linetable-countryOverlay-blackthemecolor {\r\n color: #ffffff !important;\r\n}\r\n\r\n.linetable-countryOverlay-desktopView {\r\n display: block;\r\n}\r\n.linetable-countryOverlay-mobView {\r\n display: none;\r\n}\r\n@media (max-width: 767px) {\r\n .linetable-countryOverlay-linkTextNew {\r\n font-size: 14px;\r\n line-height: 24px;\r\n }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n .linetable-countryOverlay-desktopView {\r\n display: block;\r\n }\r\n .linetable-countryOverlay-mobView {\r\n display: none;\r\n }\r\n}\r\n@media (max-width: 1023px) {\r\n .linetable-countryOverlay-desktopView {\r\n display: none;\r\n }\r\n .linetable-countryOverlay-mobView {\r\n display: block;\r\n width: 100%;\r\n }\r\n}\r\n');const f=e=>{switch(e){case"grey-600":return"falcon-grey-600";case"grey-500":return"falcon-grey-500";case"grey-100":return"falcon-grey-100";case"grey-400":return"falcon-grey-400";case"ice-white":return"falcon-ice-white";default:return""}},x=(e,n)=>{const t=[];let r,l,o=0;[...Array(n)].forEach((()=>{l=document.getElementById(`${e}${o}`),null!=l&&(l.style.height="unset",t.push(null==l?void 0:l.clientHeight),o++)})),r=Math.max(...t),o=0,[...Array(n)].forEach((()=>{l=document.getElementById(`${e}${o}`),null!=l&&(l.style.height=`${r}px`),o++}))},y=e=>{e=Number(e);let n=0;return n=new RegExp("^[0-9][^.]*$").test(e.toString())?e+".-":e.toFixed(2).replace(/\.00$/,""),n},_=e=>{const n=localStorage.getItem(e),t=new Date;if(!n)return null;let r={};try{if(r=JSON.parse(n),r.expiry&&t.getTime()>r.expiry)return E(e),null}catch(e){return n}return null==r?void 0:r.value},E=e=>{localStorage.removeItem(e)},w="none";p(".dbold {\r\n font-weight: 500;\r\n font-size: 40px;\r\n line-height: 60px;\r\n}\r\n");const T=({content:n})=>{var t;const r=f((null==n?void 0:n.textColor)&&n.textColor),l=(null==n?void 0:n.textColor)&&n.textColor!=w?r:"",o=(null==n?void 0:n.textColor)&&n.textColor===w?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{};return e.createElement(e.Fragment,null,n.headingStyle&&n.text&&"h1"===n.headingStyle?e.createElement("h1",{className:l,style:Object.assign({},o)},n.text," "):"h2"===n.headingStyle?e.createElement("h2",{className:`${l}`,style:Object.assign({},o)},n.text):"h3"===n.headingStyle?e.createElement("h3",{className:l,style:Object.assign({},o)},n.text):"h4"===n.headingStyle?e.createElement("h4",{className:l,style:Object.assign({},o)},n.text):e.createElement("div",{className:"dbold",style:Object.assign({},o)},n.text))},P=n=>e.createElement("div",null,l.render(n.content,{markResolvers:{link:(t,r)=>{const{href:l,target:o,linktype:i}=r;return"email"===i?e.createElement("a",{href:`mailto:${l}`,target:null===o||"_self"===o?"_top":"_blank"},t):n.isIFrame?e.createElement("a",{href:l,target:null===o||"_self"===o?"_top":"_blank"},t):e.createElement("a",{href:l,target:null===o?"":o},t)}}})),C=({content:n})=>{var t;const r=f(n.textColor);return e.createElement(e.Fragment,null,e.createElement("div",{className:`d-inline-flex align-${n.textElementPosition}`},n.icon&&n.icon.filename&&e.createElement("img",{src:n.icon&&n.icon.filename,alt:n.icon&&n.icon.alt,title:n.icon&&n.icon.title,height:24,width:24}),n.text&&e.createElement("div",{className:`${n.icon&&n.icon.filename} ${n.textColor&&n.textColor!=w?r:""}`,style:Object.assign({},n.textColor&&n.textColor===w?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{})},e.createElement(P,{content:n.text}))))};p(".linetable-country-overlayModal {\r\n max-width: 900px;\r\n padding: 1rem 2rem;\r\n}\r\n");const k=({children:n,modalState:l,handler:o,noCloseButton:i,showBackBtn:a,overlay:d})=>{const[c,s]=e.useState(),[u,m]=e.useState();return e.useEffect((()=>{d.map((e=>{var n;null===(n=null==e?void 0:e.content)||void 0===n||n.body.map((e=>{"falconTitle"==(null==e?void 0:e.component)&&s(e),"falconDescription"==(null==e?void 0:e.component)&&m(e)}))}))}),[d]),e.createElement(e.Fragment,null,e.createElement(t,{centered:!0,show:l,onHide:o,keyboard:!1,dialogClassName:"linetable-country-overlayModal"},e.createElement(t.Header,null,e.createElement("div",{style:{display:i?"none":""}},e.createElement("div",{className:"d-flex align-items-center"},a&&e.createElement("div",{className:"me-sm-4 me-3 d-flex align-items-center",onClick:o},e.createElement("img",{src:"../../icons/left_arrow.svg"})),c&&e.createElement(T,{content:c}))),e.createElement("div",{style:{display:i?"none":""}},e.createElement(r,{className:"sr-modal-close",onClick:o}))),e.createElement(t.Body,null,n),e.createElement(t.Footer,null,u&&e.createElement(C,{content:u}))))};p(".linetable-dotLoader-loaderParent {\r\n width: 100%;\r\n position: fixed;\r\n z-index: 3;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.linetable-dotLoader-dotClass {\r\n justify-content: center;\r\n display: flex;\r\n z-index: 1;\r\n}\r\n.linetable-dotLoader-dotContent {\r\n display: flex;\r\n justify-content: center;\r\n animation: contentplay 2s linear 0s infinite;\r\n}\r\n@keyframes dotplay {\r\n 0%,\r\n 20% {\r\n transform: translateY(0);\r\n }\r\n 10% {\r\n transform: translateY(-20px);\r\n }\r\n}\r\n.linetable-dotLoader-dots:nth-child(1) {\r\n animation-delay: 0.4s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(2) {\r\n animation-delay: 0.8s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(3) {\r\n animation-delay: 1.2s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(4) {\r\n animation-delay: 1.6s;\r\n}\r\n.linetable-dotLoader-dots {\r\n margin: 5px 2px;\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n animation: dotplay 2s linear 0s infinite;\r\n}\r\n@keyframes contentplay {\r\n 0% {\r\n opacity: 0.2;\r\n }\r\n 30% {\r\n opacity: 1;\r\n }\r\n}\r\n");const N=({keyParams:n})=>{const[t,r]=e.useState(0),[l,o]=e.useState({}),i={checkout:[null==l?void 0:l.uspFreeShipping,null==l?void 0:l.uspBestService,null==l?void 0:l.uspCheckout],loading:[null==l?void 0:l.loading]},a=n?i[`${n}`]:i.checkout;return e.useEffect((()=>{o(_("sbstaticcontent"))}),[]),e.useEffect((()=>{let e=a.length-1;r(e);const n=setInterval((()=>{r(e--),e<0&&(e=a.length-1)}),2e3);return()=>{clearTimeout(n)}}),[]),e.createElement("div",{className:"d-flex align-items-center justify-content-center linetable-dotLoader-loaderParent"},e.createElement("div",{className:"linetable-dotLoader-dotClass"},e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"})),e.createElement("div",null,e.createElement("h4",{className:"linetable-dotLoader-dotContent"},a[t]," ")))};function S(e,n,t,r){return new(t||(t=Promise))((function(l,o){function i(e){try{d(r.next(e))}catch(e){o(e)}}function a(e){try{d(r.throw(e))}catch(e){o(e)}}function d(e){var n;e.done?l(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,a)}d((r=r.apply(e,n||[])).next())}))}const I=(e,t,r,l)=>S(void 0,void 0,void 0,(function*(){var o;const i=_(`${e}_${t}_countryData`);if(i)return i;try{const i={language:t,type:"B2C"},a=null===(o=(yield n.CMSStoryblokServiceV2.get(r,i)).data)||void 0===o?void 0:o.stories;return a&&a.length>0&&((e,n,t)=>{let r=null;const l=new Date;r={value:n,expiry:t?l.getTime()+t:null},localStorage.setItem(e,JSON.stringify(r))})(`${e}_${t}_countryData`,a,l),a}catch(e){return console.error(e),e}})),z=(e,t,r,l,o)=>S(void 0,void 0,void 0,(function*(){var i,a,s,u,m,p,v,h,f,x,y,_,w;let T={};if("fixnet"===o){let n="",l="";const o=null!==(i=d.get("one-commerce-linecheckcorrelationid"))&&void 0!==i?i:"";T={relatedParty:[{id:"anonymous",segment:"RESIDENTIAL"}],cartItem:[{itemType:"HOME",promotionId:r,items:[],note:[{author:"linecheckCorrelationId",text:o}]}]};const c={itemType:"MOBILE",promotionId:r,items:[]};null===(s=null===(a=e[0])||void 0===a?void 0:a.bundledOffers)||void 0===s||s.map((e=>{var r,o,i,a,d,s,u,m,p,v,g,h,b,f,x,y,_,E,w;if(null===(o=null===(r=null==e?void 0:e.promotionInfo)||void 0===r?void 0:r[0])||void 0===o?void 0:o.id){const t=1==(null===(u=null===(s=null===(d=null===(a=null===(i=null==e?void 0:e.promotionInfo)||void 0===i?void 0:i[0])||void 0===a?void 0:a.hardwareGift)||void 0===d?void 0:d[0])||void 0===s?void 0:s.ids)||void 0===u?void 0:u.length)?null===(h=null===(g=null===(v=null===(p=null===(m=null==e?void 0:e.promotionInfo)||void 0===m?void 0:m[0])||void 0===p?void 0:p.hardwareGift)||void 0===v?void 0:v[0])||void 0===g?void 0:g.ids)||void 0===h?void 0:h[0]:"";"mobile"===(null===(b=null==e?void 0:e.productType)||void 0===b?void 0:b.toLowerCase())?(c.promotionId=null===(x=null===(f=null==e?void 0:e.promotionInfo)||void 0===f?void 0:f[0])||void 0===x?void 0:x.id,n=t):(T.cartItem[0].promotionId=null===(_=null===(y=null==e?void 0:e.promotionInfo)||void 0===y?void 0:y[0])||void 0===_?void 0:_.id,l=t)}"tv"==(null===(E=null==e?void 0:e.productType)||void 0===E?void 0:E.toLowerCase())&&t?T.cartItem[0].items.push({itemType:null==e?void 0:e.productType,id:t}):"mobile"===(null===(w=null==e?void 0:e.productType)||void 0===w?void 0:w.toLowerCase())?c.items.push({itemType:"RATEPLAN",id:null==e?void 0:e.id}):T.cartItem[0].items.push({itemType:null==e?void 0:e.productType,id:null==e?void 0:e.id})})),l&&(null===(u=T.cartItem[0].items)||void 0===u||u.push({itemType:"GIFT",id:l})),n&&c.items.push({itemType:"GIFT",id:n}),(null===(m=null==c?void 0:c.items)||void 0===m?void 0:m.length)>0&&(null===(p=null==T?void 0:T.cartItem)||void 0===p||p.push(c));try{const e=(e=>{const n=e+"=";let t;return document.cookie.split(";").some((e=>{for(;" "===e.charAt(0);)e=e.substring(1);return 0===e.indexOf(n)&&(t=JSON.parse(decodeURIComponent(e.substring(n.length,e.length))),!0)})),t})("chAddressJson"),n=[{characteristic:{installationAddress:!0,country:"CH",city:null===(v=null==e?void 0:e.selectedAdd)||void 0===v?void 0:v.city,street1:null===(h=null==e?void 0:e.selectedAdd)||void 0===h?void 0:h.street,postCode:null===(f=null==e?void 0:e.selectedAdd)||void 0===f?void 0:f.postCode,street2:null===(x=null==e?void 0:e.selectedAdd)||void 0===x?void 0:x.houseNumber}}];T.contactMedium=n}catch(e){console.log("issue at line check address addition in create cart ==>",e)}}else"mobile"===o&&(T={relatedParty:[{segment:"RESIDENTIAL"}],cartItem:[{itemType:"MOBILE",promotionId:r,items:[{itemType:"RATEPLAN",id:null!==(_=null===(y=null==e?void 0:e[0])||void 0===y?void 0:y.id)&&void 0!==_?_:""}]}]});const P={headers:{"x-correlation-id":c.v4(),"x-sunrise-channel":g}},C=l+b;if((null===(w=Object.keys(T))||void 0===w?void 0:w.length)>0){const e=yield n.ApiServiceV2.getApiServiceInstance().post(C,T,P).then((e=>{if(E("isB2BCustomer"),200==e.status)return null==e?void 0:e.data}));if(e.error)throw e.error;return e}})),B=({linkText:n,product:t,metadata:r,modalTriggered:l})=>{var d,c,s;const[u,m]=e.useState(!1),[p,g]=e.useState([]),[h,b]=e.useState(!0),[f,x]=e.useState(),[y,_]=e.useState([]),E=null!==(s=null===(c=null===(d=null==t?void 0:t.testProductReference)||void 0===d?void 0:d[0])||void 0===c?void 0:c.reference)&&void 0!==s?s:null==t?void 0:t.reference;let w;e.useEffect((()=>{p&&p.length>0&&p.map((e=>{var n;null===(n=null==e?void 0:e.content)||void 0===n||n.body.map((e=>{"countryListComponent"==(null==e?void 0:e.component)&&_(null==e?void 0:e.countryValues)}))}))}),[p]),e.useEffect((()=>{(null==y?void 0:y.length)>0&&(w=y.length,x(Math.ceil(w/3)))}),[y]);return e.createElement(e.Fragment,null,e.createElement(k,{modalState:u,handler:()=>{m(!1),"function"==typeof l&&l()},overlay:p},h&&e.createElement(N,{keyParams:"loading"}),!h&&e.createElement(e.Fragment,null,e.createElement(o,{className:"linetable-countryOverlay-desktopView"},e.createElement("div",null,e.createElement(i,{className:"linetable-countryOverlay-utils-noWrap"},e.createElement(a,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(i,null,y.slice(0,f).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))),e.createElement(a,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(i,null,y.slice(f,2*f).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))),e.createElement(a,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(i,null,y.slice(2*f,3*f).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name))))))))),e.createElement(o,{className:"linetable-countryOverlay-mobView"},e.createElement(i,null,e.createElement(a,null,e.createElement(i,null,y.map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))))))),e.createElement("span",{onClick:()=>{var e,n,t,o,i,a;m(!u),"function"==typeof l&&l();const d=null===(i=null===(o=null===(t=null===(n=null===(e=null==E?void 0:E.content)||void 0===e?void 0:e.body)||void 0===n?void 0:n[0])||void 0===t?void 0:t.countryList)||void 0===o?void 0:o.cached_url)||void 0===i?void 0:i.replace(null==r?void 0:r.lang,""),c=null==d?void 0:d.replace("//",""),s=`${null===(a=null==v?void 0:v.getInstance())||void 0===a?void 0:a.getBaseUrl()}rest/cms/stories/?by_slugs=${c}`,p=null==E?void 0:E.name;I(p,null==r?void 0:r.lang,s,864e5).then((e=>{e&&e.length>0&&g(e),b(!1)}))},className:"linetable-countryOverlay-linkTextNew display-5"},n))};p(".linetable-CardEntitlement-mobileProductEntitlement {\r\n margin: 0;\r\n padding: 0 16px 0 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementValue {\r\n display: flex;\r\n margin-bottom: 4px;\r\n align-items: center;\r\n font-size: 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementIcon {\r\n align-self: flex-start;\r\n margin-right: 8px;\r\n}\r\n\r\n.linetable-CardEntitlement-entitlementIcon img {\r\n vertical-align: sub;\r\n}\r\n.linetable-CardEntitlement-animationTitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #3d3935;\r\n font-weight: 700;\r\n margin-bottom: auto;\r\n}\r\n.linetable-CardEntitlement-entitlementContent {\r\n display: inline-flex;\r\n margin-bottom: 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementDescription {\r\n color: #3d3935;\r\n margin-left: 32px;\r\n margin-bottom: 4px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n width: calc(100% - 32px);\r\n}\r\n");const A=e.createContext({indexKey:0,listLength:0,arrowUpIcon:"",arrowDownIcon:"",arrowLeftRed:""}),L=({content:n,product:t,indexKey:r,showEntitleValue:l,metadata:o,modalTriggered:i})=>{var a,d,c,s;const u=e.useRef(null),m=e.useContext(A),p=()=>{x(`linetable-CardEntitlement-entitlementSection${m.indexKey}`,m.listLength)};return e.useEffect((()=>{setTimeout((()=>{(null==u?void 0:u.current)&&p()}),200),window.addEventListener("resize",p)}),[n]),e.createElement("div",{className:"linetable-CardEntitlement-mobileProductEntitlement",id:`linetable-CardEntitlement-entitlementSection${r}${m.indexKey}`,ref:u},e.createElement("div",{className:"row linetable-CardEntitlement-entitlementContent"},e.createElement("div",{className:"linetable-CardEntitlement-entitlementValue "},e.createElement(e.Fragment,null,(null==n?void 0:n.isblacktheme)?e.createElement(e.Fragment,null,(null===(a=null==n?void 0:n.blackFridayentitlementIcon)||void 0===a?void 0:a.filename)&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementIcon"},e.createElement("img",{src:null===(d=null==n?void 0:n.blackFridayentitlementIcon)||void 0===d?void 0:d.filename,width:20,height:20}))):e.createElement(e.Fragment,null,(null===(c=null==n?void 0:n.entitlementIcon)||void 0===c?void 0:c.filename)&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementIcon"},e.createElement("img",{src:null===(s=null==n?void 0:n.entitlementIcon)||void 0===s?void 0:s.filename,width:20,height:20}))),e.createElement("span",{className:"linetable-CardEntitlement-animationTitle entitlementDisplay"},null==n?void 0:n.entitlementName))),e.createElement("div",{className:"d-block"},n.entitlementDescription&&l&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementDescription"},null==n?void 0:n.entitlementDescription),(null==n?void 0:n.linkText)&&e.createElement(B,{product:t,linkText:null==n?void 0:n.linkText,metadata:o,modalTriggered:i}))))};p(".linetable-card-linetable-card-flexGrid {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.linetable-card-productContainer {\r\n background-color: #fff;\r\n padding: 24px 0 16px;\r\n text-align: left;\r\n height: 100%;\r\n border-radius: 8px;\r\n}\r\n.linetable-card-productContainer hr {\r\n margin: 16px;\r\n}\r\n.linetable-card-introText {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n color: #587467;\r\n}\r\n.linetable-card-productTeaser {\r\n background-color: #fff;\r\n border-radius: 8px;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 4px 12px 0px #57545233;\r\n}\r\n.linetable-card-prodHeading {\r\n font-size: 14px;\r\n line-height: 20px;\r\n color: #606060;\r\n font-weight: bold;\r\n margin-bottom: 4px;\r\n}\r\n.linetable-card-titleContainer {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n.linetable-card-productTitle {\r\n color: #1e1e1e;\r\n font-weight: bold;\r\n margin-bottom: 4px;\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n}\r\n.linetable-card-productTitle > h1,\r\n.linetable-card-productTitle > h2,\r\n.linetable-card-productTitle > h3,\r\n.linetable-card-productTitle > h4,\r\n.linetable-card-productTitle > h5,\r\n.linetable-card-productTitle > h6 {\r\n color: #1e1e1e !important;\r\n}\r\n.linetable-card-productTitle > h3 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n}\r\n.linetable-card-productTitle > h2 {\r\n margin-right: 8px;\r\n}\r\n.linetable-card-prodDescription {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #333333;\r\n display: flex;\r\n font-weight: 400;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .linetable-card-productTitle {\r\n height: auto;\r\n }\r\n}\r\n\r\n.linetable-card-productDetailSection{\r\n margin: 0 16px;\r\n}\r\n.linetable-card-productDetailSection img {\r\n vertical-align: bottom;\r\n margin-right: 8px;\r\n}\r\n.linetable-card-bottomConatiner {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: end;\r\n}");const O=({modalState:n,handler:t,showFooter:r,footerNode:l,children:o,width:i,height:a,noCloseButton:d,backButton:c})=>{const u=e.useContext(A);return e.useEffect((()=>{const e=document.querySelector(".linetable-product-modal .footer-main");e&&(e.style.zIndex="10");const n=document&&document.querySelector(".modal-dialog.linetable-product-modal");n&&(n.style.maxWidth=i,n.style.padding="0",n.style.transform="none");const t=document.querySelector(".linetable-product-modal .modal-content");t&&(t.style.height=a,t.style.backgroundColor="#F7F6F5");const r=document.querySelector(".linetable-product-modal .modal-header");r&&(r.style.position="absolute",r.style.top="0",r.style.zIndex="1",r.style.maxWidth="100%",r.style.background="#f8f8f8",r.style.width="100%");const l=document.querySelector(".linetable-product-modal .modal-body");l&&(l.style.background="#f8f8f8",l.style.paddingTop="70px")}),[a]),e.createElement(s.Modal,{scrollable:!1,show:n,onHide:t,keyboard:!1,dialogClassName:"linetable-product-modal"},e.createElement(s.Modal.Header,null,c&&e.createElement("div",{style:{justifyContent:"start",cursor:"pointer"},onClick:t},e.createElement(e.Fragment,null,(null==u?void 0:u.arrowLeftRed)&&e.createElement("img",{src:null==u?void 0:u.arrowLeftRed,width:24,height:24}),e.createElement("span",{style:{color:"#DA291C"}}," ",c))),e.createElement("div",{style:{display:d?"none":"",justifyContent:"end"}},e.createElement(s.CloseButton,{className:"sr-modal-close",onClick:t}))),e.createElement(s.Modal.Body,null,o),r&&e.createElement(s.Modal.Footer,null,l))};p(".linetable-sr-def-row {\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n max-width: 1308px;\r\n width: 100%;\r\n}\r\n\r\n@media (min-width: 1024px) and (max-width: 1439px) {\r\n .linetable-sr-def-row {\r\n max-width: 972px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n .linetable-sr-def-row {\r\n max-width: 720px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .linetable-sr-def-row {\r\n max-width: 972px;\r\n }\r\n}\r\n\r\n.linetable-sr-def-row .linetable-sr-def-row {\r\n padding: 0px;\r\n max-width: 100%;\r\n}");const D=({children:n})=>e.createElement("div",{className:"linetable-sr-def-row linetable-sr-responsive-row"},n);p(".linetable-falconAccordion-section {\r\n text-align: center;\r\n}\r\n\r\n.linetable-falconAccordion-description {\r\n color: #3d3935;\r\n padding-bottom: 32px;\r\n text-align: center;\r\n}\r\n\r\n.linetable-falconAccordion-description p a {\r\n color: #da291c;\r\n}\r\n\r\n.linetable-falconAccordion-container {\r\n box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n padding: 0;\r\n}\r\n\r\n.linetable-falconAccordion-current-item {\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-current-item:first-child {\r\n border-radius: 8px 8px 0 0;\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-current-item:last-child {\r\n border-bottom: none;\r\n border-radius: 0 0 8px 8px;\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-item:hover {\r\n background-color: #f7f6f5;\r\n}\r\n\r\n.linetable-falconAccordion-wrapper {\r\n margin-left: 32px;\r\n margin-right: 32px;\r\n border-bottom: 1px solid #e6e3df;\r\n}\r\n\r\n.linetable-falconAccordion-title {\r\n color: #3d3935;\r\n font-style: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n margin-right: 28px;\r\n min-height: 24px;\r\n}\r\n\r\n.prod-card .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 24px 0;\r\n}\r\n\r\n.prod-card .accordion-body {\r\n padding: 8px 0 32px 0;\r\n color: #3d3935;\r\n text-align: left;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n\r\n.prod-card .accordion-button::after {\r\n position: absolute;\r\n top: 24px;\r\n right: 0;\r\n background-image: url('/ecom-int/icons/falcon-arrow-down.svg') !important;\r\n background-size: 24px 24px !important;\r\n background-size: unset;\r\n}\r\n\r\n.prod-card .accordion-button:not(.collapsed)::after {\r\n background-image: url('/ecom-int/icons/falcon-arrow-up.svg') !important;\r\n}\r\n\r\n.linetable-falconAccordion-disabled {\r\n opacity: 0.8;\r\n pointer-events: none;\r\n background-color: #e6e3df;\r\n}\r\n\r\n/* for mobile view */\r\n@media (max-width: 767px) {\r\n .prod-card .description {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .linetable-falconAccordion-item:hover {\r\n background-color: none;\r\n }\r\n\r\n .linetable-falconAccordion-wrapper {\r\n margin-left: 16px;\r\n margin-right: 16px;\r\n }\r\n\r\n .prod-card .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 16px 0;\r\n }\r\n\r\n .prod-card .accordion-body {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .prod-card .accordion-button::after {\r\n top: 16px;\r\n }\r\n}\r\n\r\n/* For tablet view */\r\n@media (max-width: 1023px) {\r\n .linetable-falconAccordion-wrapper {\r\n margin-left: 24px;\r\n margin-right: 24px;\r\n }\r\n}");const F=({content:n})=>{const t=null==n?void 0:n._uid;return e.createElement("div",{className:"prod-card"},e.createElement(s.Accordion,{flush:!0,defaultActiveKey:(null==n?void 0:n.alwaysOpen)?t:""},e.createElement(s.Accordion.Item,{eventKey:t,className:`${(null==n?void 0:n.disabled)&&"linetable-falconAccordion-disabled"} linetable-falconAccordion-item`},e.createElement("div",{className:"linetable-falconAccordion-wrapper"},e.createElement(s.Accordion.Header,null,e.createElement("span",{className:"linetable-falconAccordion-title"},null==n?void 0:n.title)),e.createElement(s.Accordion.Body,null,(null==n?void 0:n.bodyText)&&e.createElement(P,{content:null==n?void 0:n.bodyText}))))))},j=({content:n})=>{var t,r,l,o,i,a,d;return e.createElement("section",{className:"linetable-falconAccordion-section"},e.createElement(D,null,e.createElement(e.Fragment,null,(null==n?void 0:n.title)&&(null===(t=null==n?void 0:n.title)||void 0===t?void 0:t.length)>0&&e.createElement(T,{content:null===(r=null==n?void 0:n.title)||void 0===r?void 0:r[0]}),(null==n?void 0:n.description)&&(null===(l=null==n?void 0:n.description)||void 0===l?void 0:l.length)>0&&e.createElement("div",{className:"linetable-falconAccordion-description"},e.createElement(C,{content:null===(o=null==n?void 0:n.description)||void 0===o?void 0:o[0]})),(null==n?void 0:n.accordions)&&(null===(i=null==n?void 0:n.accordions)||void 0===i?void 0:i.length)>0&&(null===(a=null==n?void 0:n.accordions[0])||void 0===a?void 0:a.title)&&e.createElement("div",{className:"linetable-falconAccordion-container"},null===(d=null==n?void 0:n.accordions)||void 0===d?void 0:d.map((n=>e.createElement("div",{tabIndex:0,key:null==n?void 0:n._uid,className:"linetable-falconAccordion-current-item"},e.createElement(F,{content:Object.assign({},n)}))))))))},R=({content:n})=>{const t=(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";default:return""}})(null==n?void 0:n.backgroundColor),r=(e=>{switch(e){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==n?void 0:n.gradientBackground),l=(null==n?void 0:n.gradientBackground)===w?t:r;return e.createElement("div",null,n.height?e.createElement("div",{className:`d-none d-sm-block ${l}`,style:{height:`${n.height}px`}}):e.createElement("div",{className:`d-none d-sm-block ${l}`,style:{height:`${n.desktopHeight}px`}}),e.createElement("div",{className:`d-block d-sm-none ${l} `,style:{height:`${n.mobHeight}px`}}))};p(".linetable-productDetailsText {\r\n color: #da291c;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n}");p('.linetable-staticPrice-priceWrapper {\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid #E6E3DF;\r\n\tmargin: 16px 16px 0 16px;\r\n\tpadding: 8px 16px;\r\n\tfont-size: 14px;\r\n\tfont-weight: 400;\r\n\tline-height: 20px;\r\n}\r\n\r\n.linetable-staticPrice-discountPriceSection {\r\n\tcolor: #2E6199;\r\n\tmargin-right: 8px;\r\n}\r\n\r\n.linetable-staticPrice-discountedPrice {\r\n\tfont-size: 32px;\r\n\tfont-weight: 700;\r\n\tline-height: 40px;\r\n}\r\n\r\n.linetable-staticPrice-basePrice {\r\n\tfont-size: 20px;\r\n\tfont-weight: 700;\r\n\tline-height: 28px;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.linetable-staticPrice-priceStrikeout::after {\r\n\tcontent: "";\r\n\tposition: absolute;\r\n\tright: -1px;\r\n\tleft: -2px;\r\n\ttop: 50%;\r\n\twidth: 100%;\r\n\tborder-bottom: 2px solid #da291c;\r\n\ttransform: rotate(-18.22deg);\r\n}\r\n\r\n.linetable-staticPrice-noDiscountPrice {\r\n\tfont-size: 32px;\r\n\tfont-weight: 700;\r\n\tline-height: 40px;\r\n}\r\n\r\n.linetable-staticPrice-contractDescription {\r\n\tmargin-top: 6px;\r\n}\r\n\r\n.linetable-staticPrice-addToCart {\r\n\tmargin-top: 8px;\r\n\twidth: 100%;\r\n\tpadding: 10px 24px;\r\n\tborder-radius: 25px;\r\n\tbackground: #DA291C;\r\n\tcolor: #FFFFFF;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tline-height: 24px;\r\n\tborder: 0px;\r\n}\r\n\r\n.linetable-staticPrice-productDetails-priceWrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n}\r\n\r\n@media (min-width: 425px) {\r\n\t.linetable-staticPrice-productDetails-addToCart {\r\n\t\tmin-width: 120px;\r\n\t}\r\n}');const $=({content:n,addToCart:t,variant:r})=>{const l=e.useContext(A),o=()=>{x("linetable-staticPrice-priceSection",l.listLength)};e.useEffect((()=>{setTimeout((()=>{o()}),200),window.addEventListener("resize",o)}),[n]);return e.createElement("div",{className:`linetable-staticPrice-priceWrapper ${"productDetails"===r&&"linetable-staticPrice-productDetails-priceWrapper"}`},e.createElement("div",{id:`linetable-staticPrice-priceSection${null==l?void 0:l.indexKey}`},e.createElement("div",{className:"linetable-staticPrice-priceSection"},(null==n?void 0:n.isEnableDiscountPrice)&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},null==n?void 0:n.discountPriceValue),null==n?void 0:n.priceDuration),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+((null==n?void 0:n.isEnableDiscountPrice)?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},y(null==n?void 0:n.priceValue)),!(null==n?void 0:n.isEnableDiscountPrice)&&e.createElement(e.Fragment,null,null==n?void 0:n.priceDuration))),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},null==n?void 0:n.contractDescription)),e.createElement("div",null,e.createElement("button",{className:`linetable-staticPrice-addToCart ${"productDetails"===r&&"linetable-staticPrice-productDetails-addToCart"}`,onClick:()=>{"function"==typeof t&&t(n)}},null==n?void 0:n.addButton)))},Y=({content:n,updatedContent:t,modalTriggered:r,addToCart:l})=>{var o;const[i,a]=e.useState(!1),d=null==n?void 0:n.subscriptionDetailModal;let c=[],s="";d&&(null==d?void 0:d.length)>0&&(null==d||d.map((e=>{c=null==e?void 0:e.modalBody,null==e||e.productPriceVariant,s=null==e?void 0:e.backButton,null==e||e.priceChangeContent})));const u=()=>{a(!i),"function"==typeof r&&r()};return e.createElement(e.Fragment,null,i&&e.createElement(O,{modalState:i,handler:u,showFooter:!1,height:"100%",width:"883px",backButton:s},e.createElement(e.Fragment,null,null==c?void 0:c.map(((n,t)=>e.createElement(D,null,e.createElement(e.Fragment,null,"falconDescription"===(null==n?void 0:n.component)&&e.createElement(C,{content:n,key:t}),"spacer"===(null==n?void 0:n.component)&&e.createElement(R,{content:n}),"falconAccordionList"===(null==n?void 0:n.component)&&e.createElement(j,{content:n}))))),(null==n?void 0:n.isEnablePrice)&&e.createElement($,{content:n,addToCart:l,variant:"productDetails"}))),e.createElement("span",{onClick:u,className:"linetable-productDetailsText"},null!==(o=null==t?void 0:t.subscription)&&void 0!==o?o:null==t?void 0:t.subscriptionText))},M=({content:n,showPrice:t,addToCart:r})=>{var l,o,i,a,d;const c=null!==(l=null==t?void 0:t.base)&&void 0!==l?l:0;let s=null!==(a=null===(i=null===(o=null==t?void 0:t.discount)||void 0===o?void 0:o[0])||void 0===i?void 0:i.value)&&void 0!==a?a:0;null===(d=null==t?void 0:t.discount)||void 0===d||d.map((e=>{1==(null==e?void 0:e.cycleStart)&&(s=null==e?void 0:e.value)}));const u=null==t?void 0:t.contractDuration;return e.createElement("div",{className:"linetable-staticPrice-priceWrapper"},(null==t?void 0:t.base)?e.createElement(e.Fragment,null,s>0&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},y(s)),null==n?void 0:n.priceDuration),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+(s>0?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},y(c)),0===s&&(null==n?void 0:n.priceDuration)),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},u&&0!==u?e.createElement("div",null):e.createElement("div",null,null==n?void 0:n.contractDescription))):"",e.createElement("div",null,e.createElement("button",{className:"linetable-staticPrice-addToCart",onClick:r},null==n?void 0:n.addButton)))};var K={carouselContainer:"ProductTeaser-module_carouselContainer__RzBpK",arrowButton:"ProductTeaser-module_arrowButton__-AkY4",leftArrow:"ProductTeaser-module_leftArrow__Ybrjm",rightArrow:"ProductTeaser-module_rightArrow__MYs5F",stageTeaserTab:"ProductTeaser-module_stageTeaserTab__VYRxL",stageTeaserTabActive:"ProductTeaser-module_stageTeaserTabActive__Wu5nT",carousel_dot:"ProductTeaser-module_carousel_dot__zxG-A",carouselItem:"ProductTeaser-module_carouselItem__vtLwf",teaserImage:"ProductTeaser-module_teaserImage__sQ3ed",titleSection:"ProductTeaser-module_titleSection__YqXUJ",extraSpace:"ProductTeaser-module_extraSpace__HFJ2A",featureSection:"ProductTeaser-module_featureSection__T-YzP",gradiantBox:"ProductTeaser-module_gradiantBox__Eys-K",addOnSection:"ProductTeaser-module_addOnSection__G4zhX",featureList:"ProductTeaser-module_featureList__gmPS1",horizontalLine:"ProductTeaser-module_horizontalLine__Nfj9U",priceContainer:"ProductTeaser-module_priceContainer__CzBhB",priceDesc:"ProductTeaser-module_priceDesc__8Er0h"};p('/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.ProductTeaser-module_carouselContainer__RzBpK {\n position: static;\n margin-top: 32px;\n border-radius: 24px;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_arrowButton__-AkY4, .ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm, .ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F {\n background: #ffffff;\n box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\n border-radius: 24px;\n font-size: 16px;\n height: 44px;\n width: 44px;\n padding: 10px;\n position: absolute;\n border: none;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_arrowButton__-AkY4::before, .ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm::before, .ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F::before {\n color: #da291c;\n font-size: 20px;\n display: block;\n font-family: revicons;\n text-align: center;\n z-index: 2;\n position: relative;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F {\n right: 22px;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F::before {\n content: "\\e825";\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F:disabled {\n background: #E6E3DF;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm {\n left: 22px;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm::before {\n content: "\\e824";\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm:disabled {\n background: #E6E3DF;\n}\n\n.ProductTeaser-module_stageTeaserTab__VYRxL, .ProductTeaser-module_stageTeaserTabActive__Wu5nT {\n border-radius: 40px;\n border: none;\n color: #5f5955;\n background-color: #ffffff;\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n padding: 10px 24px;\n}\n\n.ProductTeaser-module_stageTeaserTabActive__Wu5nT {\n color: #ffffff;\n background: #da291c;\n}\n\n.ProductTeaser-module_carousel_dot__zxG-A {\n border-radius: 50px;\n background-color: #ffffff;\n border: 2px solid rgba(61, 57, 53, 0.25);\n padding: 1px;\n width: fit-content;\n margin: 0 auto;\n position: absolute;\n top: -24px;\n height: fit-content;\n}\n\n.ProductTeaser-module_carouselItem__vtLwf {\n position: relative;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_carouselItem__vtLwf {\n display: flex;\n justify-content: center;\n }\n .ProductTeaser-module_carouselItem__vtLwf .ProductTeaser-module_teaserImage__sQ3ed {\n min-width: 343px;\n border-radius: 24px;\n position: absolute;\n }\n}\n\n.ProductTeaser-module_titleSection__YqXUJ {\n position: absolute;\n top: 146px;\n left: 107px;\n color: #ffffff;\n font-weight: 700;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_titleSection__YqXUJ {\n max-width: 311px;\n text-align: center;\n top: 32px;\n left: unset;\n }\n}\n.ProductTeaser-module_titleSection__YqXUJ div {\n font-size: 16px;\n line-height: 24px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_titleSection__YqXUJ div {\n font-size: 14px;\n line-height: 20px;\n }\n}\n.ProductTeaser-module_titleSection__YqXUJ p {\n max-width: 412px;\n font-size: 28px;\n line-height: 36px;\n margin: 8px 0 12px 0;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_titleSection__YqXUJ p {\n font-size: 20px;\n line-height: 28px;\n max-width: 311px;\n }\n}\n.ProductTeaser-module_titleSection__YqXUJ span {\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n}\n\n@media (max-width: 767px) {\n .ProductTeaser-module_extraSpace__HFJ2A {\n top: 42px;\n }\n}\n\n.ProductTeaser-module_featureSection__T-YzP {\n position: absolute;\n right: 107px;\n top: 129px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_featureSection__T-YzP {\n right: unset;\n top: unset;\n margin-top: 397px;\n font-size: 14px;\n line-height: 20px;\n background-color: #ffffff;\n color: #3D3935;\n border-radius: 12px;\n position: relative;\n }\n}\n\n.ProductTeaser-module_gradiantBox__Eys-K, .ProductTeaser-module_addOnSection__G4zhX, .ProductTeaser-module_featureList__gmPS1 {\n border-radius: 12px;\n background: rgba(0, 0, 0, 0.2);\n backdrop-filter: blur(12.5px);\n color: #ffffff;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_gradiantBox__Eys-K, .ProductTeaser-module_addOnSection__G4zhX, .ProductTeaser-module_featureList__gmPS1 {\n background: none;\n color: unset;\n backdrop-filter: unset;\n }\n}\n\n.ProductTeaser-module_featureList__gmPS1 {\n padding: 4px 20px;\n}\n.ProductTeaser-module_featureList__gmPS1 div {\n margin: 12px 0;\n}\n.ProductTeaser-module_featureList__gmPS1 div img {\n margin-right: 10px;\n}\n.ProductTeaser-module_featureList__gmPS1 .ProductTeaser-module_horizontalLine__Nfj9U {\n opacity: 0.5;\n background: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);\n height: 1px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_featureList__gmPS1 .ProductTeaser-module_horizontalLine__Nfj9U {\n height: 1px;\n opacity: 0.2;\n background: #3D3935;\n }\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_featureList__gmPS1 {\n border-radius: 12px 12px 0px 0px;\n }\n}\n\n.ProductTeaser-module_addOnSection__G4zhX {\n padding: 16px 20px;\n margin-top: 16px;\n display: flex;\n}\n.ProductTeaser-module_addOnSection__G4zhX img {\n margin-right: 10px;\n}\n.ProductTeaser-module_addOnSection__G4zhX span {\n margin-left: auto;\n}\n.ProductTeaser-module_addOnSection__G4zhX span span {\n margin-right: 10px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_addOnSection__G4zhX {\n border-radius: 0px 0px 12px 12px;\n margin-top: 0px;\n padding: 12px 20px;\n align-items: center;\n }\n}\n\n.ProductTeaser-module_priceContainer__CzBhB {\n position: absolute;\n bottom: 40px;\n width: 100%;\n color: #ffffff;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB {\n color: #3D3935;\n position: static;\n display: flex;\n justify-content: center;\n flex-direction: column;\n padding: 16px;\n }\n}\n.ProductTeaser-module_priceContainer__CzBhB span {\n font-size: 24px;\n line-height: 32px;\n font-weight: 700;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB span {\n margin-right: unset;\n flex-direction: column;\n font-size: 20px;\n line-height: 28px;\n }\n .ProductTeaser-module_priceContainer__CzBhB span div {\n margin-bottom: 8px;\n }\n}\n.ProductTeaser-module_priceContainer__CzBhB span div {\n margin-right: 12px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB span div {\n margin-right: unset;\n }\n}\n.ProductTeaser-module_priceContainer__CzBhB span p {\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n display: inline-block;\n}\n.ProductTeaser-module_priceContainer__CzBhB span button {\n padding: 14px 24px;\n font-weight: 700;\n border: none;\n background-color: #da291c;\n color: #ffffff;\n border-radius: 28px;\n display: flex;\n align-items: center;\n}\n.ProductTeaser-module_priceContainer__CzBhB span button img {\n margin-left: 8px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB span button {\n font-size: 16px;\n line-height: 24px;\n padding: 10px 24px;\n min-width: 100%;\n display: flex;\n justify-content: center;\n }\n}\n.ProductTeaser-module_priceContainer__CzBhB .ProductTeaser-module_priceDesc__8Er0h {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB .ProductTeaser-module_priceDesc__8Er0h {\n font-size: 14px;\n line-height: 20px;\n margin-top: 8px;\n }\n}');exports.Button=({type:n,text:t,onClick:r,content:l})=>e.createElement("button",{type:"button",className:`button Button-${null==l?void 0:l.type}`,onClick:r},null==l?void 0:l.text),exports.Card=({content:n,updatedContent:t,indexKey:r,listLength:l,addToCart:o,metadata:i,modalTriggered:a,showPrice:d})=>{var c,s,u,m,p,v,g,h,b,f,y,_,E,w,T,C,k,N,S,I,z,B,O,D,F,j,R,K,q,U,V,G,W,H,J,X,Q,Z,ee,ne,te,re,le,oe,ie,ae,de,ce,se,ue,me,pe,ve,ge,he;const be=Object.assign({},null!==(u=null===(s=null===(c=null==n?void 0:n.testProductReference)||void 0===c?void 0:c[0])||void 0===s?void 0:s.reference)&&void 0!==u?u:null==n?void 0:n.reference),fe={listLength:l,indexKey:r,arrowUpIcon:null===(g=null===(v=null===(p=null===(m=null==be?void 0:be.content)||void 0===m?void 0:m.body)||void 0===p?void 0:p[0])||void 0===v?void 0:v.arrowUp)||void 0===g?void 0:g.filename,arrowDownIcon:null===(y=null===(f=null===(b=null===(h=null==be?void 0:be.content)||void 0===h?void 0:h.body)||void 0===b?void 0:b[0])||void 0===f?void 0:f.arrowDown)||void 0===y?void 0:y.filename,arrowLeftRed:null===(T=null===(w=null===(E=null===(_=null==be?void 0:be.content)||void 0===_?void 0:_.body)||void 0===E?void 0:E[0])||void 0===w?void 0:w.arrowLeftRed)||void 0===T?void 0:T.filename},xe=null!==(C=null==t?void 0:t.enableNewAddToCart)&&void 0!==C&&C,ye=e.useRef(null),_e=e.useRef(null),Ee=e.useMemo((()=>fe),[fe]),we=()=>{x("linetable-card-title",l),x("linetable-card-tooltiptxt",l),x("linetable-card-bottomConatiner",l)};return e.useEffect((()=>{setTimeout((()=>{we()}),100),null===window||void 0===window||window.addEventListener("resize",we)}),[n]),e.createElement(A.Provider,{value:Ee},e.createElement("div",{className:"linetable-card-productTeaser"},e.createElement("div",{className:"linetable-card-productContainer "},be.content&&e.createElement(e.Fragment,null,e.createElement("div",{className:"linetable-card-titleContainer",id:`linetable-card-title${r}`,ref:ye},e.createElement("div",{className:"linetable-card-prodHeading"},null===(N=null===(k=null==be?void 0:be.content)||void 0===k?void 0:k.body[0])||void 0===N?void 0:N.name),e.createElement("div",{className:"linetable-card-productTitle"},e.createElement("h3",null,null===(I=null===(S=null==be?void 0:be.content)||void 0===S?void 0:S.body[0])||void 0===I?void 0:I.displayName),(null===(O=null===(B=null===(z=null==be?void 0:be.content)||void 0===z?void 0:z.body[0])||void 0===B?void 0:B.prodImage)||void 0===O?void 0:O.filename)&&e.createElement("img",{src:null===(j=null===(F=null===(D=null==be?void 0:be.content)||void 0===D?void 0:D.body[0])||void 0===F?void 0:F.prodImage)||void 0===j?void 0:j.filename,height:15,width:20})),e.createElement("div",{className:"linetable-card-prodDescription"},e.createElement(P,{content:null===(K=null===(R=null==be?void 0:be.content)||void 0===R?void 0:R.body[0])||void 0===K?void 0:K.description}))),!(null==t?void 0:t.isPrepaidFlow)&&e.createElement("hr",null)),(null==be?void 0:be.content)&&(null===(U=null===(q=null==be?void 0:be.content)||void 0===q?void 0:q.body[0])||void 0===U?void 0:U.introText)&&e.createElement(e.Fragment,null,e.createElement("div",{className:""+(xe?"d-block":"d-none d-sm-block")},e.createElement("div",{className:"linetable-card-introText",id:`linetable-card-tooltiptxt${r}`,ref:_e},e.createElement(P,{content:null===(G=null===(V=null==be?void 0:be.content)||void 0===V?void 0:V.body[0])||void 0===G?void 0:G.introText})),e.createElement("hr",null))),null===(J=(null===(H=null===(W=null==be?void 0:be.content)||void 0===W?void 0:W.body[0])||void 0===H?void 0:H.entitlementConfig)||[])||void 0===J?void 0:J.map(((t,r)=>e.createElement(L,{content:t,product:n,key:r,indexKey:r,showEntitleValue:xe,metadata:i,modalTriggered:a}))),e.createElement("hr",null),e.createElement("div",{id:`linetable-card-bottomConatiner${r}`,className:"linetable-card-bottomConatiner"},e.createElement("div",{className:"linetable-card-productDetailSection"},(null===(ee=null===(Z=null===(Q=null===(X=null==be?void 0:be.content)||void 0===X?void 0:X.body)||void 0===Q?void 0:Q[0])||void 0===Z?void 0:Z.productDetailIcon)||void 0===ee?void 0:ee.filename)&&e.createElement("img",{src:null===(le=null===(re=null===(te=null===(ne=null==be?void 0:be.content)||void 0===ne?void 0:ne.body)||void 0===te?void 0:te[0])||void 0===re?void 0:re.productDetailIcon)||void 0===le?void 0:le.filename,width:24,height:24}),e.createElement(Y,{content:null===(ie=null===(oe=null==be?void 0:be.content)||void 0===oe?void 0:oe.body)||void 0===ie?void 0:ie[0],updatedContent:t,modalTriggered:a,addToCart:o})),e.createElement("div",null,(null===(ce=null===(de=null===(ae=null==be?void 0:be.content)||void 0===ae?void 0:ae.body)||void 0===de?void 0:de[0])||void 0===ce?void 0:ce.isEnablePrice)&&e.createElement($,{content:null===(ue=null===(se=null==be?void 0:be.content)||void 0===se?void 0:se.body)||void 0===ue?void 0:ue[0],addToCart:o,variant:"productCard"})),e.createElement("div",null,!(null===(ve=null===(pe=null===(me=null==be?void 0:be.content)||void 0===me?void 0:me.body)||void 0===pe?void 0:pe[0])||void 0===ve?void 0:ve.isEnablePrice)&&!(null==t?void 0:t.staticPrice)&&e.createElement(M,{content:null===(he=null===(ge=null==be?void 0:be.content)||void 0===ge?void 0:ge.body)||void 0===he?void 0:he[0],showPrice:d,addToCart:o}))))))},exports.CardEntitlement=L,exports.CarouselComp=n=>e.createElement(e.Fragment,null,e.createElement(u,{responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:4},tabletLarge:{breakpoint:{max:1439,min:1024},items:3},tabletMedium:{breakpoint:{max:1023,min:768},items:2},mobile:{breakpoint:{max:767,min:0},items:1}},deviceType:"desktop",ssr:!0,renderButtonGroupOutside:!0,partialVisible:!0,swipeable:!0,autoPlay:!1,shouldResetAutoplay:!1,arrows:!0},n.children),e.createElement("p",null,"compo")),exports.LineTableBasicPropConfig=v,exports.LoginModal=({toggleFun:n})=>(e.useState(!1),e.createElement("div",{className:"loginModal"},e.createElement("div",{className:"w-100 h-100 d-flex position-relative justify-content-center align-items-center"},e.createElement("div",{className:"loginContainer"},"Hi Angles Kathirvel",e.createElement("button",{onClick:n},"Close"))))),exports.ProductTeaser=({content:t})=>{var r,l,o,i,a,s;const p=null===(r=null==v?void 0:v.getInstance())||void 0===r?void 0:r.getBaseUrl(),b=null===(l=null==v?void 0:v.getInstance())||void 0===l?void 0:l.getCartUrl(),f=(()=>{const[n,t]=e.useState(0);return e.useEffect((()=>{const e=()=>{t(window.innerWidth)};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),n>=1440?"large-desktop":n<1440&&n>=1024?"desktop":n<1024&&n>=768?"tablet":n<768&&n>0?"mobile":""})(),x=null===(o=null==t?void 0:t.productTeaserSlides)||void 0===o?void 0:o.map((e=>null==e?void 0:e.tabTitle)),[_,E]=e.useState(!1),[w,T]=e.useState([]),P=()=>{E(!_)},C=[];null===(i=(null==t?void 0:t.productTeaserSlides)||[])||void 0===i||i.forEach(((e,n)=>{var t,r;(null==e?void 0:e.productId)&&0===(null===(t=C.filter((n=>n.id===(null==e?void 0:e.productId))))||void 0===t?void 0:t.length)&&C.push({id:null==e?void 0:e.productId,promoIds:[(null==e?void 0:e.promoId)?null==e?void 0:e.promoId:"fixnet"===(null==e?void 0:e.productType)?"defaultWirelineBundle":"defaultMobilePostpaidBundle"]}),(null==e?void 0:e.tvProductId)&&0===(null===(r=C.filter((n=>n.id===(null==e?void 0:e.tvProductId))))||void 0===r?void 0:r.length)&&C.push({id:null==e?void 0:e.tvProductId,promoIds:[(null==e?void 0:e.promoId)?null==e?void 0:e.promoId:"defaultWirelineBundle"]})})),e.useEffect((()=>{var e,t;0===(null==w?void 0:w.length)&&(e=C,t=p,S(void 0,void 0,void 0,(function*(){try{localStorage.removeItem("entertainment");const r={headers:{"x-correlation-id":c.v4(),"x-sunrise-channel":g}},l=t+h,o=yield n.ApiServiceV2.getApiServiceInstance().post(l,e,r).then((e=>{if(200==e.status)return null==e?void 0:e.data}));if(o.error)return o.error;{const e=[];return null==o||o.forEach((n=>{e[n.id]=n})),e}}catch(e){console.log("error---\x3e",e)}}))).then((e=>{e&&Object.keys(e).length>0&&T(e)})).catch((e=>{console.log("error---\x3e",e)}))}),[]);const k=n=>{var t,r,l,o,i,a,c,s,u,m,p,v;return e.createElement("div",{className:K.priceContainer},(null===(l=null===(r=null===(t=w[null==n?void 0:n.productId])||void 0===t?void 0:t.prices)||void 0===r?void 0:r[0])||void 0===l?void 0:l.value)>0&&(null===(a=null===(i=null===(o=w[null==n?void 0:n.tvProductId])||void 0===o?void 0:o.prices)||void 0===i?void 0:i[0])||void 0===a?void 0:a.value)>0&&e.createElement("span",null,e.createElement("div",null,"CHF"," ",y(_?null===(u=null===(s=null===(c=w[null==n?void 0:n.tvProductId])||void 0===c?void 0:c.prices)||void 0===s?void 0:s[0])||void 0===u?void 0:u.value:null===(v=null===(p=null===(m=w[null==n?void 0:n.productId])||void 0===m?void 0:m.prices)||void 0===p?void 0:p[0])||void 0===v?void 0:v.value),e.createElement("p",null,null==n?void 0:n.conDuration)),e.createElement("button",{onClick:()=>(e=>{if("fixnet"===(null==e?void 0:e.productType)){const n=localStorage.getItem("lineCheckResponse"),t=n&&JSON.parse(n),r=d.get("chAddressJson"),l=d.get("one-commerce-linecheckcorrelationid"),o=_?null==e?void 0:e.tvProductId:null==e?void 0:e.productId;t&&r&&l&&0!==Object.keys(w).length&&z([w[o]],"",(null==e?void 0:e.promoId)?null==e?void 0:e.promoId:"defaultWirelineBundle",b,null==e?void 0:e.productType).then((e=>{d.remove("one-commerce-cartId",{path:"/"}),d.set("one-commerce-cartId",null==e?void 0:e.id,{path:"/"}),d.set("cartProduct",o,{path:"/"}),d.remove("landline")})).catch((e=>{console.log(e)}))}else"mobile"===(null==e?void 0:e.productType)&&0!==Object.keys(w).length&&z([w[null==e?void 0:e.productId]],"",(null==e?void 0:e.promoId)?null==e?void 0:e.promoId:"defaultMobilePostpaidBundle",b,null==e?void 0:e.productType).then((n=>{d.remove("one-commerce-cartId",{path:"/"}),d.set("one-commerce-cartId",null==n?void 0:n.id,{path:"/"}),d.set("cartProduct",null==e?void 0:e.productId,{path:"/"})})).catch((e=>{console.log(e)}))})(n)},null==n?void 0:n.buttonLbl)),e.createElement("div",{className:K.priceDesc},null==n?void 0:n.priceDesc))};return e.createElement("div",{className:"position-relative"},e.createElement(u,{responsive:{desktop:{breakpoint:{max:3e3,min:1024},items:1},tablet:{breakpoint:{max:1024,min:464},items:1},mobile:{breakpoint:{max:464,min:0},items:1}},autoPlay:!1,shouldResetAutoplay:!1,showDots:1!==(null===(a=null==t?void 0:t.productTeaserSlides)||void 0===a?void 0:a.length),customDot:e.createElement((n=>{const{onClick:t,active:r,index:l}=n;return e.createElement("button",{className:r?K.stageTeaserTabActive:K.stageTeaserTab,onClick:()=>t()},x[l])}),null),dotListClass:K.carousel_dot,itemClass:K.carouselItem,ssr:!0,arrows:!1,containerClass:K.carouselContainer,sliderClass:K.sliderClass,customButtonGroup:e.createElement((n=>{var r,l,o;return e.createElement(e.Fragment,null,(null===(r=null==t?void 0:t.productTeaserSlides)||void 0===r?void 0:r.length)>1&&"mobile"!==f&&e.createElement("div",{style:{textAlign:"center"}},e.createElement("button",{disabled:0===(null===(l=null==n?void 0:n.carouselState)||void 0===l?void 0:l.currentSlide),className:K.leftArrow,onClick:n.previous}),e.createElement("button",{disabled:(null===(o=null==n?void 0:n.carouselState)||void 0===o?void 0:o.currentSlide)+1===(null==n?void 0:n.carouselState.totalItems),className:K.rightArrow,onClick:n.next})))}),null)},null===(s=(null==t?void 0:t.productTeaserSlides)||[])||void 0===s?void 0:s.map((n=>{var r,l,o,i,a,d,c;return e.createElement("div",{className:K.carouselItem},("large-desktop"===f||"desktop"===f)&&e.createElement("img",{src:null===(r=null==n?void 0:n.desktopBGImage)||void 0===r?void 0:r.filename,alt:"",width:"100%",height:"550px",className:K.teaserImage}),"tablet"===f&&e.createElement("img",{src:null===(l=null==n?void 0:n.tabBGImage)||void 0===l?void 0:l.filename,alt:"",width:"100%",height:"550px",className:K.teaserImage}),"mobile"===f&&e.createElement("img",{src:null===(o=null==n?void 0:n.mobileBGImage)||void 0===o?void 0:o.filename,alt:"",width:"343px",height:"500px",className:K.teaserImage}),e.createElement("span",{className:`${K.titleSection} ${(null===(i=null==t?void 0:t.productTeaserSlides)||void 0===i?void 0:i.length)>1&&K.extraSpace}`},e.createElement("div",null,null==n?void 0:n.heading),e.createElement("p",null,null==n?void 0:n.subHeading),e.createElement("span",null,null==n?void 0:n.description)),e.createElement("div",{className:K.featureSection},e.createElement("div",{className:K.featureList},null===(a=(null==n?void 0:n.details)||[])||void 0===a?void 0:a.map(((n,t)=>{var r;return e.createElement(e.Fragment,null,t>0&&"mobile"!==f&&e.createElement("div",{className:K.horizontalLine}),e.createElement("div",null,e.createElement("img",{src:null===(r=null==n?void 0:n.icon)||void 0===r?void 0:r.filename,alt:"",width:24,height:24}),null==n?void 0:n.text))}))),"mobile"===f&&"fixnet"===(null==n?void 0:n.productType)&&e.createElement("hr",{style:{margin:"0px 16px"}}),"fixnet"===(null==n?void 0:n.productType)&&e.createElement("div",{className:K.addOnSection},null===(c=null===(d=null==n?void 0:n.tvDetails)||void 0===d?void 0:d[0])||void 0===c?void 0:c.text,e.createElement("span",{className:"d-flex align-items-center"},e.createElement("span",null,null==n?void 0:n.tvPrice),e.createElement(m,null,e.createElement(m.Check,{type:"switch",readOnly:!0,onClick:P,checked:_})))),"mobile"===f&&e.createElement(e.Fragment,null,e.createElement("hr",{style:{margin:"0px 16px"}}),k(n))),"mobile"!==f&&e.createElement(e.Fragment,null,k(n)))}))))};
2
2
  //# sourceMappingURL=index.js.map
package/dist/cjs/services/LineTableBasicPropConfig.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export interface LineTableBasicPropConfigSchema {
2
2
  baseURL: string | '';
3
+ cartURL: string | '';
3
4
  }
4
5
  export declare class LineTableBasicPropConfig {
5
6
  private static instance;
@@ -7,6 +8,7 @@ export declare class LineTableBasicPropConfig {
7
8
  private constructor();
8
9
  getConfig: () => LineTableBasicPropConfigSchema;
9
10
  getBaseUrl: () => string;
11
+ getCartUrl: () => string;
10
12
  static getInstance: () => LineTableBasicPropConfig;
11
13
  static create: (p_config: LineTableBasicPropConfigSchema) => void;
12
14
  }
package/dist/cjs/services/LineTableService.d.ts CHANGED
@@ -1 +1,3 @@
1
1
  export declare const fetchCountryList: (name: string, lang: string, url: string, TTL: number) => Promise<any>;
2
+ export declare const fetchOfferingDataV2: (params: any, url: any) => Promise<any>;
3
+ export declare const createCartV2: (productData: any, radioValue: string, defaultPromo: string, cartUrl: string, productType: string) => Promise<any>;
package/dist/cjs/services/api-constants.d.ts CHANGED
@@ -1 +1,6 @@
1
1
  export declare const API_BASE_BASEPOINT: any;
2
+ export declare const APIResourceConstants: {
3
+ X_SUN_CHAL: string;
4
+ LINE_TABLEV2: string;
5
+ CREATE_CARTV2: string;
6
+ };
package/dist/cjs/utils/constants.d.ts CHANGED
@@ -8,3 +8,4 @@ export declare const FALCONDESCRIPTIONLIST = "falconAccordionList";
8
8
  export declare const SPACER = "spacer";
9
9
  export declare const COUNTRYLISTCOMPONENT = "countryListComponent";
10
10
  export declare const SBCONSTANT = "sbstaticcontent";
11
+ export declare const CHF = "CHF";
package/dist/cjs/utils/utils.d.ts CHANGED
@@ -6,3 +6,5 @@ export declare const countZero: (value: any) => any;
6
6
  export declare const setLocalStoreWithExpiry: (key: string, value: any, ttl?: any) => void;
7
7
  export declare const getLocalStorageWithExpiry: (key: string) => any;
8
8
  export declare const removeLocalStorage: (key: string) => void;
9
+ export declare const viewport: () => string;
10
+ export declare const getCookies: (cname: string) => any;
package/dist/esm/components/ProductTeaser/ProductTeaser.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC } from "react";
2
+ declare const ProductTeaser: FC<any>;
3
+ export default ProductTeaser;
package/dist/esm/components/ProductTeaser/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export { default } from './ProductTeaser';
package/dist/esm/components/index.d.ts CHANGED
@@ -3,3 +3,4 @@ export { default as LoginModal } from './login';
3
3
  export { default as Card } from './CardComp';
4
4
  export { default as CardEntitlement } from './CardEntitlement';
5
5
  export { default as CarouselComp } from './CarouselComp';
6
+ export { default as ProductTeaser } from './ProductTeaser';
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import e,{useState as n,useEffect as t,useRef as l,useContext as r,useMemo as i}from"react";import{CMSStoryblokServiceV2 as a}from"@sunrise-upc/ajax-lib";import o from"react-bootstrap/Modal";import c from"react-bootstrap/CloseButton";import{render as d}from"storyblok-rich-text-react-renderer-ts";import s from"react-bootstrap/Container";import m from"react-bootstrap/Row";import u from"react-bootstrap/Col";import{Modal as p,CloseButton as v,Accordion as b}from"react-bootstrap";import g from"react-multi-carousel";function h(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===t&&l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}h(".Button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n min-width: 32px;\r\n min-height: 32px;\r\n background-color: aliceblue;\r\n}\r\n\r\n.Button-primary {\r\n background-color: aqua; \r\n}\r\n.Button-secondary{\r\n background-color: burlywood;\r\n}\r\n.Button-error {\r\n background-color: red;\r\n}");class f{constructor(e){this.config={baseURL:""},this.getConfig=()=>this.config,this.getBaseUrl=()=>{var e,n;return null!==(n=null===(e=this.config)||void 0===e?void 0:e.baseURL)&&void 0!==n?n:""},this.config=e}}f.getInstance=()=>f.instance,f.create=e=>{f.instance=new f(e)};const x=({type:n,text:t,onClick:l,content:r})=>e.createElement("button",{type:"button",className:`button Button-${null==r?void 0:r.type}`,onClick:l},null==r?void 0:r.text);h(".loginModal {\r\n\talign-items: center;\r\n\tbackground-color: rgba(87, 84, 82, 0.4);\r\n\tcolor: #333333;\r\n\tdisplay: flex;\r\n\theight: 100%;\r\n\tjustify-content: center;\r\n\tleft: 0;\r\n\tpadding: 16px;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\ttransition: opacity 3s;\r\n\twidth: 100%;\r\n\tz-index: 11;\r\n}\r\n.loginContainer {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 32px 32px 34px;\r\n background-color: #ffff;\r\n max-width: 500px;\r\n width: 100%;\r\n box-shadow: -1px 18px 25px 5px rgba(87, 84, 82, 0.4);\r\n }\r\n");const y=({toggleFun:t})=>(n(!1),e.createElement("div",{className:"loginModal"},e.createElement("div",{className:"w-100 h-100 d-flex position-relative justify-content-center align-items-center"},e.createElement("div",{className:"loginContainer"},"Hi Angles Kathirvel",e.createElement("button",{onClick:t},"Close")))));h('@import "bootstrap/dist/css/bootstrap.linetable-countryOverlay-css";\r\n\r\n.linetable-countryOverlay-linkTextNew {\r\n color: #da291c;\r\n margin-left: 32px;\r\n margin-bottom: 4px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n\r\n.linetable-countryOverlay-utils-noWrap {\r\n white-space: nowrap;\r\n}\r\n\r\n.linetable-countryOverlay-utils-colWidth {\r\n max-width: 210px;\r\n}\r\n\r\n.linetable-countryOverlay-contain {\r\n display: flex;\r\n align-items: first baseline;\r\n padding-top: 10px;\r\n}\r\n\r\n.linetable-countryOverlay-image {\r\n width: 24px;\r\n height: 16px;\r\n}\r\n\r\n.linetable-countryOverlay-name {\r\n color: #000000;\r\n align-items: center;\r\n padding-left: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 32px;\r\n}\r\n.linetable-countryOverlay-blackthemecolor {\r\n color: #ffffff !important;\r\n}\r\n\r\n.linetable-countryOverlay-desktopView {\r\n display: block;\r\n}\r\n.linetable-countryOverlay-mobView {\r\n display: none;\r\n}\r\n@media (max-width: 767px) {\r\n .linetable-countryOverlay-linkTextNew {\r\n font-size: 14px;\r\n line-height: 24px;\r\n }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n .linetable-countryOverlay-desktopView {\r\n display: block;\r\n }\r\n .linetable-countryOverlay-mobView {\r\n display: none;\r\n }\r\n}\r\n@media (max-width: 1023px) {\r\n .linetable-countryOverlay-desktopView {\r\n display: none;\r\n }\r\n .linetable-countryOverlay-mobView {\r\n display: block;\r\n width: 100%;\r\n }\r\n}\r\n');const E=e=>{switch(e){case"grey-600":return"falcon-grey-600";case"grey-500":return"falcon-grey-500";case"grey-100":return"falcon-grey-100";case"grey-400":return"falcon-grey-400";case"ice-white":return"falcon-ice-white";default:return""}},w=(e,n)=>{const t=[];let l,r,i=0;[...Array(n)].forEach((()=>{r=document.getElementById(`${e}${i}`),null!=r&&(r.style.height="unset",t.push(null==r?void 0:r.clientHeight),i++)})),l=Math.max(...t),i=0,[...Array(n)].forEach((()=>{r=document.getElementById(`${e}${i}`),null!=r&&(r.style.height=`${l}px`),i++}))},k=e=>{e=Number(e);let n=0;return n=new RegExp("^[0-9][^.]*$").test(e.toString())?e+".-":e.toFixed(2).replace(/\.00$/,""),n},C=e=>{const n=localStorage.getItem(e),t=new Date;if(!n)return null;let l={};try{if(l=JSON.parse(n),l.expiry&&t.getTime()>l.expiry)return N(e),null}catch(e){return n}return null==l?void 0:l.value},N=e=>{localStorage.removeItem(e)},P="none";h(".dbold {\r\n font-weight: 500;\r\n font-size: 40px;\r\n line-height: 60px;\r\n}\r\n");const T=({content:n})=>{var t;const l=E((null==n?void 0:n.textColor)&&n.textColor),r=(null==n?void 0:n.textColor)&&n.textColor!=P?l:"",i=(null==n?void 0:n.textColor)&&n.textColor===P?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{};return e.createElement(e.Fragment,null,n.headingStyle&&n.text&&"h1"===n.headingStyle?e.createElement("h1",{className:r,style:Object.assign({},i)},n.text," "):"h2"===n.headingStyle?e.createElement("h2",{className:`${r}`,style:Object.assign({},i)},n.text):"h3"===n.headingStyle?e.createElement("h3",{className:r,style:Object.assign({},i)},n.text):"h4"===n.headingStyle?e.createElement("h4",{className:r,style:Object.assign({},i)},n.text):e.createElement("div",{className:"dbold",style:Object.assign({},i)},n.text))},D=n=>e.createElement("div",null,d(n.content,{markResolvers:{link:(t,l)=>{const{href:r,target:i,linktype:a}=l;return"email"===a?e.createElement("a",{href:`mailto:${r}`,target:null===i||"_self"===i?"_top":"_blank"},t):n.isIFrame?e.createElement("a",{href:r,target:null===i||"_self"===i?"_top":"_blank"},t):e.createElement("a",{href:r,target:null===i?"":i},t)}}})),O=({content:n})=>{var t;const l=E(n.textColor);return e.createElement(e.Fragment,null,e.createElement("div",{className:`d-inline-flex align-${n.textElementPosition}`},n.icon&&n.icon.filename&&e.createElement("img",{src:n.icon&&n.icon.filename,alt:n.icon&&n.icon.alt,title:n.icon&&n.icon.title,height:24,width:24}),n.text&&e.createElement("div",{className:`${n.icon&&n.icon.filename} ${n.textColor&&n.textColor!=P?l:""}`,style:Object.assign({},n.textColor&&n.textColor===P?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{})},e.createElement(D,{content:n.text}))))};h(".linetable-country-overlayModal {\r\n max-width: 900px;\r\n padding: 1rem 2rem;\r\n}\r\n");const F=({children:l,modalState:r,handler:i,noCloseButton:a,showBackBtn:d,overlay:s})=>{const[m,u]=n(),[p,v]=n();return t((()=>{s.map((e=>{var n;null===(n=null==e?void 0:e.content)||void 0===n||n.body.map((e=>{"falconTitle"==(null==e?void 0:e.component)&&u(e),"falconDescription"==(null==e?void 0:e.component)&&v(e)}))}))}),[s]),e.createElement(e.Fragment,null,e.createElement(o,{centered:!0,show:r,onHide:i,keyboard:!1,dialogClassName:"linetable-country-overlayModal"},e.createElement(o.Header,null,e.createElement("div",{style:{display:a?"none":""}},e.createElement("div",{className:"d-flex align-items-center"},d&&e.createElement("div",{className:"me-sm-4 me-3 d-flex align-items-center",onClick:i},e.createElement("img",{src:"../../icons/left_arrow.svg"})),m&&e.createElement(T,{content:m}))),e.createElement("div",{style:{display:a?"none":""}},e.createElement(c,{className:"sr-modal-close",onClick:i}))),e.createElement(o.Body,null,l),e.createElement(o.Footer,null,p&&e.createElement(O,{content:p}))))};h(".linetable-dotLoader-loaderParent {\r\n width: 100%;\r\n position: fixed;\r\n z-index: 3;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.linetable-dotLoader-dotClass {\r\n justify-content: center;\r\n display: flex;\r\n z-index: 1;\r\n}\r\n.linetable-dotLoader-dotContent {\r\n display: flex;\r\n justify-content: center;\r\n animation: contentplay 2s linear 0s infinite;\r\n}\r\n@keyframes dotplay {\r\n 0%,\r\n 20% {\r\n transform: translateY(0);\r\n }\r\n 10% {\r\n transform: translateY(-20px);\r\n }\r\n}\r\n.linetable-dotLoader-dots:nth-child(1) {\r\n animation-delay: 0.4s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(2) {\r\n animation-delay: 0.8s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(3) {\r\n animation-delay: 1.2s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(4) {\r\n animation-delay: 1.6s;\r\n}\r\n.linetable-dotLoader-dots {\r\n margin: 5px 2px;\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n animation: dotplay 2s linear 0s infinite;\r\n}\r\n@keyframes contentplay {\r\n 0% {\r\n opacity: 0.2;\r\n }\r\n 30% {\r\n opacity: 1;\r\n }\r\n}\r\n");const S=({keyParams:l})=>{const[r,i]=n(0),[a,o]=n({}),c={checkout:[null==a?void 0:a.uspFreeShipping,null==a?void 0:a.uspBestService,null==a?void 0:a.uspCheckout],loading:[null==a?void 0:a.loading]},d=l?c[`${l}`]:c.checkout;return t((()=>{o(C("sbstaticcontent"))}),[]),t((()=>{let e=d.length-1;i(e);const n=setInterval((()=>{i(e--),e<0&&(e=d.length-1)}),2e3);return()=>{clearTimeout(n)}}),[]),e.createElement("div",{className:"d-flex align-items-center justify-content-center linetable-dotLoader-loaderParent"},e.createElement("div",{className:"linetable-dotLoader-dotClass"},e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"})),e.createElement("div",null,e.createElement("h4",{className:"linetable-dotLoader-dotContent"},d[r]," ")))};function $(e,n,t,l){return new(t||(t=Promise))((function(r,i){function a(e){try{c(l.next(e))}catch(e){i(e)}}function o(e){try{c(l.throw(e))}catch(e){i(e)}}function c(e){var n;e.done?r(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(a,o)}c((l=l.apply(e,n||[])).next())}))}const z=(e,n,t,l)=>$(void 0,void 0,void 0,(function*(){var r;const i=C(`${e}_${n}_countryData`);if(i)return i;try{const i={language:n,type:"B2C"},o=null===(r=(yield a.get(t,i)).data)||void 0===r?void 0:r.stories;return o&&o.length>0&&((e,n,t)=>{let l=null;const r=new Date;l={value:n,expiry:t?r.getTime()+t:null},localStorage.setItem(e,JSON.stringify(l))})(`${e}_${n}_countryData`,o,l),o}catch(e){return console.error(e),e}})),A=({linkText:l,product:r,metadata:i,modalTriggered:a})=>{var o,c,d;const[p,v]=n(!1),[b,g]=n([]),[h,x]=n(!0),[y,E]=n(),[w,k]=n([]),C=null!==(d=null===(c=null===(o=null==r?void 0:r.testProductReference)||void 0===o?void 0:o[0])||void 0===c?void 0:c.reference)&&void 0!==d?d:null==r?void 0:r.reference;let N;t((()=>{b&&b.length>0&&b.map((e=>{var n;null===(n=null==e?void 0:e.content)||void 0===n||n.body.map((e=>{"countryListComponent"==(null==e?void 0:e.component)&&k(null==e?void 0:e.countryValues)}))}))}),[b]),t((()=>{(null==w?void 0:w.length)>0&&(N=w.length,E(Math.ceil(N/3)))}),[w]);return e.createElement(e.Fragment,null,e.createElement(F,{modalState:p,handler:()=>{v(!1),"function"==typeof a&&a()},overlay:b},h&&e.createElement(S,{keyParams:"loading"}),!h&&e.createElement(e.Fragment,null,e.createElement(s,{className:"linetable-countryOverlay-desktopView"},e.createElement("div",null,e.createElement(m,{className:"linetable-countryOverlay-utils-noWrap"},e.createElement(u,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(m,null,w.slice(0,y).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))),e.createElement(u,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(m,null,w.slice(y,2*y).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))),e.createElement(u,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(m,null,w.slice(2*y,3*y).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name))))))))),e.createElement(s,{className:"linetable-countryOverlay-mobView"},e.createElement(m,null,e.createElement(u,null,e.createElement(m,null,w.map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))))))),e.createElement("span",{onClick:()=>{var e,n,t,l,r,o;v(!p),"function"==typeof a&&a();const c=null===(r=null===(l=null===(t=null===(n=null===(e=null==C?void 0:C.content)||void 0===e?void 0:e.body)||void 0===n?void 0:n[0])||void 0===t?void 0:t.countryList)||void 0===l?void 0:l.cached_url)||void 0===r?void 0:r.replace(null==i?void 0:i.lang,""),d=null==c?void 0:c.replace("//",""),s=`${null===(o=null==f?void 0:f.getInstance())||void 0===o?void 0:o.getBaseUrl()}rest/cms/stories/?by_slugs=${d}`,m=null==C?void 0:C.name;z(m,null==i?void 0:i.lang,s,864e5).then((e=>{e&&e.length>0&&g(e),x(!1)}))},className:"linetable-countryOverlay-linkTextNew display-5"},l))};h(".linetable-CardEntitlement-mobileProductEntitlement {\r\n margin: 0;\r\n padding: 0 16px 0 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementValue {\r\n display: flex;\r\n margin-bottom: 4px;\r\n align-items: center;\r\n font-size: 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementIcon {\r\n align-self: flex-start;\r\n margin-right: 8px;\r\n}\r\n\r\n.linetable-CardEntitlement-entitlementIcon img {\r\n vertical-align: sub;\r\n}\r\n.linetable-CardEntitlement-animationTitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #3d3935;\r\n font-weight: 700;\r\n margin-bottom: auto;\r\n}\r\n.linetable-CardEntitlement-entitlementContent {\r\n display: inline-flex;\r\n margin-bottom: 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementDescription {\r\n color: #3d3935;\r\n margin-left: 32px;\r\n margin-bottom: 4px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n width: calc(100% - 32px);\r\n}\r\n");const L=e.createContext({indexKey:0,listLength:0,arrowUpIcon:"",arrowDownIcon:"",arrowLeftRed:""}),B=({content:n,product:i,indexKey:a,showEntitleValue:o,metadata:c,modalTriggered:d})=>{var s,m,u,p;const v=l(null),b=r(L),g=()=>{w(`linetable-CardEntitlement-entitlementSection${b.indexKey}`,b.listLength)};return t((()=>{setTimeout((()=>{(null==v?void 0:v.current)&&g()}),200),window.addEventListener("resize",g)}),[n]),e.createElement("div",{className:"linetable-CardEntitlement-mobileProductEntitlement",id:`linetable-CardEntitlement-entitlementSection${a}${b.indexKey}`,ref:v},e.createElement("div",{className:"row linetable-CardEntitlement-entitlementContent"},e.createElement("div",{className:"linetable-CardEntitlement-entitlementValue "},e.createElement(e.Fragment,null,(null==n?void 0:n.isblacktheme)?e.createElement(e.Fragment,null,(null===(s=null==n?void 0:n.blackFridayentitlementIcon)||void 0===s?void 0:s.filename)&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementIcon"},e.createElement("img",{src:null===(m=null==n?void 0:n.blackFridayentitlementIcon)||void 0===m?void 0:m.filename,width:20,height:20}))):e.createElement(e.Fragment,null,(null===(u=null==n?void 0:n.entitlementIcon)||void 0===u?void 0:u.filename)&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementIcon"},e.createElement("img",{src:null===(p=null==n?void 0:n.entitlementIcon)||void 0===p?void 0:p.filename,width:20,height:20}))),e.createElement("span",{className:"linetable-CardEntitlement-animationTitle entitlementDisplay"},null==n?void 0:n.entitlementName))),e.createElement("div",{className:"d-block"},n.entitlementDescription&&o&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementDescription"},null==n?void 0:n.entitlementDescription),(null==n?void 0:n.linkText)&&e.createElement(A,{product:i,linkText:null==n?void 0:n.linkText,metadata:c,modalTriggered:d}))))};h(".linetable-card-linetable-card-flexGrid {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.linetable-card-productContainer {\r\n background-color: #fff;\r\n padding: 24px 0 16px;\r\n text-align: left;\r\n height: 100%;\r\n border-radius: 8px;\r\n}\r\n.linetable-card-productContainer hr {\r\n margin: 16px;\r\n}\r\n.linetable-card-introText {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n color: #587467;\r\n}\r\n.linetable-card-productTeaser {\r\n background-color: #fff;\r\n border-radius: 8px;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 4px 12px 0px #57545233;\r\n}\r\n.linetable-card-prodHeading {\r\n font-size: 14px;\r\n line-height: 20px;\r\n color: #606060;\r\n font-weight: bold;\r\n margin-bottom: 4px;\r\n}\r\n.linetable-card-titleContainer {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n.linetable-card-productTitle {\r\n color: #1e1e1e;\r\n font-weight: bold;\r\n margin-bottom: 4px;\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n}\r\n.linetable-card-productTitle > h1,\r\n.linetable-card-productTitle > h2,\r\n.linetable-card-productTitle > h3,\r\n.linetable-card-productTitle > h4,\r\n.linetable-card-productTitle > h5,\r\n.linetable-card-productTitle > h6 {\r\n color: #1e1e1e !important;\r\n}\r\n.linetable-card-productTitle > h3 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n}\r\n.linetable-card-productTitle > h2 {\r\n margin-right: 8px;\r\n}\r\n.linetable-card-prodDescription {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #333333;\r\n display: flex;\r\n font-weight: 400;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .linetable-card-productTitle {\r\n height: auto;\r\n }\r\n}\r\n\r\n.linetable-card-productDetailSection{\r\n margin: 0 16px;\r\n}\r\n.linetable-card-productDetailSection img {\r\n vertical-align: bottom;\r\n margin-right: 8px;\r\n}\r\n.linetable-card-bottomConatiner {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: end;\r\n}");const I=({modalState:n,handler:l,showFooter:i,footerNode:a,children:o,width:c,height:d,noCloseButton:s,backButton:m})=>{const u=r(L);return t((()=>{const e=document.querySelector(".linetable-product-modal .footer-main");e&&(e.style.zIndex="10");const n=document&&document.querySelector(".modal-dialog.linetable-product-modal");n&&(n.style.maxWidth=c,n.style.padding="0",n.style.transform="none");const t=document.querySelector(".linetable-product-modal .modal-content");t&&(t.style.height=d,t.style.backgroundColor="#F7F6F5");const l=document.querySelector(".linetable-product-modal .modal-header");l&&(l.style.position="absolute",l.style.top="0",l.style.zIndex="1",l.style.maxWidth="100%",l.style.background="#f8f8f8",l.style.width="100%");const r=document.querySelector(".linetable-product-modal .modal-body");r&&(r.style.background="#f8f8f8",r.style.paddingTop="70px")}),[d]),e.createElement(p,{scrollable:!1,show:n,onHide:l,keyboard:!1,dialogClassName:"linetable-product-modal"},e.createElement(p.Header,null,m&&e.createElement("div",{style:{justifyContent:"start",cursor:"pointer"},onClick:l},e.createElement(e.Fragment,null,(null==u?void 0:u.arrowLeftRed)&&e.createElement("img",{src:null==u?void 0:u.arrowLeftRed,width:24,height:24}),e.createElement("span",{style:{color:"#DA291C"}}," ",m))),e.createElement("div",{style:{display:s?"none":"",justifyContent:"end"}},e.createElement(v,{className:"sr-modal-close",onClick:l}))),e.createElement(p.Body,null,o),i&&e.createElement(p.Footer,null,a))};h(".linetable-sr-def-row {\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n max-width: 1308px;\r\n width: 100%;\r\n}\r\n\r\n@media (min-width: 1024px) and (max-width: 1439px) {\r\n .linetable-sr-def-row {\r\n max-width: 972px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n .linetable-sr-def-row {\r\n max-width: 720px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .linetable-sr-def-row {\r\n max-width: 972px;\r\n }\r\n}\r\n\r\n.linetable-sr-def-row .linetable-sr-def-row {\r\n padding: 0px;\r\n max-width: 100%;\r\n}");const j=({children:n})=>e.createElement("div",{className:"linetable-sr-def-row linetable-sr-responsive-row"},n);h(".linetable-falconAccordion-section {\r\n text-align: center;\r\n}\r\n\r\n.linetable-falconAccordion-description {\r\n color: #3d3935;\r\n padding-bottom: 32px;\r\n text-align: center;\r\n}\r\n\r\n.linetable-falconAccordion-description p a {\r\n color: #da291c;\r\n}\r\n\r\n.linetable-falconAccordion-container {\r\n box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n padding: 0;\r\n}\r\n\r\n.linetable-falconAccordion-current-item {\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-current-item:first-child {\r\n border-radius: 8px 8px 0 0;\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-current-item:last-child {\r\n border-bottom: none;\r\n border-radius: 0 0 8px 8px;\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-item:hover {\r\n background-color: #f7f6f5;\r\n}\r\n\r\n.linetable-falconAccordion-wrapper {\r\n margin-left: 32px;\r\n margin-right: 32px;\r\n border-bottom: 1px solid #e6e3df;\r\n}\r\n\r\n.linetable-falconAccordion-title {\r\n color: #3d3935;\r\n font-style: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n margin-right: 28px;\r\n min-height: 24px;\r\n}\r\n\r\n.prod-card .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 24px 0;\r\n}\r\n\r\n.prod-card .accordion-body {\r\n padding: 8px 0 32px 0;\r\n color: #3d3935;\r\n text-align: left;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n\r\n.prod-card .accordion-button::after {\r\n position: absolute;\r\n top: 24px;\r\n right: 0;\r\n background-image: url('/ecom-int/icons/falcon-arrow-down.svg') !important;\r\n background-size: 24px 24px !important;\r\n background-size: unset;\r\n}\r\n\r\n.prod-card .accordion-button:not(.collapsed)::after {\r\n background-image: url('/ecom-int/icons/falcon-arrow-up.svg') !important;\r\n}\r\n\r\n.linetable-falconAccordion-disabled {\r\n opacity: 0.8;\r\n pointer-events: none;\r\n background-color: #e6e3df;\r\n}\r\n\r\n/* for mobile view */\r\n@media (max-width: 767px) {\r\n .prod-card .description {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .linetable-falconAccordion-item:hover {\r\n background-color: none;\r\n }\r\n\r\n .linetable-falconAccordion-wrapper {\r\n margin-left: 16px;\r\n margin-right: 16px;\r\n }\r\n\r\n .prod-card .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 16px 0;\r\n }\r\n\r\n .prod-card .accordion-body {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .prod-card .accordion-button::after {\r\n top: 16px;\r\n }\r\n}\r\n\r\n/* For tablet view */\r\n@media (max-width: 1023px) {\r\n .linetable-falconAccordion-wrapper {\r\n margin-left: 24px;\r\n margin-right: 24px;\r\n }\r\n}");const V=({content:n})=>{const t=null==n?void 0:n._uid;return e.createElement("div",{className:"prod-card"},e.createElement(b,{flush:!0,defaultActiveKey:(null==n?void 0:n.alwaysOpen)?t:""},e.createElement(b.Item,{eventKey:t,className:`${(null==n?void 0:n.disabled)&&"linetable-falconAccordion-disabled"} linetable-falconAccordion-item`},e.createElement("div",{className:"linetable-falconAccordion-wrapper"},e.createElement(b.Header,null,e.createElement("span",{className:"linetable-falconAccordion-title"},null==n?void 0:n.title)),e.createElement(b.Body,null,(null==n?void 0:n.bodyText)&&e.createElement(D,{content:null==n?void 0:n.bodyText}))))))},_=({content:n})=>{var t,l,r,i,a,o,c;return e.createElement("section",{className:"linetable-falconAccordion-section"},e.createElement(j,null,e.createElement(e.Fragment,null,(null==n?void 0:n.title)&&(null===(t=null==n?void 0:n.title)||void 0===t?void 0:t.length)>0&&e.createElement(T,{content:null===(l=null==n?void 0:n.title)||void 0===l?void 0:l[0]}),(null==n?void 0:n.description)&&(null===(r=null==n?void 0:n.description)||void 0===r?void 0:r.length)>0&&e.createElement("div",{className:"linetable-falconAccordion-description"},e.createElement(O,{content:null===(i=null==n?void 0:n.description)||void 0===i?void 0:i[0]})),(null==n?void 0:n.accordions)&&(null===(a=null==n?void 0:n.accordions)||void 0===a?void 0:a.length)>0&&(null===(o=null==n?void 0:n.accordions[0])||void 0===o?void 0:o.title)&&e.createElement("div",{className:"linetable-falconAccordion-container"},null===(c=null==n?void 0:n.accordions)||void 0===c?void 0:c.map((n=>e.createElement("div",{tabIndex:0,key:null==n?void 0:n._uid,className:"linetable-falconAccordion-current-item"},e.createElement(V,{content:Object.assign({},n)}))))))))},R=({content:n})=>{const t=(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";default:return""}})(null==n?void 0:n.backgroundColor),l=(e=>{switch(e){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==n?void 0:n.gradientBackground),r=(null==n?void 0:n.gradientBackground)===P?t:l;return e.createElement("div",null,n.height?e.createElement("div",{className:`d-none d-sm-block ${r}`,style:{height:`${n.height}px`}}):e.createElement("div",{className:`d-none d-sm-block ${r}`,style:{height:`${n.desktopHeight}px`}}),e.createElement("div",{className:`d-block d-sm-none ${r} `,style:{height:`${n.mobHeight}px`}}))};h(".linetable-productDetailsText {\r\n color: #da291c;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n}");h('.linetable-staticPrice-priceWrapper {\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid #E6E3DF;\r\n\tmargin: 16px 16px 0 16px;\r\n\tpadding: 8px 16px;\r\n\tfont-size: 14px;\r\n\tfont-weight: 400;\r\n\tline-height: 20px;\r\n}\r\n\r\n.linetable-staticPrice-discountPriceSection {\r\n\tcolor: #2E6199;\r\n\tmargin-right: 8px;\r\n}\r\n\r\n.linetable-staticPrice-discountedPrice {\r\n\tfont-size: 32px;\r\n\tfont-weight: 700;\r\n\tline-height: 40px;\r\n}\r\n\r\n.linetable-staticPrice-basePrice {\r\n\tfont-size: 20px;\r\n\tfont-weight: 700;\r\n\tline-height: 28px;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.linetable-staticPrice-priceStrikeout::after {\r\n\tcontent: "";\r\n\tposition: absolute;\r\n\tright: -1px;\r\n\tleft: -2px;\r\n\ttop: 50%;\r\n\twidth: 100%;\r\n\tborder-bottom: 2px solid #da291c;\r\n\ttransform: rotate(-18.22deg);\r\n}\r\n\r\n.linetable-staticPrice-noDiscountPrice {\r\n\tfont-size: 32px;\r\n\tfont-weight: 700;\r\n\tline-height: 40px;\r\n}\r\n\r\n.linetable-staticPrice-contractDescription {\r\n\tmargin-top: 6px;\r\n}\r\n\r\n.linetable-staticPrice-addToCart {\r\n\tmargin-top: 8px;\r\n\twidth: 100%;\r\n\tpadding: 10px 24px;\r\n\tborder-radius: 25px;\r\n\tbackground: #DA291C;\r\n\tcolor: #FFFFFF;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tline-height: 24px;\r\n\tborder: 0px;\r\n}\r\n\r\n.linetable-staticPrice-productDetails-priceWrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n}\r\n\r\n@media (min-width: 425px) {\r\n\t.linetable-staticPrice-productDetails-addToCart {\r\n\t\tmin-width: 120px;\r\n\t}\r\n}');const W=({content:n,addToCart:l,variant:i})=>{const a=r(L),o=()=>{w("linetable-staticPrice-priceSection",a.listLength)};t((()=>{setTimeout((()=>{o()}),200),window.addEventListener("resize",o)}),[n]);return e.createElement("div",{className:`linetable-staticPrice-priceWrapper ${"productDetails"===i&&"linetable-staticPrice-productDetails-priceWrapper"}`},e.createElement("div",{id:`linetable-staticPrice-priceSection${null==a?void 0:a.indexKey}`},e.createElement("div",{className:"linetable-staticPrice-priceSection"},(null==n?void 0:n.isEnableDiscountPrice)&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},null==n?void 0:n.discountPriceValue),null==n?void 0:n.priceDuration),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+((null==n?void 0:n.isEnableDiscountPrice)?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},k(null==n?void 0:n.priceValue)),!(null==n?void 0:n.isEnableDiscountPrice)&&e.createElement(e.Fragment,null,null==n?void 0:n.priceDuration))),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},null==n?void 0:n.contractDescription)),e.createElement("div",null,e.createElement("button",{className:`linetable-staticPrice-addToCart ${"productDetails"===i&&"linetable-staticPrice-productDetails-addToCart"}`,onClick:()=>{"function"==typeof l&&l(n)}},null==n?void 0:n.addButton)))},H=({content:t,updatedContent:l,modalTriggered:r,addToCart:i})=>{var a;const[o,c]=n(!1),d=null==t?void 0:t.subscriptionDetailModal;let s=[],m="";d&&(null==d?void 0:d.length)>0&&(null==d||d.map((e=>{s=null==e?void 0:e.modalBody,null==e||e.productPriceVariant,m=null==e?void 0:e.backButton,null==e||e.priceChangeContent})));const u=()=>{c(!o),"function"==typeof r&&r()};return e.createElement(e.Fragment,null,o&&e.createElement(I,{modalState:o,handler:u,showFooter:!1,height:"100%",width:"883px",backButton:m},e.createElement(e.Fragment,null,null==s?void 0:s.map(((n,t)=>e.createElement(j,null,e.createElement(e.Fragment,null,"falconDescription"===(null==n?void 0:n.component)&&e.createElement(O,{content:n,key:t}),"spacer"===(null==n?void 0:n.component)&&e.createElement(R,{content:n}),"falconAccordionList"===(null==n?void 0:n.component)&&e.createElement(_,{content:n}))))),(null==t?void 0:t.isEnablePrice)&&e.createElement(W,{content:t,addToCart:i,variant:"productDetails"}))),e.createElement("span",{onClick:u,className:"linetable-productDetailsText"},null!==(a=null==l?void 0:l.subscription)&&void 0!==a?a:null==l?void 0:l.subscriptionText))},K=({content:n,showPrice:t,addToCart:l})=>{var r,i,a,o,c;const d=null!==(r=null==t?void 0:t.base)&&void 0!==r?r:0;let s=null!==(o=null===(a=null===(i=null==t?void 0:t.discount)||void 0===i?void 0:i[0])||void 0===a?void 0:a.value)&&void 0!==o?o:0;null===(c=null==t?void 0:t.discount)||void 0===c||c.map((e=>{1==(null==e?void 0:e.cycleStart)&&(s=null==e?void 0:e.value)}));const m=null==t?void 0:t.contractDuration;return e.createElement("div",{className:"linetable-staticPrice-priceWrapper"},(null==t?void 0:t.base)?e.createElement(e.Fragment,null,s>0&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},k(s)),null==n?void 0:n.priceDuration),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+(s>0?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},k(d)),0===s&&(null==n?void 0:n.priceDuration)),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},m&&0!==m?e.createElement("div",null):e.createElement("div",null,null==n?void 0:n.contractDescription))):"",e.createElement("div",null,e.createElement("button",{className:"linetable-staticPrice-addToCart",onClick:l},null==n?void 0:n.addButton)))},M=({content:n,updatedContent:r,indexKey:a,listLength:o,addToCart:c,metadata:d,modalTriggered:s,showPrice:m})=>{var u,p,v,b,g,h,f,x,y,E,k,C,N,P,T,O,F,S,$,z,A,I,j,V,_,R,M,U,q,G,J,Y,Q,X,Z,ee,ne,te,le,re,ie,ae,oe,ce,de,se,me,ue,pe,ve,be,ge,he,fe,xe;const ye=Object.assign({},null!==(v=null===(p=null===(u=null==n?void 0:n.testProductReference)||void 0===u?void 0:u[0])||void 0===p?void 0:p.reference)&&void 0!==v?v:null==n?void 0:n.reference),Ee={listLength:o,indexKey:a,arrowUpIcon:null===(f=null===(h=null===(g=null===(b=null==ye?void 0:ye.content)||void 0===b?void 0:b.body)||void 0===g?void 0:g[0])||void 0===h?void 0:h.arrowUp)||void 0===f?void 0:f.filename,arrowDownIcon:null===(k=null===(E=null===(y=null===(x=null==ye?void 0:ye.content)||void 0===x?void 0:x.body)||void 0===y?void 0:y[0])||void 0===E?void 0:E.arrowDown)||void 0===k?void 0:k.filename,arrowLeftRed:null===(T=null===(P=null===(N=null===(C=null==ye?void 0:ye.content)||void 0===C?void 0:C.body)||void 0===N?void 0:N[0])||void 0===P?void 0:P.arrowLeftRed)||void 0===T?void 0:T.filename},we=null!==(O=null==r?void 0:r.enableNewAddToCart)&&void 0!==O&&O,ke=l(null),Ce=l(null),Ne=i((()=>Ee),[Ee]),Pe=()=>{w("linetable-card-title",o),w("linetable-card-tooltiptxt",o),w("linetable-card-bottomConatiner",o)};return t((()=>{setTimeout((()=>{Pe()}),100),null===window||void 0===window||window.addEventListener("resize",Pe)}),[n]),e.createElement(L.Provider,{value:Ne},e.createElement("div",{className:"linetable-card-productTeaser"},e.createElement("div",{className:"linetable-card-productContainer "},ye.content&&e.createElement(e.Fragment,null,e.createElement("div",{className:"linetable-card-titleContainer",id:`linetable-card-title${a}`,ref:ke},e.createElement("div",{className:"linetable-card-prodHeading"},null===(S=null===(F=null==ye?void 0:ye.content)||void 0===F?void 0:F.body[0])||void 0===S?void 0:S.name),e.createElement("div",{className:"linetable-card-productTitle"},e.createElement("h3",null,null===(z=null===($=null==ye?void 0:ye.content)||void 0===$?void 0:$.body[0])||void 0===z?void 0:z.displayName),(null===(j=null===(I=null===(A=null==ye?void 0:ye.content)||void 0===A?void 0:A.body[0])||void 0===I?void 0:I.prodImage)||void 0===j?void 0:j.filename)&&e.createElement("img",{src:null===(R=null===(_=null===(V=null==ye?void 0:ye.content)||void 0===V?void 0:V.body[0])||void 0===_?void 0:_.prodImage)||void 0===R?void 0:R.filename,height:15,width:20})),e.createElement("div",{className:"linetable-card-prodDescription"},e.createElement(D,{content:null===(U=null===(M=null==ye?void 0:ye.content)||void 0===M?void 0:M.body[0])||void 0===U?void 0:U.description}))),!(null==r?void 0:r.isPrepaidFlow)&&e.createElement("hr",null)),(null==ye?void 0:ye.content)&&(null===(G=null===(q=null==ye?void 0:ye.content)||void 0===q?void 0:q.body[0])||void 0===G?void 0:G.introText)&&e.createElement(e.Fragment,null,e.createElement("div",{className:""+(we?"d-block":"d-none d-sm-block")},e.createElement("div",{className:"linetable-card-introText",id:`linetable-card-tooltiptxt${a}`,ref:Ce},e.createElement(D,{content:null===(Y=null===(J=null==ye?void 0:ye.content)||void 0===J?void 0:J.body[0])||void 0===Y?void 0:Y.introText})),e.createElement("hr",null))),null===(Z=(null===(X=null===(Q=null==ye?void 0:ye.content)||void 0===Q?void 0:Q.body[0])||void 0===X?void 0:X.entitlementConfig)||[])||void 0===Z?void 0:Z.map(((t,l)=>e.createElement(B,{content:t,product:n,key:l,indexKey:l,showEntitleValue:we,metadata:d,modalTriggered:s}))),e.createElement("hr",null),e.createElement("div",{id:`linetable-card-bottomConatiner${a}`,className:"linetable-card-bottomConatiner"},e.createElement("div",{className:"linetable-card-productDetailSection"},(null===(le=null===(te=null===(ne=null===(ee=null==ye?void 0:ye.content)||void 0===ee?void 0:ee.body)||void 0===ne?void 0:ne[0])||void 0===te?void 0:te.productDetailIcon)||void 0===le?void 0:le.filename)&&e.createElement("img",{src:null===(oe=null===(ae=null===(ie=null===(re=null==ye?void 0:ye.content)||void 0===re?void 0:re.body)||void 0===ie?void 0:ie[0])||void 0===ae?void 0:ae.productDetailIcon)||void 0===oe?void 0:oe.filename,width:24,height:24}),e.createElement(H,{content:null===(de=null===(ce=null==ye?void 0:ye.content)||void 0===ce?void 0:ce.body)||void 0===de?void 0:de[0],updatedContent:r,modalTriggered:s,addToCart:c})),e.createElement("div",null,(null===(ue=null===(me=null===(se=null==ye?void 0:ye.content)||void 0===se?void 0:se.body)||void 0===me?void 0:me[0])||void 0===ue?void 0:ue.isEnablePrice)&&e.createElement(W,{content:null===(ve=null===(pe=null==ye?void 0:ye.content)||void 0===pe?void 0:pe.body)||void 0===ve?void 0:ve[0],addToCart:c,variant:"productCard"})),e.createElement("div",null,!(null===(he=null===(ge=null===(be=null==ye?void 0:ye.content)||void 0===be?void 0:be.body)||void 0===ge?void 0:ge[0])||void 0===he?void 0:he.isEnablePrice)&&!(null==r?void 0:r.staticPrice)&&e.createElement(K,{content:null===(xe=null===(fe=null==ye?void 0:ye.content)||void 0===fe?void 0:fe.body)||void 0===xe?void 0:xe[0],showPrice:m,addToCart:c}))))))},U=n=>e.createElement(e.Fragment,null,e.createElement(g,{responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:4},tabletLarge:{breakpoint:{max:1439,min:1024},items:3},tabletMedium:{breakpoint:{max:1023,min:768},items:2},mobile:{breakpoint:{max:767,min:0},items:1}},deviceType:"desktop",ssr:!0,renderButtonGroupOutside:!0,partialVisible:!0,swipeable:!0,autoPlay:!1,shouldResetAutoplay:!1,arrows:!0},n.children),e.createElement("p",null,"compo"));export{x as Button,M as Card,B as CardEntitlement,U as CarouselComp,f as LineTableBasicPropConfig,y as LoginModal};
1
+ import e,{useState as n,useEffect as t,useRef as r,useContext as l,useMemo as o}from"react";import{ApiServiceV2 as i,CMSStoryblokServiceV2 as a}from"@sunrise-upc/ajax-lib";import d from"react-bootstrap/Modal";import c from"react-bootstrap/CloseButton";import{render as s}from"storyblok-rich-text-react-renderer-ts";import u from"react-bootstrap/Container";import m from"react-bootstrap/Row";import p from"react-bootstrap/Col";import v from"js-cookie";import{v4 as g}from"uuid";import{Modal as h,CloseButton as b,Accordion as f}from"react-bootstrap";import x from"react-multi-carousel";import y from"react-bootstrap/Form";function _(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}_(".Button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 4px;\r\n cursor: pointer;\r\n min-width: 32px;\r\n min-height: 32px;\r\n background-color: aliceblue;\r\n}\r\n\r\n.Button-primary {\r\n background-color: aqua; \r\n}\r\n.Button-secondary{\r\n background-color: burlywood;\r\n}\r\n.Button-error {\r\n background-color: red;\r\n}");class E{constructor(e){this.config={baseURL:"",cartURL:""},this.getConfig=()=>this.config,this.getBaseUrl=()=>{var e,n;return null!==(n=null===(e=this.config)||void 0===e?void 0:e.baseURL)&&void 0!==n?n:""},this.getCartUrl=()=>{var e,n;return null!==(n=null===(e=this.config)||void 0===e?void 0:e.cartURL)&&void 0!==n?n:""},this.config=e}}E.getInstance=()=>E.instance,E.create=e=>{E.instance=new E(e)};const w="ESHOP",T="v2/offer",P="carts/v2",C=({type:n,text:t,onClick:r,content:l})=>e.createElement("button",{type:"button",className:`button Button-${null==l?void 0:l.type}`,onClick:r},null==l?void 0:l.text);_(".loginModal {\r\n\talign-items: center;\r\n\tbackground-color: rgba(87, 84, 82, 0.4);\r\n\tcolor: #333333;\r\n\tdisplay: flex;\r\n\theight: 100%;\r\n\tjustify-content: center;\r\n\tleft: 0;\r\n\tpadding: 16px;\r\n\tposition: fixed;\r\n\ttop: 0;\r\n\ttransition: opacity 3s;\r\n\twidth: 100%;\r\n\tz-index: 11;\r\n}\r\n.loginContainer {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 32px 32px 34px;\r\n background-color: #ffff;\r\n max-width: 500px;\r\n width: 100%;\r\n box-shadow: -1px 18px 25px 5px rgba(87, 84, 82, 0.4);\r\n }\r\n");const k=({toggleFun:t})=>(n(!1),e.createElement("div",{className:"loginModal"},e.createElement("div",{className:"w-100 h-100 d-flex position-relative justify-content-center align-items-center"},e.createElement("div",{className:"loginContainer"},"Hi Angles Kathirvel",e.createElement("button",{onClick:t},"Close")))));_('@import "bootstrap/dist/css/bootstrap.linetable-countryOverlay-css";\r\n\r\n.linetable-countryOverlay-linkTextNew {\r\n color: #da291c;\r\n margin-left: 32px;\r\n margin-bottom: 4px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n\r\n.linetable-countryOverlay-utils-noWrap {\r\n white-space: nowrap;\r\n}\r\n\r\n.linetable-countryOverlay-utils-colWidth {\r\n max-width: 210px;\r\n}\r\n\r\n.linetable-countryOverlay-contain {\r\n display: flex;\r\n align-items: first baseline;\r\n padding-top: 10px;\r\n}\r\n\r\n.linetable-countryOverlay-image {\r\n width: 24px;\r\n height: 16px;\r\n}\r\n\r\n.linetable-countryOverlay-name {\r\n color: #000000;\r\n align-items: center;\r\n padding-left: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n font-size: 14px;\r\n line-height: 32px;\r\n}\r\n.linetable-countryOverlay-blackthemecolor {\r\n color: #ffffff !important;\r\n}\r\n\r\n.linetable-countryOverlay-desktopView {\r\n display: block;\r\n}\r\n.linetable-countryOverlay-mobView {\r\n display: none;\r\n}\r\n@media (max-width: 767px) {\r\n .linetable-countryOverlay-linkTextNew {\r\n font-size: 14px;\r\n line-height: 24px;\r\n }\r\n}\r\n\r\n@media (min-width: 1440px) {\r\n .linetable-countryOverlay-desktopView {\r\n display: block;\r\n }\r\n .linetable-countryOverlay-mobView {\r\n display: none;\r\n }\r\n}\r\n@media (max-width: 1023px) {\r\n .linetable-countryOverlay-desktopView {\r\n display: none;\r\n }\r\n .linetable-countryOverlay-mobView {\r\n display: block;\r\n width: 100%;\r\n }\r\n}\r\n');const N=e=>{switch(e){case"grey-600":return"falcon-grey-600";case"grey-500":return"falcon-grey-500";case"grey-100":return"falcon-grey-100";case"grey-400":return"falcon-grey-400";case"ice-white":return"falcon-ice-white";default:return""}},I=(e,n)=>{const t=[];let r,l,o=0;[...Array(n)].forEach((()=>{l=document.getElementById(`${e}${o}`),null!=l&&(l.style.height="unset",t.push(null==l?void 0:l.clientHeight),o++)})),r=Math.max(...t),o=0,[...Array(n)].forEach((()=>{l=document.getElementById(`${e}${o}`),null!=l&&(l.style.height=`${r}px`),o++}))},z=e=>{e=Number(e);let n=0;return n=new RegExp("^[0-9][^.]*$").test(e.toString())?e+".-":e.toFixed(2).replace(/\.00$/,""),n},S=e=>{const n=localStorage.getItem(e),t=new Date;if(!n)return null;let r={};try{if(r=JSON.parse(n),r.expiry&&t.getTime()>r.expiry)return B(e),null}catch(e){return n}return null==r?void 0:r.value},B=e=>{localStorage.removeItem(e)},A="none";_(".dbold {\r\n font-weight: 500;\r\n font-size: 40px;\r\n line-height: 60px;\r\n}\r\n");const L=({content:n})=>{var t;const r=N((null==n?void 0:n.textColor)&&n.textColor),l=(null==n?void 0:n.textColor)&&n.textColor!=A?r:"",o=(null==n?void 0:n.textColor)&&n.textColor===A?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{};return e.createElement(e.Fragment,null,n.headingStyle&&n.text&&"h1"===n.headingStyle?e.createElement("h1",{className:l,style:Object.assign({},o)},n.text," "):"h2"===n.headingStyle?e.createElement("h2",{className:`${l}`,style:Object.assign({},o)},n.text):"h3"===n.headingStyle?e.createElement("h3",{className:l,style:Object.assign({},o)},n.text):"h4"===n.headingStyle?e.createElement("h4",{className:l,style:Object.assign({},o)},n.text):e.createElement("div",{className:"dbold",style:Object.assign({},o)},n.text))},O=n=>e.createElement("div",null,s(n.content,{markResolvers:{link:(t,r)=>{const{href:l,target:o,linktype:i}=r;return"email"===i?e.createElement("a",{href:`mailto:${l}`,target:null===o||"_self"===o?"_top":"_blank"},t):n.isIFrame?e.createElement("a",{href:l,target:null===o||"_self"===o?"_top":"_blank"},t):e.createElement("a",{href:l,target:null===o?"":o},t)}}})),D=({content:n})=>{var t;const r=N(n.textColor);return e.createElement(e.Fragment,null,e.createElement("div",{className:`d-inline-flex align-${n.textElementPosition}`},n.icon&&n.icon.filename&&e.createElement("img",{src:n.icon&&n.icon.filename,alt:n.icon&&n.icon.alt,title:n.icon&&n.icon.title,height:24,width:24}),n.text&&e.createElement("div",{className:`${n.icon&&n.icon.filename} ${n.textColor&&n.textColor!=A?r:""}`,style:Object.assign({},n.textColor&&n.textColor===A?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{})},e.createElement(O,{content:n.text}))))};_(".linetable-country-overlayModal {\r\n max-width: 900px;\r\n padding: 1rem 2rem;\r\n}\r\n");const F=({children:r,modalState:l,handler:o,noCloseButton:i,showBackBtn:a,overlay:s})=>{const[u,m]=n(),[p,v]=n();return t((()=>{s.map((e=>{var n;null===(n=null==e?void 0:e.content)||void 0===n||n.body.map((e=>{"falconTitle"==(null==e?void 0:e.component)&&m(e),"falconDescription"==(null==e?void 0:e.component)&&v(e)}))}))}),[s]),e.createElement(e.Fragment,null,e.createElement(d,{centered:!0,show:l,onHide:o,keyboard:!1,dialogClassName:"linetable-country-overlayModal"},e.createElement(d.Header,null,e.createElement("div",{style:{display:i?"none":""}},e.createElement("div",{className:"d-flex align-items-center"},a&&e.createElement("div",{className:"me-sm-4 me-3 d-flex align-items-center",onClick:o},e.createElement("img",{src:"../../icons/left_arrow.svg"})),u&&e.createElement(L,{content:u}))),e.createElement("div",{style:{display:i?"none":""}},e.createElement(c,{className:"sr-modal-close",onClick:o}))),e.createElement(d.Body,null,r),e.createElement(d.Footer,null,p&&e.createElement(D,{content:p}))))};_(".linetable-dotLoader-loaderParent {\r\n width: 100%;\r\n position: fixed;\r\n z-index: 3;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n background-color: rgba(255, 255, 255, 0.8);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.linetable-dotLoader-dotClass {\r\n justify-content: center;\r\n display: flex;\r\n z-index: 1;\r\n}\r\n.linetable-dotLoader-dotContent {\r\n display: flex;\r\n justify-content: center;\r\n animation: contentplay 2s linear 0s infinite;\r\n}\r\n@keyframes dotplay {\r\n 0%,\r\n 20% {\r\n transform: translateY(0);\r\n }\r\n 10% {\r\n transform: translateY(-20px);\r\n }\r\n}\r\n.linetable-dotLoader-dots:nth-child(1) {\r\n animation-delay: 0.4s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(2) {\r\n animation-delay: 0.8s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(3) {\r\n animation-delay: 1.2s;\r\n}\r\n.linetable-dotLoader-dots:nth-child(4) {\r\n animation-delay: 1.6s;\r\n}\r\n.linetable-dotLoader-dots {\r\n margin: 5px 2px;\r\n width: 12px;\r\n height: 12px;\r\n border-radius: 50%;\r\n background: linear-gradient(180deg, #e2271e 0%, #ef7c3c 100%);\r\n animation: dotplay 2s linear 0s infinite;\r\n}\r\n@keyframes contentplay {\r\n 0% {\r\n opacity: 0.2;\r\n }\r\n 30% {\r\n opacity: 1;\r\n }\r\n}\r\n");const j=({keyParams:r})=>{const[l,o]=n(0),[i,a]=n({}),d={checkout:[null==i?void 0:i.uspFreeShipping,null==i?void 0:i.uspBestService,null==i?void 0:i.uspCheckout],loading:[null==i?void 0:i.loading]},c=r?d[`${r}`]:d.checkout;return t((()=>{a(S("sbstaticcontent"))}),[]),t((()=>{let e=c.length-1;o(e);const n=setInterval((()=>{o(e--),e<0&&(e=c.length-1)}),2e3);return()=>{clearTimeout(n)}}),[]),e.createElement("div",{className:"d-flex align-items-center justify-content-center linetable-dotLoader-loaderParent"},e.createElement("div",{className:"linetable-dotLoader-dotClass"},e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"}),e.createElement("div",{className:"linetable-dotLoader-dots"})),e.createElement("div",null,e.createElement("h4",{className:"linetable-dotLoader-dotContent"},c[l]," ")))};function R(e,n,t,r){return new(t||(t=Promise))((function(l,o){function i(e){try{d(r.next(e))}catch(e){o(e)}}function a(e){try{d(r.throw(e))}catch(e){o(e)}}function d(e){var n;e.done?l(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,a)}d((r=r.apply(e,n||[])).next())}))}const $=(e,n,t,r)=>R(void 0,void 0,void 0,(function*(){var l;const o=S(`${e}_${n}_countryData`);if(o)return o;try{const o={language:n,type:"B2C"},i=null===(l=(yield a.get(t,o)).data)||void 0===l?void 0:l.stories;return i&&i.length>0&&((e,n,t)=>{let r=null;const l=new Date;r={value:n,expiry:t?l.getTime()+t:null},localStorage.setItem(e,JSON.stringify(r))})(`${e}_${n}_countryData`,i,r),i}catch(e){return console.error(e),e}})),Y=(e,n,t,r,l)=>R(void 0,void 0,void 0,(function*(){var o,a,d,c,s,u,m,p,h,b,f,x,y;let _={};if("fixnet"===l){let r="",l="";const i=null!==(o=v.get("one-commerce-linecheckcorrelationid"))&&void 0!==o?o:"";_={relatedParty:[{id:"anonymous",segment:"RESIDENTIAL"}],cartItem:[{itemType:"HOME",promotionId:t,items:[],note:[{author:"linecheckCorrelationId",text:i}]}]};const g={itemType:"MOBILE",promotionId:t,items:[]};null===(d=null===(a=e[0])||void 0===a?void 0:a.bundledOffers)||void 0===d||d.map((e=>{var t,o,i,a,d,c,s,u,m,p,v,h,b,f,x,y,E,w,T;if(null===(o=null===(t=null==e?void 0:e.promotionInfo)||void 0===t?void 0:t[0])||void 0===o?void 0:o.id){const n=1==(null===(s=null===(c=null===(d=null===(a=null===(i=null==e?void 0:e.promotionInfo)||void 0===i?void 0:i[0])||void 0===a?void 0:a.hardwareGift)||void 0===d?void 0:d[0])||void 0===c?void 0:c.ids)||void 0===s?void 0:s.length)?null===(h=null===(v=null===(p=null===(m=null===(u=null==e?void 0:e.promotionInfo)||void 0===u?void 0:u[0])||void 0===m?void 0:m.hardwareGift)||void 0===p?void 0:p[0])||void 0===v?void 0:v.ids)||void 0===h?void 0:h[0]:"";"mobile"===(null===(b=null==e?void 0:e.productType)||void 0===b?void 0:b.toLowerCase())?(g.promotionId=null===(x=null===(f=null==e?void 0:e.promotionInfo)||void 0===f?void 0:f[0])||void 0===x?void 0:x.id,r=n):(_.cartItem[0].promotionId=null===(E=null===(y=null==e?void 0:e.promotionInfo)||void 0===y?void 0:y[0])||void 0===E?void 0:E.id,l=n)}"tv"==(null===(w=null==e?void 0:e.productType)||void 0===w?void 0:w.toLowerCase())&&n?_.cartItem[0].items.push({itemType:null==e?void 0:e.productType,id:n}):"mobile"===(null===(T=null==e?void 0:e.productType)||void 0===T?void 0:T.toLowerCase())?g.items.push({itemType:"RATEPLAN",id:null==e?void 0:e.id}):_.cartItem[0].items.push({itemType:null==e?void 0:e.productType,id:null==e?void 0:e.id})})),l&&(null===(c=_.cartItem[0].items)||void 0===c||c.push({itemType:"GIFT",id:l})),r&&g.items.push({itemType:"GIFT",id:r}),(null===(s=null==g?void 0:g.items)||void 0===s?void 0:s.length)>0&&(null===(u=null==_?void 0:_.cartItem)||void 0===u||u.push(g));try{const e=(e=>{const n=e+"=";let t;return document.cookie.split(";").some((e=>{for(;" "===e.charAt(0);)e=e.substring(1);return 0===e.indexOf(n)&&(t=JSON.parse(decodeURIComponent(e.substring(n.length,e.length))),!0)})),t})("chAddressJson"),n=[{characteristic:{installationAddress:!0,country:"CH",city:null===(m=null==e?void 0:e.selectedAdd)||void 0===m?void 0:m.city,street1:null===(p=null==e?void 0:e.selectedAdd)||void 0===p?void 0:p.street,postCode:null===(h=null==e?void 0:e.selectedAdd)||void 0===h?void 0:h.postCode,street2:null===(b=null==e?void 0:e.selectedAdd)||void 0===b?void 0:b.houseNumber}}];_.contactMedium=n}catch(e){console.log("issue at line check address addition in create cart ==>",e)}}else"mobile"===l&&(_={relatedParty:[{segment:"RESIDENTIAL"}],cartItem:[{itemType:"MOBILE",promotionId:t,items:[{itemType:"RATEPLAN",id:null!==(x=null===(f=null==e?void 0:e[0])||void 0===f?void 0:f.id)&&void 0!==x?x:""}]}]});const E={headers:{"x-correlation-id":g(),"x-sunrise-channel":w}},T=r+P;if((null===(y=Object.keys(_))||void 0===y?void 0:y.length)>0){const e=yield i.getApiServiceInstance().post(T,_,E).then((e=>{if(B("isB2BCustomer"),200==e.status)return null==e?void 0:e.data}));if(e.error)throw e.error;return e}})),K=({linkText:r,product:l,metadata:o,modalTriggered:i})=>{var a,d,c;const[s,v]=n(!1),[g,h]=n([]),[b,f]=n(!0),[x,y]=n(),[_,w]=n([]),T=null!==(c=null===(d=null===(a=null==l?void 0:l.testProductReference)||void 0===a?void 0:a[0])||void 0===d?void 0:d.reference)&&void 0!==c?c:null==l?void 0:l.reference;let P;t((()=>{g&&g.length>0&&g.map((e=>{var n;null===(n=null==e?void 0:e.content)||void 0===n||n.body.map((e=>{"countryListComponent"==(null==e?void 0:e.component)&&w(null==e?void 0:e.countryValues)}))}))}),[g]),t((()=>{(null==_?void 0:_.length)>0&&(P=_.length,y(Math.ceil(P/3)))}),[_]);return e.createElement(e.Fragment,null,e.createElement(F,{modalState:s,handler:()=>{v(!1),"function"==typeof i&&i()},overlay:g},b&&e.createElement(j,{keyParams:"loading"}),!b&&e.createElement(e.Fragment,null,e.createElement(u,{className:"linetable-countryOverlay-desktopView"},e.createElement("div",null,e.createElement(m,{className:"linetable-countryOverlay-utils-noWrap"},e.createElement(p,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(m,null,_.slice(0,x).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))),e.createElement(p,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(m,null,_.slice(x,2*x).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))),e.createElement(p,{className:"linetable-countryOverlay-utils-colWidth"},e.createElement(m,null,_.slice(2*x,3*x).map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name))))))))),e.createElement(u,{className:"linetable-countryOverlay-mobView"},e.createElement(m,null,e.createElement(p,null,e.createElement(m,null,_.map(((n,t)=>e.createElement("div",{className:"linetable-countryOverlay-contain",key:n.name?n.name:t},e.createElement("div",null,e.createElement("img",{src:n.icon.filename,alt:"",className:"linetable-countryOverlay-image"})),e.createElement("div",{className:"linetable-countryOverlay-name"},n.name)))))))))),e.createElement("span",{onClick:()=>{var e,n,t,r,l,a;v(!s),"function"==typeof i&&i();const d=null===(l=null===(r=null===(t=null===(n=null===(e=null==T?void 0:T.content)||void 0===e?void 0:e.body)||void 0===n?void 0:n[0])||void 0===t?void 0:t.countryList)||void 0===r?void 0:r.cached_url)||void 0===l?void 0:l.replace(null==o?void 0:o.lang,""),c=null==d?void 0:d.replace("//",""),u=`${null===(a=null==E?void 0:E.getInstance())||void 0===a?void 0:a.getBaseUrl()}rest/cms/stories/?by_slugs=${c}`,m=null==T?void 0:T.name;$(m,null==o?void 0:o.lang,u,864e5).then((e=>{e&&e.length>0&&h(e),f(!1)}))},className:"linetable-countryOverlay-linkTextNew display-5"},r))};_(".linetable-CardEntitlement-mobileProductEntitlement {\r\n margin: 0;\r\n padding: 0 16px 0 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementValue {\r\n display: flex;\r\n margin-bottom: 4px;\r\n align-items: center;\r\n font-size: 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementIcon {\r\n align-self: flex-start;\r\n margin-right: 8px;\r\n}\r\n\r\n.linetable-CardEntitlement-entitlementIcon img {\r\n vertical-align: sub;\r\n}\r\n.linetable-CardEntitlement-animationTitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #3d3935;\r\n font-weight: 700;\r\n margin-bottom: auto;\r\n}\r\n.linetable-CardEntitlement-entitlementContent {\r\n display: inline-flex;\r\n margin-bottom: 16px;\r\n}\r\n.linetable-CardEntitlement-entitlementDescription {\r\n color: #3d3935;\r\n margin-left: 32px;\r\n margin-bottom: 4px;\r\n font-size: 16px;\r\n font-weight: 500;\r\n width: calc(100% - 32px);\r\n}\r\n");const U=e.createContext({indexKey:0,listLength:0,arrowUpIcon:"",arrowDownIcon:"",arrowLeftRed:""}),M=({content:n,product:o,indexKey:i,showEntitleValue:a,metadata:d,modalTriggered:c})=>{var s,u,m,p;const v=r(null),g=l(U),h=()=>{I(`linetable-CardEntitlement-entitlementSection${g.indexKey}`,g.listLength)};return t((()=>{setTimeout((()=>{(null==v?void 0:v.current)&&h()}),200),window.addEventListener("resize",h)}),[n]),e.createElement("div",{className:"linetable-CardEntitlement-mobileProductEntitlement",id:`linetable-CardEntitlement-entitlementSection${i}${g.indexKey}`,ref:v},e.createElement("div",{className:"row linetable-CardEntitlement-entitlementContent"},e.createElement("div",{className:"linetable-CardEntitlement-entitlementValue "},e.createElement(e.Fragment,null,(null==n?void 0:n.isblacktheme)?e.createElement(e.Fragment,null,(null===(s=null==n?void 0:n.blackFridayentitlementIcon)||void 0===s?void 0:s.filename)&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementIcon"},e.createElement("img",{src:null===(u=null==n?void 0:n.blackFridayentitlementIcon)||void 0===u?void 0:u.filename,width:20,height:20}))):e.createElement(e.Fragment,null,(null===(m=null==n?void 0:n.entitlementIcon)||void 0===m?void 0:m.filename)&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementIcon"},e.createElement("img",{src:null===(p=null==n?void 0:n.entitlementIcon)||void 0===p?void 0:p.filename,width:20,height:20}))),e.createElement("span",{className:"linetable-CardEntitlement-animationTitle entitlementDisplay"},null==n?void 0:n.entitlementName))),e.createElement("div",{className:"d-block"},n.entitlementDescription&&a&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementDescription"},null==n?void 0:n.entitlementDescription),(null==n?void 0:n.linkText)&&e.createElement(K,{product:o,linkText:null==n?void 0:n.linkText,metadata:d,modalTriggered:c}))))};_(".linetable-card-linetable-card-flexGrid {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.linetable-card-productContainer {\r\n background-color: #fff;\r\n padding: 24px 0 16px;\r\n text-align: left;\r\n height: 100%;\r\n border-radius: 8px;\r\n}\r\n.linetable-card-productContainer hr {\r\n margin: 16px;\r\n}\r\n.linetable-card-introText {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n font-size: 16px;\r\n line-height: 24px;\r\n font-weight: 500;\r\n color: #587467;\r\n}\r\n.linetable-card-productTeaser {\r\n background-color: #fff;\r\n border-radius: 8px;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0px 4px 12px 0px #57545233;\r\n}\r\n.linetable-card-prodHeading {\r\n font-size: 14px;\r\n line-height: 20px;\r\n color: #606060;\r\n font-weight: bold;\r\n margin-bottom: 4px;\r\n}\r\n.linetable-card-titleContainer {\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n.linetable-card-productTitle {\r\n color: #1e1e1e;\r\n font-weight: bold;\r\n margin-bottom: 4px;\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n}\r\n.linetable-card-productTitle > h1,\r\n.linetable-card-productTitle > h2,\r\n.linetable-card-productTitle > h3,\r\n.linetable-card-productTitle > h4,\r\n.linetable-card-productTitle > h5,\r\n.linetable-card-productTitle > h6 {\r\n color: #1e1e1e !important;\r\n}\r\n.linetable-card-productTitle > h3 {\r\n font-size: 24px;\r\n line-height: 32px;\r\n}\r\n.linetable-card-productTitle > h2 {\r\n margin-right: 8px;\r\n}\r\n.linetable-card-prodDescription {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #333333;\r\n display: flex;\r\n font-weight: 400;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .linetable-card-productTitle {\r\n height: auto;\r\n }\r\n}\r\n\r\n.linetable-card-productDetailSection{\r\n margin: 0 16px;\r\n}\r\n.linetable-card-productDetailSection img {\r\n vertical-align: bottom;\r\n margin-right: 8px;\r\n}\r\n.linetable-card-bottomConatiner {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: end;\r\n}");const G=({modalState:n,handler:r,showFooter:o,footerNode:i,children:a,width:d,height:c,noCloseButton:s,backButton:u})=>{const m=l(U);return t((()=>{const e=document.querySelector(".linetable-product-modal .footer-main");e&&(e.style.zIndex="10");const n=document&&document.querySelector(".modal-dialog.linetable-product-modal");n&&(n.style.maxWidth=d,n.style.padding="0",n.style.transform="none");const t=document.querySelector(".linetable-product-modal .modal-content");t&&(t.style.height=c,t.style.backgroundColor="#F7F6F5");const r=document.querySelector(".linetable-product-modal .modal-header");r&&(r.style.position="absolute",r.style.top="0",r.style.zIndex="1",r.style.maxWidth="100%",r.style.background="#f8f8f8",r.style.width="100%");const l=document.querySelector(".linetable-product-modal .modal-body");l&&(l.style.background="#f8f8f8",l.style.paddingTop="70px")}),[c]),e.createElement(h,{scrollable:!1,show:n,onHide:r,keyboard:!1,dialogClassName:"linetable-product-modal"},e.createElement(h.Header,null,u&&e.createElement("div",{style:{justifyContent:"start",cursor:"pointer"},onClick:r},e.createElement(e.Fragment,null,(null==m?void 0:m.arrowLeftRed)&&e.createElement("img",{src:null==m?void 0:m.arrowLeftRed,width:24,height:24}),e.createElement("span",{style:{color:"#DA291C"}}," ",u))),e.createElement("div",{style:{display:s?"none":"",justifyContent:"end"}},e.createElement(b,{className:"sr-modal-close",onClick:r}))),e.createElement(h.Body,null,a),o&&e.createElement(h.Footer,null,i))};_(".linetable-sr-def-row {\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n max-width: 1308px;\r\n width: 100%;\r\n}\r\n\r\n@media (min-width: 1024px) and (max-width: 1439px) {\r\n .linetable-sr-def-row {\r\n max-width: 972px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n .linetable-sr-def-row {\r\n max-width: 720px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .linetable-sr-def-row {\r\n max-width: 972px;\r\n }\r\n}\r\n\r\n.linetable-sr-def-row .linetable-sr-def-row {\r\n padding: 0px;\r\n max-width: 100%;\r\n}");const W=({children:n})=>e.createElement("div",{className:"linetable-sr-def-row linetable-sr-responsive-row"},n);_(".linetable-falconAccordion-section {\r\n text-align: center;\r\n}\r\n\r\n.linetable-falconAccordion-description {\r\n color: #3d3935;\r\n padding-bottom: 32px;\r\n text-align: center;\r\n}\r\n\r\n.linetable-falconAccordion-description p a {\r\n color: #da291c;\r\n}\r\n\r\n.linetable-falconAccordion-container {\r\n box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);\r\n border-radius: 8px;\r\n overflow: hidden;\r\n padding: 0;\r\n}\r\n\r\n.linetable-falconAccordion-current-item {\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-current-item:first-child {\r\n border-radius: 8px 8px 0 0;\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-current-item:last-child {\r\n border-bottom: none;\r\n border-radius: 0 0 8px 8px;\r\n overflow: hidden;\r\n}\r\n\r\n.linetable-falconAccordion-item:hover {\r\n background-color: #f7f6f5;\r\n}\r\n\r\n.linetable-falconAccordion-wrapper {\r\n margin-left: 32px;\r\n margin-right: 32px;\r\n border-bottom: 1px solid #e6e3df;\r\n}\r\n\r\n.linetable-falconAccordion-title {\r\n color: #3d3935;\r\n font-style: normal;\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n margin-right: 28px;\r\n min-height: 24px;\r\n}\r\n\r\n.prod-card .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 24px 0;\r\n}\r\n\r\n.prod-card .accordion-body {\r\n padding: 8px 0 32px 0;\r\n color: #3d3935;\r\n text-align: left;\r\n font-size: 16px;\r\n line-height: 24px;\r\n}\r\n\r\n.prod-card .accordion-button::after {\r\n position: absolute;\r\n top: 24px;\r\n right: 0;\r\n background-image: url('/ecom-int/icons/falcon-arrow-down.svg') !important;\r\n background-size: 24px 24px !important;\r\n background-size: unset;\r\n}\r\n\r\n.prod-card .accordion-button:not(.collapsed)::after {\r\n background-image: url('/ecom-int/icons/falcon-arrow-up.svg') !important;\r\n}\r\n\r\n.linetable-falconAccordion-disabled {\r\n opacity: 0.8;\r\n pointer-events: none;\r\n background-color: #e6e3df;\r\n}\r\n\r\n/* for mobile view */\r\n@media (max-width: 767px) {\r\n .prod-card .description {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .linetable-falconAccordion-item:hover {\r\n background-color: none;\r\n }\r\n\r\n .linetable-falconAccordion-wrapper {\r\n margin-left: 16px;\r\n margin-right: 16px;\r\n }\r\n\r\n .prod-card .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 16px 0;\r\n }\r\n\r\n .prod-card .accordion-body {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .prod-card .accordion-button::after {\r\n top: 16px;\r\n }\r\n}\r\n\r\n/* For tablet view */\r\n@media (max-width: 1023px) {\r\n .linetable-falconAccordion-wrapper {\r\n margin-left: 24px;\r\n margin-right: 24px;\r\n }\r\n}");const H=({content:n})=>{const t=null==n?void 0:n._uid;return e.createElement("div",{className:"prod-card"},e.createElement(f,{flush:!0,defaultActiveKey:(null==n?void 0:n.alwaysOpen)?t:""},e.createElement(f.Item,{eventKey:t,className:`${(null==n?void 0:n.disabled)&&"linetable-falconAccordion-disabled"} linetable-falconAccordion-item`},e.createElement("div",{className:"linetable-falconAccordion-wrapper"},e.createElement(f.Header,null,e.createElement("span",{className:"linetable-falconAccordion-title"},null==n?void 0:n.title)),e.createElement(f.Body,null,(null==n?void 0:n.bodyText)&&e.createElement(O,{content:null==n?void 0:n.bodyText}))))))},V=({content:n})=>{var t,r,l,o,i,a,d;return e.createElement("section",{className:"linetable-falconAccordion-section"},e.createElement(W,null,e.createElement(e.Fragment,null,(null==n?void 0:n.title)&&(null===(t=null==n?void 0:n.title)||void 0===t?void 0:t.length)>0&&e.createElement(L,{content:null===(r=null==n?void 0:n.title)||void 0===r?void 0:r[0]}),(null==n?void 0:n.description)&&(null===(l=null==n?void 0:n.description)||void 0===l?void 0:l.length)>0&&e.createElement("div",{className:"linetable-falconAccordion-description"},e.createElement(D,{content:null===(o=null==n?void 0:n.description)||void 0===o?void 0:o[0]})),(null==n?void 0:n.accordions)&&(null===(i=null==n?void 0:n.accordions)||void 0===i?void 0:i.length)>0&&(null===(a=null==n?void 0:n.accordions[0])||void 0===a?void 0:a.title)&&e.createElement("div",{className:"linetable-falconAccordion-container"},null===(d=null==n?void 0:n.accordions)||void 0===d?void 0:d.map((n=>e.createElement("div",{tabIndex:0,key:null==n?void 0:n._uid,className:"linetable-falconAccordion-current-item"},e.createElement(H,{content:Object.assign({},n)}))))))))},J=({content:n})=>{const t=(e=>{switch(e){case"grey-100":return"falcon-background-grey-100";case"ice-white":return"falcon-background-ice-white";case"transparent":return"falcon-background-transparent";default:return""}})(null==n?void 0:n.backgroundColor),r=(e=>{switch(e){case"rubyglow-diagonal":return"falcon-gradient-rubyglow-diagonal";case"rubyglow-vertical":return"falcon-gradient-rubyglow-vertical";case"pinksky-diagonal":return"falcon-gradient-pinksky-diagonal";case"pinksky-vertical":return"falcon-gradient-pinksky-vertical";case"bluehaze-diagonal":return"falcon-gradient-bluehaze-diagonal";case"bluehaze-vertical":return"falcon-gradient-bluehaze-vertical";case"greencloud-diagonal":return"falcon-gradient-greencloud-diagonal";case"greencloud-vertical":return"falcon-gradient-greencloud-vertical";case"peachfog-diagonal":return"falcon-gradient-peachfog-diagonal";case"peachfog-vertical":return"falcon-gradient-peachfog-vertical";case"darkblue-haze":return"falcon-gradient-dark-blue-haze";default:return""}})(null==n?void 0:n.gradientBackground),l=(null==n?void 0:n.gradientBackground)===A?t:r;return e.createElement("div",null,n.height?e.createElement("div",{className:`d-none d-sm-block ${l}`,style:{height:`${n.height}px`}}):e.createElement("div",{className:`d-none d-sm-block ${l}`,style:{height:`${n.desktopHeight}px`}}),e.createElement("div",{className:`d-block d-sm-none ${l} `,style:{height:`${n.mobHeight}px`}}))};_(".linetable-productDetailsText {\r\n color: #da291c;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n}");_('.linetable-staticPrice-priceWrapper {\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid #E6E3DF;\r\n\tmargin: 16px 16px 0 16px;\r\n\tpadding: 8px 16px;\r\n\tfont-size: 14px;\r\n\tfont-weight: 400;\r\n\tline-height: 20px;\r\n}\r\n\r\n.linetable-staticPrice-discountPriceSection {\r\n\tcolor: #2E6199;\r\n\tmargin-right: 8px;\r\n}\r\n\r\n.linetable-staticPrice-discountedPrice {\r\n\tfont-size: 32px;\r\n\tfont-weight: 700;\r\n\tline-height: 40px;\r\n}\r\n\r\n.linetable-staticPrice-basePrice {\r\n\tfont-size: 20px;\r\n\tfont-weight: 700;\r\n\tline-height: 28px;\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.linetable-staticPrice-priceStrikeout::after {\r\n\tcontent: "";\r\n\tposition: absolute;\r\n\tright: -1px;\r\n\tleft: -2px;\r\n\ttop: 50%;\r\n\twidth: 100%;\r\n\tborder-bottom: 2px solid #da291c;\r\n\ttransform: rotate(-18.22deg);\r\n}\r\n\r\n.linetable-staticPrice-noDiscountPrice {\r\n\tfont-size: 32px;\r\n\tfont-weight: 700;\r\n\tline-height: 40px;\r\n}\r\n\r\n.linetable-staticPrice-contractDescription {\r\n\tmargin-top: 6px;\r\n}\r\n\r\n.linetable-staticPrice-addToCart {\r\n\tmargin-top: 8px;\r\n\twidth: 100%;\r\n\tpadding: 10px 24px;\r\n\tborder-radius: 25px;\r\n\tbackground: #DA291C;\r\n\tcolor: #FFFFFF;\r\n\tfont-size: 16px;\r\n\tfont-weight: 700;\r\n\tline-height: 24px;\r\n\tborder: 0px;\r\n}\r\n\r\n.linetable-staticPrice-productDetails-priceWrapper {\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n}\r\n\r\n@media (min-width: 425px) {\r\n\t.linetable-staticPrice-productDetails-addToCart {\r\n\t\tmin-width: 120px;\r\n\t}\r\n}');const X=({content:n,addToCart:r,variant:o})=>{const i=l(U),a=()=>{I("linetable-staticPrice-priceSection",i.listLength)};t((()=>{setTimeout((()=>{a()}),200),window.addEventListener("resize",a)}),[n]);return e.createElement("div",{className:`linetable-staticPrice-priceWrapper ${"productDetails"===o&&"linetable-staticPrice-productDetails-priceWrapper"}`},e.createElement("div",{id:`linetable-staticPrice-priceSection${null==i?void 0:i.indexKey}`},e.createElement("div",{className:"linetable-staticPrice-priceSection"},(null==n?void 0:n.isEnableDiscountPrice)&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},null==n?void 0:n.discountPriceValue),null==n?void 0:n.priceDuration),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+((null==n?void 0:n.isEnableDiscountPrice)?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},z(null==n?void 0:n.priceValue)),!(null==n?void 0:n.isEnableDiscountPrice)&&e.createElement(e.Fragment,null,null==n?void 0:n.priceDuration))),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},null==n?void 0:n.contractDescription)),e.createElement("div",null,e.createElement("button",{className:`linetable-staticPrice-addToCart ${"productDetails"===o&&"linetable-staticPrice-productDetails-addToCart"}`,onClick:()=>{"function"==typeof r&&r(n)}},null==n?void 0:n.addButton)))},q=({content:t,updatedContent:r,modalTriggered:l,addToCart:o})=>{var i;const[a,d]=n(!1),c=null==t?void 0:t.subscriptionDetailModal;let s=[],u="";c&&(null==c?void 0:c.length)>0&&(null==c||c.map((e=>{s=null==e?void 0:e.modalBody,null==e||e.productPriceVariant,u=null==e?void 0:e.backButton,null==e||e.priceChangeContent})));const m=()=>{d(!a),"function"==typeof l&&l()};return e.createElement(e.Fragment,null,a&&e.createElement(G,{modalState:a,handler:m,showFooter:!1,height:"100%",width:"883px",backButton:u},e.createElement(e.Fragment,null,null==s?void 0:s.map(((n,t)=>e.createElement(W,null,e.createElement(e.Fragment,null,"falconDescription"===(null==n?void 0:n.component)&&e.createElement(D,{content:n,key:t}),"spacer"===(null==n?void 0:n.component)&&e.createElement(J,{content:n}),"falconAccordionList"===(null==n?void 0:n.component)&&e.createElement(V,{content:n}))))),(null==t?void 0:t.isEnablePrice)&&e.createElement(X,{content:t,addToCart:o,variant:"productDetails"}))),e.createElement("span",{onClick:m,className:"linetable-productDetailsText"},null!==(i=null==r?void 0:r.subscription)&&void 0!==i?i:null==r?void 0:r.subscriptionText))},Q=({content:n,showPrice:t,addToCart:r})=>{var l,o,i,a,d;const c=null!==(l=null==t?void 0:t.base)&&void 0!==l?l:0;let s=null!==(a=null===(i=null===(o=null==t?void 0:t.discount)||void 0===o?void 0:o[0])||void 0===i?void 0:i.value)&&void 0!==a?a:0;null===(d=null==t?void 0:t.discount)||void 0===d||d.map((e=>{1==(null==e?void 0:e.cycleStart)&&(s=null==e?void 0:e.value)}));const u=null==t?void 0:t.contractDuration;return e.createElement("div",{className:"linetable-staticPrice-priceWrapper"},(null==t?void 0:t.base)?e.createElement(e.Fragment,null,s>0&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},z(s)),null==n?void 0:n.priceDuration),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+(s>0?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},z(c)),0===s&&(null==n?void 0:n.priceDuration)),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},u&&0!==u?e.createElement("div",null):e.createElement("div",null,null==n?void 0:n.contractDescription))):"",e.createElement("div",null,e.createElement("button",{className:"linetable-staticPrice-addToCart",onClick:r},null==n?void 0:n.addButton)))},Z=({content:n,updatedContent:l,indexKey:i,listLength:a,addToCart:d,metadata:c,modalTriggered:s,showPrice:u})=>{var m,p,v,g,h,b,f,x,y,_,E,w,T,P,C,k,N,z,S,B,A,L,D,F,j,R,$,Y,K,G,W,H,V,J,Z,ee,ne,te,re,le,oe,ie,ae,de,ce,se,ue,me,pe,ve,ge,he,be,fe,xe;const ye=Object.assign({},null!==(v=null===(p=null===(m=null==n?void 0:n.testProductReference)||void 0===m?void 0:m[0])||void 0===p?void 0:p.reference)&&void 0!==v?v:null==n?void 0:n.reference),_e={listLength:a,indexKey:i,arrowUpIcon:null===(f=null===(b=null===(h=null===(g=null==ye?void 0:ye.content)||void 0===g?void 0:g.body)||void 0===h?void 0:h[0])||void 0===b?void 0:b.arrowUp)||void 0===f?void 0:f.filename,arrowDownIcon:null===(E=null===(_=null===(y=null===(x=null==ye?void 0:ye.content)||void 0===x?void 0:x.body)||void 0===y?void 0:y[0])||void 0===_?void 0:_.arrowDown)||void 0===E?void 0:E.filename,arrowLeftRed:null===(C=null===(P=null===(T=null===(w=null==ye?void 0:ye.content)||void 0===w?void 0:w.body)||void 0===T?void 0:T[0])||void 0===P?void 0:P.arrowLeftRed)||void 0===C?void 0:C.filename},Ee=null!==(k=null==l?void 0:l.enableNewAddToCart)&&void 0!==k&&k,we=r(null),Te=r(null),Pe=o((()=>_e),[_e]),Ce=()=>{I("linetable-card-title",a),I("linetable-card-tooltiptxt",a),I("linetable-card-bottomConatiner",a)};return t((()=>{setTimeout((()=>{Ce()}),100),null===window||void 0===window||window.addEventListener("resize",Ce)}),[n]),e.createElement(U.Provider,{value:Pe},e.createElement("div",{className:"linetable-card-productTeaser"},e.createElement("div",{className:"linetable-card-productContainer "},ye.content&&e.createElement(e.Fragment,null,e.createElement("div",{className:"linetable-card-titleContainer",id:`linetable-card-title${i}`,ref:we},e.createElement("div",{className:"linetable-card-prodHeading"},null===(z=null===(N=null==ye?void 0:ye.content)||void 0===N?void 0:N.body[0])||void 0===z?void 0:z.name),e.createElement("div",{className:"linetable-card-productTitle"},e.createElement("h3",null,null===(B=null===(S=null==ye?void 0:ye.content)||void 0===S?void 0:S.body[0])||void 0===B?void 0:B.displayName),(null===(D=null===(L=null===(A=null==ye?void 0:ye.content)||void 0===A?void 0:A.body[0])||void 0===L?void 0:L.prodImage)||void 0===D?void 0:D.filename)&&e.createElement("img",{src:null===(R=null===(j=null===(F=null==ye?void 0:ye.content)||void 0===F?void 0:F.body[0])||void 0===j?void 0:j.prodImage)||void 0===R?void 0:R.filename,height:15,width:20})),e.createElement("div",{className:"linetable-card-prodDescription"},e.createElement(O,{content:null===(Y=null===($=null==ye?void 0:ye.content)||void 0===$?void 0:$.body[0])||void 0===Y?void 0:Y.description}))),!(null==l?void 0:l.isPrepaidFlow)&&e.createElement("hr",null)),(null==ye?void 0:ye.content)&&(null===(G=null===(K=null==ye?void 0:ye.content)||void 0===K?void 0:K.body[0])||void 0===G?void 0:G.introText)&&e.createElement(e.Fragment,null,e.createElement("div",{className:""+(Ee?"d-block":"d-none d-sm-block")},e.createElement("div",{className:"linetable-card-introText",id:`linetable-card-tooltiptxt${i}`,ref:Te},e.createElement(O,{content:null===(H=null===(W=null==ye?void 0:ye.content)||void 0===W?void 0:W.body[0])||void 0===H?void 0:H.introText})),e.createElement("hr",null))),null===(Z=(null===(J=null===(V=null==ye?void 0:ye.content)||void 0===V?void 0:V.body[0])||void 0===J?void 0:J.entitlementConfig)||[])||void 0===Z?void 0:Z.map(((t,r)=>e.createElement(M,{content:t,product:n,key:r,indexKey:r,showEntitleValue:Ee,metadata:c,modalTriggered:s}))),e.createElement("hr",null),e.createElement("div",{id:`linetable-card-bottomConatiner${i}`,className:"linetable-card-bottomConatiner"},e.createElement("div",{className:"linetable-card-productDetailSection"},(null===(re=null===(te=null===(ne=null===(ee=null==ye?void 0:ye.content)||void 0===ee?void 0:ee.body)||void 0===ne?void 0:ne[0])||void 0===te?void 0:te.productDetailIcon)||void 0===re?void 0:re.filename)&&e.createElement("img",{src:null===(ae=null===(ie=null===(oe=null===(le=null==ye?void 0:ye.content)||void 0===le?void 0:le.body)||void 0===oe?void 0:oe[0])||void 0===ie?void 0:ie.productDetailIcon)||void 0===ae?void 0:ae.filename,width:24,height:24}),e.createElement(q,{content:null===(ce=null===(de=null==ye?void 0:ye.content)||void 0===de?void 0:de.body)||void 0===ce?void 0:ce[0],updatedContent:l,modalTriggered:s,addToCart:d})),e.createElement("div",null,(null===(me=null===(ue=null===(se=null==ye?void 0:ye.content)||void 0===se?void 0:se.body)||void 0===ue?void 0:ue[0])||void 0===me?void 0:me.isEnablePrice)&&e.createElement(X,{content:null===(ve=null===(pe=null==ye?void 0:ye.content)||void 0===pe?void 0:pe.body)||void 0===ve?void 0:ve[0],addToCart:d,variant:"productCard"})),e.createElement("div",null,!(null===(be=null===(he=null===(ge=null==ye?void 0:ye.content)||void 0===ge?void 0:ge.body)||void 0===he?void 0:he[0])||void 0===be?void 0:be.isEnablePrice)&&!(null==l?void 0:l.staticPrice)&&e.createElement(Q,{content:null===(xe=null===(fe=null==ye?void 0:ye.content)||void 0===fe?void 0:fe.body)||void 0===xe?void 0:xe[0],showPrice:u,addToCart:d}))))))},ee=n=>e.createElement(e.Fragment,null,e.createElement(x,{responsive:{desktop:{breakpoint:{max:7e3,min:1440},items:4},tabletLarge:{breakpoint:{max:1439,min:1024},items:3},tabletMedium:{breakpoint:{max:1023,min:768},items:2},mobile:{breakpoint:{max:767,min:0},items:1}},deviceType:"desktop",ssr:!0,renderButtonGroupOutside:!0,partialVisible:!0,swipeable:!0,autoPlay:!1,shouldResetAutoplay:!1,arrows:!0},n.children),e.createElement("p",null,"compo"));var ne={carouselContainer:"ProductTeaser-module_carouselContainer__RzBpK",arrowButton:"ProductTeaser-module_arrowButton__-AkY4",leftArrow:"ProductTeaser-module_leftArrow__Ybrjm",rightArrow:"ProductTeaser-module_rightArrow__MYs5F",stageTeaserTab:"ProductTeaser-module_stageTeaserTab__VYRxL",stageTeaserTabActive:"ProductTeaser-module_stageTeaserTabActive__Wu5nT",carousel_dot:"ProductTeaser-module_carousel_dot__zxG-A",carouselItem:"ProductTeaser-module_carouselItem__vtLwf",teaserImage:"ProductTeaser-module_teaserImage__sQ3ed",titleSection:"ProductTeaser-module_titleSection__YqXUJ",extraSpace:"ProductTeaser-module_extraSpace__HFJ2A",featureSection:"ProductTeaser-module_featureSection__T-YzP",gradiantBox:"ProductTeaser-module_gradiantBox__Eys-K",addOnSection:"ProductTeaser-module_addOnSection__G4zhX",featureList:"ProductTeaser-module_featureList__gmPS1",horizontalLine:"ProductTeaser-module_horizontalLine__Nfj9U",priceContainer:"ProductTeaser-module_priceContainer__CzBhB",priceDesc:"ProductTeaser-module_priceDesc__8Er0h"};_('/* center a block element */\n/* use this to any of the pseudo elements as these are the mandatory properties */\n/* setting styles in separate formats for cross browser support */\n/* specify the max width for an element and apply ellipses and truncate the overflow */\n/* vertically center alilgn any HTML element */\n/* add basePath to assets */\n.ProductTeaser-module_carouselContainer__RzBpK {\n position: static;\n margin-top: 32px;\n border-radius: 24px;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_arrowButton__-AkY4, .ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm, .ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F {\n background: #ffffff;\n box-shadow: 0px 4px 12px rgba(87, 84, 82, 0.2);\n border-radius: 24px;\n font-size: 16px;\n height: 44px;\n width: 44px;\n padding: 10px;\n position: absolute;\n border: none;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_arrowButton__-AkY4::before, .ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm::before, .ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F::before {\n color: #da291c;\n font-size: 20px;\n display: block;\n font-family: revicons;\n text-align: center;\n z-index: 2;\n position: relative;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F {\n right: 22px;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F::before {\n content: "\\e825";\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_rightArrow__MYs5F:disabled {\n background: #E6E3DF;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm {\n left: 22px;\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm::before {\n content: "\\e824";\n}\n.ProductTeaser-module_carouselContainer__RzBpK .ProductTeaser-module_leftArrow__Ybrjm:disabled {\n background: #E6E3DF;\n}\n\n.ProductTeaser-module_stageTeaserTab__VYRxL, .ProductTeaser-module_stageTeaserTabActive__Wu5nT {\n border-radius: 40px;\n border: none;\n color: #5f5955;\n background-color: #ffffff;\n font-size: 16px;\n line-height: 24px;\n font-weight: 700;\n padding: 10px 24px;\n}\n\n.ProductTeaser-module_stageTeaserTabActive__Wu5nT {\n color: #ffffff;\n background: #da291c;\n}\n\n.ProductTeaser-module_carousel_dot__zxG-A {\n border-radius: 50px;\n background-color: #ffffff;\n border: 2px solid rgba(61, 57, 53, 0.25);\n padding: 1px;\n width: fit-content;\n margin: 0 auto;\n position: absolute;\n top: -24px;\n height: fit-content;\n}\n\n.ProductTeaser-module_carouselItem__vtLwf {\n position: relative;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_carouselItem__vtLwf {\n display: flex;\n justify-content: center;\n }\n .ProductTeaser-module_carouselItem__vtLwf .ProductTeaser-module_teaserImage__sQ3ed {\n min-width: 343px;\n border-radius: 24px;\n position: absolute;\n }\n}\n\n.ProductTeaser-module_titleSection__YqXUJ {\n position: absolute;\n top: 146px;\n left: 107px;\n color: #ffffff;\n font-weight: 700;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_titleSection__YqXUJ {\n max-width: 311px;\n text-align: center;\n top: 32px;\n left: unset;\n }\n}\n.ProductTeaser-module_titleSection__YqXUJ div {\n font-size: 16px;\n line-height: 24px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_titleSection__YqXUJ div {\n font-size: 14px;\n line-height: 20px;\n }\n}\n.ProductTeaser-module_titleSection__YqXUJ p {\n max-width: 412px;\n font-size: 28px;\n line-height: 36px;\n margin: 8px 0 12px 0;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_titleSection__YqXUJ p {\n font-size: 20px;\n line-height: 28px;\n max-width: 311px;\n }\n}\n.ProductTeaser-module_titleSection__YqXUJ span {\n font-weight: 400;\n font-size: 16px;\n line-height: 20px;\n}\n\n@media (max-width: 767px) {\n .ProductTeaser-module_extraSpace__HFJ2A {\n top: 42px;\n }\n}\n\n.ProductTeaser-module_featureSection__T-YzP {\n position: absolute;\n right: 107px;\n top: 129px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_featureSection__T-YzP {\n right: unset;\n top: unset;\n margin-top: 397px;\n font-size: 14px;\n line-height: 20px;\n background-color: #ffffff;\n color: #3D3935;\n border-radius: 12px;\n position: relative;\n }\n}\n\n.ProductTeaser-module_gradiantBox__Eys-K, .ProductTeaser-module_addOnSection__G4zhX, .ProductTeaser-module_featureList__gmPS1 {\n border-radius: 12px;\n background: rgba(0, 0, 0, 0.2);\n backdrop-filter: blur(12.5px);\n color: #ffffff;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_gradiantBox__Eys-K, .ProductTeaser-module_addOnSection__G4zhX, .ProductTeaser-module_featureList__gmPS1 {\n background: none;\n color: unset;\n backdrop-filter: unset;\n }\n}\n\n.ProductTeaser-module_featureList__gmPS1 {\n padding: 4px 20px;\n}\n.ProductTeaser-module_featureList__gmPS1 div {\n margin: 12px 0;\n}\n.ProductTeaser-module_featureList__gmPS1 div img {\n margin-right: 10px;\n}\n.ProductTeaser-module_featureList__gmPS1 .ProductTeaser-module_horizontalLine__Nfj9U {\n opacity: 0.5;\n background: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);\n height: 1px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_featureList__gmPS1 .ProductTeaser-module_horizontalLine__Nfj9U {\n height: 1px;\n opacity: 0.2;\n background: #3D3935;\n }\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_featureList__gmPS1 {\n border-radius: 12px 12px 0px 0px;\n }\n}\n\n.ProductTeaser-module_addOnSection__G4zhX {\n padding: 16px 20px;\n margin-top: 16px;\n display: flex;\n}\n.ProductTeaser-module_addOnSection__G4zhX img {\n margin-right: 10px;\n}\n.ProductTeaser-module_addOnSection__G4zhX span {\n margin-left: auto;\n}\n.ProductTeaser-module_addOnSection__G4zhX span span {\n margin-right: 10px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_addOnSection__G4zhX {\n border-radius: 0px 0px 12px 12px;\n margin-top: 0px;\n padding: 12px 20px;\n align-items: center;\n }\n}\n\n.ProductTeaser-module_priceContainer__CzBhB {\n position: absolute;\n bottom: 40px;\n width: 100%;\n color: #ffffff;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB {\n color: #3D3935;\n position: static;\n display: flex;\n justify-content: center;\n flex-direction: column;\n padding: 16px;\n }\n}\n.ProductTeaser-module_priceContainer__CzBhB span {\n font-size: 24px;\n line-height: 32px;\n font-weight: 700;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB span {\n margin-right: unset;\n flex-direction: column;\n font-size: 20px;\n line-height: 28px;\n }\n .ProductTeaser-module_priceContainer__CzBhB span div {\n margin-bottom: 8px;\n }\n}\n.ProductTeaser-module_priceContainer__CzBhB span div {\n margin-right: 12px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB span div {\n margin-right: unset;\n }\n}\n.ProductTeaser-module_priceContainer__CzBhB span p {\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n display: inline-block;\n}\n.ProductTeaser-module_priceContainer__CzBhB span button {\n padding: 14px 24px;\n font-weight: 700;\n border: none;\n background-color: #da291c;\n color: #ffffff;\n border-radius: 28px;\n display: flex;\n align-items: center;\n}\n.ProductTeaser-module_priceContainer__CzBhB span button img {\n margin-left: 8px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB span button {\n font-size: 16px;\n line-height: 24px;\n padding: 10px 24px;\n min-width: 100%;\n display: flex;\n justify-content: center;\n }\n}\n.ProductTeaser-module_priceContainer__CzBhB .ProductTeaser-module_priceDesc__8Er0h {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 10px;\n}\n@media (max-width: 767px) {\n .ProductTeaser-module_priceContainer__CzBhB .ProductTeaser-module_priceDesc__8Er0h {\n font-size: 14px;\n line-height: 20px;\n margin-top: 8px;\n }\n}');const te=({content:r})=>{var l,o,a,d,c,s;const u=null===(l=null==E?void 0:E.getInstance())||void 0===l?void 0:l.getBaseUrl(),m=null===(o=null==E?void 0:E.getInstance())||void 0===o?void 0:o.getCartUrl(),p=(()=>{const[e,r]=n(0);return t((()=>{const e=()=>{r(window.innerWidth)};return window.addEventListener("resize",e),e(),()=>window.removeEventListener("resize",e)}),[]),e>=1440?"large-desktop":e<1440&&e>=1024?"desktop":e<1024&&e>=768?"tablet":e<768&&e>0?"mobile":""})(),h=null===(a=null==r?void 0:r.productTeaserSlides)||void 0===a?void 0:a.map((e=>null==e?void 0:e.tabTitle)),[b,f]=n(!1),[_,P]=n([]),C=()=>{f(!b)},k=[];null===(d=(null==r?void 0:r.productTeaserSlides)||[])||void 0===d||d.forEach(((e,n)=>{var t,r;(null==e?void 0:e.productId)&&0===(null===(t=k.filter((n=>n.id===(null==e?void 0:e.productId))))||void 0===t?void 0:t.length)&&k.push({id:null==e?void 0:e.productId,promoIds:[(null==e?void 0:e.promoId)?null==e?void 0:e.promoId:"fixnet"===(null==e?void 0:e.productType)?"defaultWirelineBundle":"defaultMobilePostpaidBundle"]}),(null==e?void 0:e.tvProductId)&&0===(null===(r=k.filter((n=>n.id===(null==e?void 0:e.tvProductId))))||void 0===r?void 0:r.length)&&k.push({id:null==e?void 0:e.tvProductId,promoIds:[(null==e?void 0:e.promoId)?null==e?void 0:e.promoId:"defaultWirelineBundle"]})})),t((()=>{var e,n;0===(null==_?void 0:_.length)&&(e=k,n=u,R(void 0,void 0,void 0,(function*(){try{localStorage.removeItem("entertainment");const t={headers:{"x-correlation-id":g(),"x-sunrise-channel":w}},r=n+T,l=yield i.getApiServiceInstance().post(r,e,t).then((e=>{if(200==e.status)return null==e?void 0:e.data}));if(l.error)return l.error;{const e=[];return null==l||l.forEach((n=>{e[n.id]=n})),e}}catch(e){console.log("error---\x3e",e)}}))).then((e=>{e&&Object.keys(e).length>0&&P(e)})).catch((e=>{console.log("error---\x3e",e)}))}),[]);const N=n=>{var t,r,l,o,i,a,d,c,s,u,p,g;return e.createElement("div",{className:ne.priceContainer},(null===(l=null===(r=null===(t=_[null==n?void 0:n.productId])||void 0===t?void 0:t.prices)||void 0===r?void 0:r[0])||void 0===l?void 0:l.value)>0&&(null===(a=null===(i=null===(o=_[null==n?void 0:n.tvProductId])||void 0===o?void 0:o.prices)||void 0===i?void 0:i[0])||void 0===a?void 0:a.value)>0&&e.createElement("span",null,e.createElement("div",null,"CHF"," ",z(b?null===(s=null===(c=null===(d=_[null==n?void 0:n.tvProductId])||void 0===d?void 0:d.prices)||void 0===c?void 0:c[0])||void 0===s?void 0:s.value:null===(g=null===(p=null===(u=_[null==n?void 0:n.productId])||void 0===u?void 0:u.prices)||void 0===p?void 0:p[0])||void 0===g?void 0:g.value),e.createElement("p",null,null==n?void 0:n.conDuration)),e.createElement("button",{onClick:()=>(e=>{if("fixnet"===(null==e?void 0:e.productType)){const n=localStorage.getItem("lineCheckResponse"),t=n&&JSON.parse(n),r=v.get("chAddressJson"),l=v.get("one-commerce-linecheckcorrelationid"),o=b?null==e?void 0:e.tvProductId:null==e?void 0:e.productId;t&&r&&l&&0!==Object.keys(_).length&&Y([_[o]],"",(null==e?void 0:e.promoId)?null==e?void 0:e.promoId:"defaultWirelineBundle",m,null==e?void 0:e.productType).then((e=>{v.remove("one-commerce-cartId",{path:"/"}),v.set("one-commerce-cartId",null==e?void 0:e.id,{path:"/"}),v.set("cartProduct",o,{path:"/"}),v.remove("landline")})).catch((e=>{console.log(e)}))}else"mobile"===(null==e?void 0:e.productType)&&0!==Object.keys(_).length&&Y([_[null==e?void 0:e.productId]],"",(null==e?void 0:e.promoId)?null==e?void 0:e.promoId:"defaultMobilePostpaidBundle",m,null==e?void 0:e.productType).then((n=>{v.remove("one-commerce-cartId",{path:"/"}),v.set("one-commerce-cartId",null==n?void 0:n.id,{path:"/"}),v.set("cartProduct",null==e?void 0:e.productId,{path:"/"})})).catch((e=>{console.log(e)}))})(n)},null==n?void 0:n.buttonLbl)),e.createElement("div",{className:ne.priceDesc},null==n?void 0:n.priceDesc))};return e.createElement("div",{className:"position-relative"},e.createElement(x,{responsive:{desktop:{breakpoint:{max:3e3,min:1024},items:1},tablet:{breakpoint:{max:1024,min:464},items:1},mobile:{breakpoint:{max:464,min:0},items:1}},autoPlay:!1,shouldResetAutoplay:!1,showDots:1!==(null===(c=null==r?void 0:r.productTeaserSlides)||void 0===c?void 0:c.length),customDot:e.createElement((n=>{const{onClick:t,active:r,index:l}=n;return e.createElement("button",{className:r?ne.stageTeaserTabActive:ne.stageTeaserTab,onClick:()=>t()},h[l])}),null),dotListClass:ne.carousel_dot,itemClass:ne.carouselItem,ssr:!0,arrows:!1,containerClass:ne.carouselContainer,sliderClass:ne.sliderClass,customButtonGroup:e.createElement((n=>{var t,l,o;return e.createElement(e.Fragment,null,(null===(t=null==r?void 0:r.productTeaserSlides)||void 0===t?void 0:t.length)>1&&"mobile"!==p&&e.createElement("div",{style:{textAlign:"center"}},e.createElement("button",{disabled:0===(null===(l=null==n?void 0:n.carouselState)||void 0===l?void 0:l.currentSlide),className:ne.leftArrow,onClick:n.previous}),e.createElement("button",{disabled:(null===(o=null==n?void 0:n.carouselState)||void 0===o?void 0:o.currentSlide)+1===(null==n?void 0:n.carouselState.totalItems),className:ne.rightArrow,onClick:n.next})))}),null)},null===(s=(null==r?void 0:r.productTeaserSlides)||[])||void 0===s?void 0:s.map((n=>{var t,l,o,i,a,d,c;return e.createElement("div",{className:ne.carouselItem},("large-desktop"===p||"desktop"===p)&&e.createElement("img",{src:null===(t=null==n?void 0:n.desktopBGImage)||void 0===t?void 0:t.filename,alt:"",width:"100%",height:"550px",className:ne.teaserImage}),"tablet"===p&&e.createElement("img",{src:null===(l=null==n?void 0:n.tabBGImage)||void 0===l?void 0:l.filename,alt:"",width:"100%",height:"550px",className:ne.teaserImage}),"mobile"===p&&e.createElement("img",{src:null===(o=null==n?void 0:n.mobileBGImage)||void 0===o?void 0:o.filename,alt:"",width:"343px",height:"500px",className:ne.teaserImage}),e.createElement("span",{className:`${ne.titleSection} ${(null===(i=null==r?void 0:r.productTeaserSlides)||void 0===i?void 0:i.length)>1&&ne.extraSpace}`},e.createElement("div",null,null==n?void 0:n.heading),e.createElement("p",null,null==n?void 0:n.subHeading),e.createElement("span",null,null==n?void 0:n.description)),e.createElement("div",{className:ne.featureSection},e.createElement("div",{className:ne.featureList},null===(a=(null==n?void 0:n.details)||[])||void 0===a?void 0:a.map(((n,t)=>{var r;return e.createElement(e.Fragment,null,t>0&&"mobile"!==p&&e.createElement("div",{className:ne.horizontalLine}),e.createElement("div",null,e.createElement("img",{src:null===(r=null==n?void 0:n.icon)||void 0===r?void 0:r.filename,alt:"",width:24,height:24}),null==n?void 0:n.text))}))),"mobile"===p&&"fixnet"===(null==n?void 0:n.productType)&&e.createElement("hr",{style:{margin:"0px 16px"}}),"fixnet"===(null==n?void 0:n.productType)&&e.createElement("div",{className:ne.addOnSection},null===(c=null===(d=null==n?void 0:n.tvDetails)||void 0===d?void 0:d[0])||void 0===c?void 0:c.text,e.createElement("span",{className:"d-flex align-items-center"},e.createElement("span",null,null==n?void 0:n.tvPrice),e.createElement(y,null,e.createElement(y.Check,{type:"switch",readOnly:!0,onClick:C,checked:b})))),"mobile"===p&&e.createElement(e.Fragment,null,e.createElement("hr",{style:{margin:"0px 16px"}}),N(n))),"mobile"!==p&&e.createElement(e.Fragment,null,N(n)))}))))};export{C as Button,Z as Card,M as CardEntitlement,ee as CarouselComp,E as LineTableBasicPropConfig,k as LoginModal,te as ProductTeaser};
2
2
  //# sourceMappingURL=index.js.map
package/dist/esm/services/LineTableBasicPropConfig.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export interface LineTableBasicPropConfigSchema {
2
2
  baseURL: string | '';
3
+ cartURL: string | '';
3
4
  }
4
5
  export declare class LineTableBasicPropConfig {
5
6
  private static instance;
@@ -7,6 +8,7 @@ export declare class LineTableBasicPropConfig {
7
8
  private constructor();
8
9
  getConfig: () => LineTableBasicPropConfigSchema;
9
10
  getBaseUrl: () => string;
11
+ getCartUrl: () => string;
10
12
  static getInstance: () => LineTableBasicPropConfig;
11
13
  static create: (p_config: LineTableBasicPropConfigSchema) => void;
12
14
  }
package/dist/esm/services/LineTableService.d.ts CHANGED
@@ -1 +1,3 @@
1
1
  export declare const fetchCountryList: (name: string, lang: string, url: string, TTL: number) => Promise<any>;
2
+ export declare const fetchOfferingDataV2: (params: any, url: any) => Promise<any>;
3
+ export declare const createCartV2: (productData: any, radioValue: string, defaultPromo: string, cartUrl: string, productType: string) => Promise<any>;
package/dist/esm/services/api-constants.d.ts CHANGED
@@ -1 +1,6 @@
1
1
  export declare const API_BASE_BASEPOINT: any;
2
+ export declare const APIResourceConstants: {
3
+ X_SUN_CHAL: string;
4
+ LINE_TABLEV2: string;
5
+ CREATE_CARTV2: string;
6
+ };
package/dist/esm/utils/constants.d.ts CHANGED
@@ -8,3 +8,4 @@ export declare const FALCONDESCRIPTIONLIST = "falconAccordionList";
8
8
  export declare const SPACER = "spacer";
9
9
  export declare const COUNTRYLISTCOMPONENT = "countryListComponent";
10
10
  export declare const SBCONSTANT = "sbstaticcontent";
11
+ export declare const CHF = "CHF";
package/dist/esm/utils/utils.d.ts CHANGED
@@ -6,3 +6,5 @@ export declare const countZero: (value: any) => any;
6
6
  export declare const setLocalStoreWithExpiry: (key: string, value: any, ttl?: any) => void;
7
7
  export declare const getLocalStorageWithExpiry: (key: string) => any;
8
8
  export declare const removeLocalStorage: (key: string) => void;
9
+ export declare const viewport: () => string;
10
+ export declare const getCookies: (cname: string) => any;
package/dist/index.d.ts CHANGED
@@ -76,8 +76,11 @@ declare const CardEntitlement: FC<CardEntitlementSchema>;
76
76
 
77
77
  declare const CarouselComp: FC<any>;
78
78
 
79
+ declare const ProductTeaser: FC<any>;
80
+
79
81
  interface LineTableBasicPropConfigSchema {
80
82
  baseURL: string | '';
83
+ cartURL: string | '';
81
84
  }
82
85
  declare class LineTableBasicPropConfig {
83
86
  private static instance;
@@ -85,8 +88,9 @@ declare class LineTableBasicPropConfig {
85
88
  private constructor();
86
89
  getConfig: () => LineTableBasicPropConfigSchema;
87
90
  getBaseUrl: () => string;
91
+ getCartUrl: () => string;
88
92
  static getInstance: () => LineTableBasicPropConfig;
89
93
  static create: (p_config: LineTableBasicPropConfigSchema) => void;
90
94
  }
91
95
 
92
- export { Button, Card, CardEntitlement, CarouselComp, LineTableBasicPropConfig, LineTableBasicPropConfigSchema, LoginModal };
96
+ export { Button, Card, CardEntitlement, CarouselComp, LineTableBasicPropConfig, LineTableBasicPropConfigSchema, LoginModal, ProductTeaser };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/mobile-prod-card",
3
- "version": "1.0.9",
3
+ "version": "1.0.10",
4
4
  "description": "Starter project to create reusable functional component",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -39,6 +39,8 @@
39
39
  "@types/node": "^16.18.11",
40
40
  "@types/react": "^18.0.26",
41
41
  "@types/react-dom": "^18.0.10",
42
+ "@types/js-cookie": "^3.0.3",
43
+ "@types/uuid": "^8.3.4",
42
44
  "axios": "^0.21.4",
43
45
  "postcss": "8.4.21",
44
46
  "rimraf": "^3.0.2",
@@ -50,8 +52,7 @@
50
52
  "sass": "^1.57.1",
51
53
  "semver": "^7.3.8",
52
54
  "tslib": "^2.4.1",
53
- "typescript": "^4.9.4",
54
- "uuid": "^8.3.2"
55
+ "typescript": "^4.9.4"
55
56
  },
56
57
  "peerDependencies": {
57
58
  "@sunrise-upc/ajax-lib": "^1.1.5",
@@ -59,6 +60,8 @@
59
60
  "react-bootstrap": "^2.0.0-beta.4",
60
61
  "react-dom": "^17.0.2",
61
62
  "react-multi-carousel": "^2.8.4",
63
+ "js-cookie": "^3.0.1",
64
+ "uuid": "^8.3.2",
62
65
  "storyblok-rich-text-react-renderer-ts": "^3.2.0"
63
66
  }
64
67
  }