@sunrise-upc/mobile-prod-card 1.0.3 → 1.0.5

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 (12) hide show
  1. package/dist/cjs/components/CardComp/Card.d.ts +2 -1
  2. package/dist/cjs/components/DynamicPriceComp/DynamicPrice.d.ts +9 -0
  3. package/dist/cjs/components/StaticPriceComp/StaticPriceComp.d.ts +6 -1
  4. package/dist/cjs/index.js +1 -1
  5. package/dist/esm/components/CardComp/Card.d.ts +2 -1
  6. package/dist/esm/components/DynamicPriceComp/DynamicPrice.d.ts +9 -0
  7. package/dist/esm/components/StaticPriceComp/StaticPriceComp.d.ts +6 -1
  8. package/dist/esm/index.js +1 -1
  9. package/dist/index.d.ts +2 -1
  10. package/package.json +1 -1
  11. package/dist/cjs/components/types/Component.types.d.ts +0 -12
  12. package/dist/esm/components/types/Component.types.d.ts +0 -12
package/dist/cjs/components/CardComp/Card.d.ts CHANGED
@@ -6,9 +6,10 @@ interface CardSchema {
6
6
  updatedContent: any;
7
7
  indexKey: number;
8
8
  listLength: number;
9
- addToCart?: (e: string) => void;
9
+ addToCart?: (e: any) => void;
10
10
  metadata?: ComponentMetadata | undefined;
11
11
  modalTriggered?: () => void;
12
+ showPrice?: any;
12
13
  }
13
14
  declare const Card: FC<CardSchema>;
14
15
  export default Card;
package/dist/cjs/components/DynamicPriceComp/DynamicPrice.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { FC } from "react";
2
+ import "../StaticPriceComp/StaticPriceComp.css";
3
+ interface DynamicPriceSchema {
4
+ content: any;
5
+ showPrice?: any;
6
+ addToCart?: (e: any) => void;
7
+ }
8
+ declare const DynamicPrice: FC<DynamicPriceSchema>;
9
+ export default DynamicPrice;
package/dist/cjs/components/StaticPriceComp/StaticPriceComp.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  import { FC } from "react";
2
2
  import "./StaticPriceComp.css";
3
- declare const StaticPriceComp: FC<any>;
3
+ interface StaticPriceCompSchema {
4
+ content: any;
5
+ addToCart?: (e: any) => void;
6
+ variant: string;
7
+ }
8
+ declare const StaticPriceComp: FC<StaticPriceCompSchema>;
4
9
  export default StaticPriceComp;
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"),r=require("react-bootstrap/CloseButton"),l=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 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))}}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 r,l,i=0;[...Array(n)].forEach((()=>{l=document.getElementById(`${e}${i}`),null!=l&&(l.style.height="unset",t.push(null==l?void 0:l.clientHeight),i++)})),r=Math.max(...t),i=0,[...Array(n)].forEach((()=>{l=document.getElementById(`${e}${i}`),null!=l&&(l.style.height=`${r}px`),i++}))},v=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)},g="none";s(".dbold {\r\n font-weight: 500;\r\n font-size: 40px;\r\n line-height: 60px;\r\n}\r\n");const h=({content:n})=>{var t;const r=m((null==n?void 0:n.textColor)&&n.textColor),l=(null==n?void 0:n.textColor)&&n.textColor!=g?r:"",i=(null==n?void 0:n.textColor)&&n.textColor===g?{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({},i)},n.text," "):"h2"===n.headingStyle?e.createElement("h2",{className:`${l}`,style:Object.assign({},i)},n.text):"h3"===n.headingStyle?e.createElement("h3",{className:l,style:Object.assign({},i)},n.text):"h4"===n.headingStyle?e.createElement("h4",{className:l,style:Object.assign({},i)},n.text):e.createElement("div",{className:"dbold",style:Object.assign({},i)},n.text))},f=n=>e.createElement("div",null,l.render(n.content,{markResolvers:{link:(t,r)=>{const{href:l,target:i,linktype:a}=r;return"email"===a?e.createElement("a",{href:`mailto:${l}`,target:null===i||"_self"===i?"_top":"_blank"},t):n.isIFrame?e.createElement("a",{href:l,target:null===i||"_self"===i?"_top":"_blank"},t):e.createElement("a",{href:l,target:null===i?"":i},t)}}})),x=({content:n})=>{var t;const r=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!=g?r:""}`,style:Object.assign({},n.textColor&&n.textColor===g?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{})},e.createElement(f,{content:n.text}))))};s(".linetable-country-overlayModal {\r\n max-width: 900px;\r\n padding: 1rem 2rem;\r\n}\r\n");const y=({children:n,modalState:l,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:l,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(h,{content:d}))),e.createElement("div",{style:{display:a?"none":""}},e.createElement(r,{className:"sr-modal-close",onClick:i}))),e.createElement(t.Body,null,n),e.createElement(t.Footer,null,u&&e.createElement(x,{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 E=({keyParams:n})=>{const[t,r]=e.useState(0),[l,i]=e.useState({}),a={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]},o=n?a[`${n}`]:a.checkout;return e.useEffect((()=>{i(v("sbstaticcontent"))}),[]),e.useEffect((()=>{let e=o.length-1;r(e);const n=setInterval((()=>{r(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 w(e,n,t,r){return new(t||(t=Promise))((function(l,i){function a(e){try{c(r.next(e))}catch(e){i(e)}}function o(e){try{c(r.throw(e))}catch(e){i(e)}}function c(e){var n;e.done?l(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(a,o)}c((r=r.apply(e,n||[])).next())}))}const k=(e,t,r,l)=>w(void 0,void 0,void 0,(function*(){var i;const a=v(`${e}_${t}_countryData`);if(a)return a;try{const a={language:t,type:"B2C"},o=null===(i=(yield n.CMSStoryblokServiceV2.get(r,a)).data)||void 0===i?void 0:i.stories;return o&&o.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`,o,l),o}catch(e){return console.error(e),e}})),C=({linkText:n,product:t,metadata:r,modalTriggered:l})=>{var c,d,s;const[m,p]=e.useState(!1),[v,b]=e.useState([]),[g,h]=e.useState(!0),[f,x]=e.useState(),[w,C]=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 T;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)&&C(null==e?void 0:e.countryValues)}))}))}),[v]),e.useEffect((()=>{(null==w?void 0:w.length)>0&&(T=w.length,x(Math.ceil(T/3)))}),[w]);return e.createElement(e.Fragment,null,e.createElement(y,{modalState:m,handler:()=>{p(!1),"function"==typeof l&&l()},overlay:v},g&&e.createElement(E,{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,w.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,w.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,w.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,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,i,a,o;p(!m),"function"==typeof l&&l();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==r?void 0:r.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;k(v,null==r?void 0:r.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 N=e.createContext({indexKey:0,listLength:0,arrowUpIcon:"",arrowDownIcon:"",arrowLeftRed:""}),T=({content:n,product:t,indexKey:r,showEntitleValue:l,metadata:i,modalTriggered:a})=>{var o,c,d,s;const u=e.useRef(null),m=e.useContext(N),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${m.indexKey}${r}`,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&&l&&e.createElement("div",{className:"linetable-CardEntitlement-entitlementDescription"},null==n?void 0:n.entitlementDescription),(null==n?void 0:n.linkText)&&e.createElement(C,{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}");const P=({modalState:n,handler:t,showFooter:r,footerNode:l,children:i,width:a,height:o,noCloseButton:d,backButton:s})=>{const u=e.useContext(N);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 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")}),[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),r&&e.createElement(c.Modal.Footer,null,l))};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 S=({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.accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 24px 0;\r\n}\r\n\r\n.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.accordion-button::after {\r\n position: absolute;\r\n top: 24px;\r\n right: 0;\r\n background-image: url('../../icons/falcon-arrow-down.svg') !important;\r\n background-size: 24px 24px !important;\r\n background-size: unset;\r\n}\r\n\r\n.accordion-button:not(.collapsed)::after {\r\n background-image: url('../../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 .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 .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 16px 0;\r\n }\r\n\r\n .accordion-body {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .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",null,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(f,{content:null==n?void 0:n.bodyText}))))))},D=({content:n})=>{var t,r,l,i,a,o,c;return e.createElement("section",{className:"linetable-falconAccordion-section"},e.createElement(S,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(h,{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(x,{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)}))))))))},F=({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)===g?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`}}))};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 A=({content:n,addToCart:t,variant:r})=>e.createElement("div",{className:`linetable-staticPrice-priceWrapper ${"productDetails"===r&&"linetable-staticPrice-productDetails-priceWrapper"}`},e.createElement("div",null,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")},(e=>{e=Number(e);let n=0;return n=new RegExp("^[0-9][^.]*$").test(e.toString())?e+".-":e.toFixed(2).replace(/\.00$/,""),n})(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:()=>t(null==n?void 0:n.productId)},null==n?void 0:n.addButton))),L=({content:n,updatedContent:t,modalTriggered:r,addToCart:l})=>{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 r&&r()};return e.createElement(e.Fragment,null,a&&e.createElement(P,{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(S,null,e.createElement(e.Fragment,null,"falconDescription"===(null==n?void 0:n.component)&&e.createElement(x,{content:n,key:t}),"spacer"===(null==n?void 0:n.component)&&e.createElement(F,{content:n}),"falconAccordionList"===(null==n?void 0:n.component)&&e.createElement(D,{content:n}))))),(null==n?void 0:n.isEnablePrice)&&e.createElement(A,{content:n,addToCart:l,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))};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:i,metadata:a,modalTriggered:o})=>{var c,d,s,u,m,v,b,g,h,x,y,E,w,k,C,P,S,O,D,F,$,z,B,I,j,V,q,M,R,_,W,H,K,U,G,J,Y,Q,X,Z,ee,ne,te,re,le,ie,ae,oe,ce,de;const se=Object.assign({},null!==(s=null===(d=null===(c=null==n?void 0:n.testProductReference)||void 0===c?void 0:c[0])||void 0===d?void 0:d.reference)&&void 0!==s?s:null==n?void 0:n.reference),ue={listLength:l,indexKey:r,arrowUpIcon:null===(b=null===(v=null===(m=null===(u=null==se?void 0:se.content)||void 0===u?void 0:u.body)||void 0===m?void 0:m[0])||void 0===v?void 0:v.arrowUp)||void 0===b?void 0:b.filename,arrowDownIcon:null===(y=null===(x=null===(h=null===(g=null==se?void 0:se.content)||void 0===g?void 0:g.body)||void 0===h?void 0:h[0])||void 0===x?void 0:x.arrowDown)||void 0===y?void 0:y.filename,arrowLeftRed:null===(C=null===(k=null===(w=null===(E=null==se?void 0:se.content)||void 0===E?void 0:E.body)||void 0===w?void 0:w[0])||void 0===k?void 0:k.arrowLeftRed)||void 0===C?void 0:C.filename},me=null!==(P=null==t?void 0:t.enableNewAddToCart)&&void 0!==P&&P,pe=e.useRef(null),ve=e.useRef(null),be=e.useMemo((()=>ue),[ue]),ge=()=>{p("linetable-card-title",l),p("linetable-card-tooltiptxt",l)};return e.useEffect((()=>{setTimeout((()=>{ge()}),100),null===window||void 0===window||window.addEventListener("resize",ge)}),[n]),e.createElement(N.Provider,{value:be},e.createElement("div",{className:"linetable-card-productTeaser"},e.createElement("div",{className:"linetable-card-productContainer "},se.content&&e.createElement(e.Fragment,null,e.createElement("div",{className:"linetable-card-titleContainer",id:`linetable-card-title${r}`,ref:pe},e.createElement("div",{className:"linetable-card-prodHeading"},null===(O=null===(S=null==se?void 0:se.content)||void 0===S?void 0:S.body[0])||void 0===O?void 0:O.name),e.createElement("div",{className:"linetable-card-productTitle"},e.createElement("h3",null,null===(F=null===(D=null==se?void 0:se.content)||void 0===D?void 0:D.body[0])||void 0===F?void 0:F.displayName),(null===(B=null===(z=null===($=null==se?void 0:se.content)||void 0===$?void 0:$.body[0])||void 0===z?void 0:z.prodImage)||void 0===B?void 0:B.filename)&&e.createElement("img",{src:null===(V=null===(j=null===(I=null==se?void 0:se.content)||void 0===I?void 0:I.body[0])||void 0===j?void 0:j.prodImage)||void 0===V?void 0:V.filename,height:15,width:20})),e.createElement("div",{className:"linetable-card-prodDescription"},e.createElement(f,{content:null===(M=null===(q=null==se?void 0:se.content)||void 0===q?void 0:q.body[0])||void 0===M?void 0:M.description}))),!(null==t?void 0:t.isPrepaidFlow)&&e.createElement("hr",null)),(null==se?void 0:se.content)&&(null===(_=null===(R=null==se?void 0:se.content)||void 0===R?void 0:R.body[0])||void 0===_?void 0:_.introText)&&e.createElement(e.Fragment,null,e.createElement("div",{className:""+(me?"d-block":"d-none d-sm-block")},e.createElement("div",{className:"linetable-card-introText",id:`linetable-card-tooltiptxt${r}`,ref:ve},e.createElement(f,{content:null===(H=null===(W=null==se?void 0:se.content)||void 0===W?void 0:W.body[0])||void 0===H?void 0:H.introText})),e.createElement("hr",null))),null===(G=(null===(U=null===(K=null==se?void 0:se.content)||void 0===K?void 0:K.body[0])||void 0===U?void 0:U.entitlementConfig)||[])||void 0===G?void 0:G.map(((t,r)=>e.createElement(T,{content:t,product:n,key:r,indexKey:r,showEntitleValue:me,metadata:a,modalTriggered:o}))),e.createElement("hr",null),e.createElement("div",{className:"linetable-card-productDetailSection"},(null===(X=null===(Q=null===(Y=null===(J=null==se?void 0:se.content)||void 0===J?void 0:J.body)||void 0===Y?void 0:Y[0])||void 0===Q?void 0:Q.productDetailIcon)||void 0===X?void 0:X.filename)&&e.createElement("img",{src:null===(te=null===(ne=null===(ee=null===(Z=null==se?void 0:se.content)||void 0===Z?void 0:Z.body)||void 0===ee?void 0:ee[0])||void 0===ne?void 0:ne.productDetailIcon)||void 0===te?void 0:te.filename,width:24,height:24}),e.createElement(L,{content:null===(le=null===(re=null==se?void 0:se.content)||void 0===re?void 0:re.body)||void 0===le?void 0:le[0],updatedContent:t,modalTriggered:o,addToCart:i})),e.createElement("div",null,(null===(oe=null===(ae=null===(ie=null==se?void 0:se.content)||void 0===ie?void 0:ie.body)||void 0===ae?void 0:ae[0])||void 0===oe?void 0:oe.isEnablePrice)&&e.createElement(A,{content:null===(de=null===(ce=null==se?void 0:se.content)||void 0===ce?void 0:ce.body)||void 0===de?void 0:de[0],addToCart:i,variant:"productCard"})))))},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"),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.accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 24px 0;\r\n}\r\n\r\n.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.accordion-button::after {\r\n position: absolute;\r\n top: 24px;\r\n right: 0;\r\n background-image: url('../../icons/falcon-arrow-down.svg') !important;\r\n background-size: 24px 24px !important;\r\n background-size: unset;\r\n}\r\n\r\n.accordion-button:not(.collapsed)::after {\r\n background-image: url('../../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 .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 .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 16px 0;\r\n }\r\n\r\n .accordion-body {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .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",null,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=localStorage.getItem("sbstaticcontent"),s=d&&JSON.parse(d),u=null!==(r=null==t?void 0:t.base)&&void 0!==r?r:0;let m=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)&&(m=null==e?void 0:e.value)}));const p=null==t?void 0:t.contractDuration;return e.createElement("div",{className:"linetable-staticPrice-priceWrapper"},m>0&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},v(m)),null==s?void 0:s.mt),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+(m>0?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},v(u)),0===m&&(null==s?void 0:s.mt)),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},p&&0!==p?e.createElement("div",null):(null==s?void 0:s.simo_no_contract_term)&&e.createElement("div",null,null==s?void 0:s.simo_no_contract_term)),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,J,G,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===(q=null===(V=null===(_=null==he?void 0:he.content)||void 0===_?void 0:_.body[0])||void 0===V?void 0:V.prodImage)||void 0===q?void 0:q.filename,height:15,width:20})),e.createElement("div",{className:"linetable-card-prodDescription"},e.createElement(x,{content:null===(R=null===(M=null==he?void 0:he.content)||void 0===M?void 0:M.body[0])||void 0===R?void 0:R.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===(G=null===(J=null==he?void 0:he.content)||void 0===J?void 0:J.body[0])||void 0===G?void 0:G.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")))));
2
2
  //# sourceMappingURL=index.js.map
package/dist/esm/components/CardComp/Card.d.ts CHANGED
@@ -6,9 +6,10 @@ interface CardSchema {
6
6
  updatedContent: any;
7
7
  indexKey: number;
8
8
  listLength: number;
9
- addToCart?: (e: string) => void;
9
+ addToCart?: (e: any) => void;
10
10
  metadata?: ComponentMetadata | undefined;
11
11
  modalTriggered?: () => void;
12
+ showPrice?: any;
12
13
  }
13
14
  declare const Card: FC<CardSchema>;
14
15
  export default Card;
package/dist/esm/components/DynamicPriceComp/DynamicPrice.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { FC } from "react";
2
+ import "../StaticPriceComp/StaticPriceComp.css";
3
+ interface DynamicPriceSchema {
4
+ content: any;
5
+ showPrice?: any;
6
+ addToCart?: (e: any) => void;
7
+ }
8
+ declare const DynamicPrice: FC<DynamicPriceSchema>;
9
+ export default DynamicPrice;
package/dist/esm/components/StaticPriceComp/StaticPriceComp.d.ts CHANGED
@@ -1,4 +1,9 @@
1
1
  import { FC } from "react";
2
2
  import "./StaticPriceComp.css";
3
- declare const StaticPriceComp: FC<any>;
3
+ interface StaticPriceCompSchema {
4
+ content: any;
5
+ addToCart?: (e: any) => void;
6
+ variant: string;
7
+ }
8
+ declare const StaticPriceComp: FC<StaticPriceCompSchema>;
4
9
  export default StaticPriceComp;
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=>{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 C(e),null}catch(e){return n}return null==l?void 0:l.value},C=e=>{localStorage.removeItem(e)},N="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!=N?l:"",i=(null==n?void 0:n.textColor)&&n.textColor===N?{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))},P=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!=N?l:""}`,style:Object.assign({},n.textColor&&n.textColor===N?{color:null===(t=n.textColorPicker)||void 0===t?void 0:t.color}:{})},e.createElement(P,{content:n.text}))))};h(".linetable-country-overlayModal {\r\n max-width: 900px;\r\n padding: 1rem 2rem;\r\n}\r\n");const D=({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 F=({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(k("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 A(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 S=(e,n,t,l)=>A(void 0,void 0,void 0,(function*(){var r;const i=k(`${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}})),$=({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(D,{modalState:p,handler:()=>{v(!1),"function"==typeof a&&a()},overlay:b},h&&e.createElement(F,{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;S(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 z=e.createContext({indexKey:0,listLength:0,arrowUpIcon:"",arrowDownIcon:"",arrowLeftRed:""}),L=({content:n,product:i,indexKey:a,showEntitleValue:o,metadata:c,modalTriggered:d})=>{var s,m,u,p;const v=l(null),b=r(z),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${b.indexKey}${a}`,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($,{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}");const B=({modalState:n,handler:l,showFooter:i,footerNode:a,children:o,width:c,height:d,noCloseButton:s,backButton:m})=>{const u=r(z);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 I=({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.accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 24px 0;\r\n}\r\n\r\n.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.accordion-button::after {\r\n position: absolute;\r\n top: 24px;\r\n right: 0;\r\n background-image: url('../../icons/falcon-arrow-down.svg') !important;\r\n background-size: 24px 24px !important;\r\n background-size: unset;\r\n}\r\n\r\n.accordion-button:not(.collapsed)::after {\r\n background-image: url('../../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 .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 .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 16px 0;\r\n }\r\n\r\n .accordion-body {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .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 j=({content:n})=>{const t=null==n?void 0:n._uid;return e.createElement("div",null,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(P,{content:null==n?void 0:n.bodyText}))))))},V=({content:n})=>{var t,l,r,i,a,o,c;return e.createElement("section",{className:"linetable-falconAccordion-section"},e.createElement(I,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(j,{content:Object.assign({},n)}))))))))},_=({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)===N?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 R=({content:n,addToCart:t,variant:l})=>e.createElement("div",{className:`linetable-staticPrice-priceWrapper ${"productDetails"===l&&"linetable-staticPrice-productDetails-priceWrapper"}`},e.createElement("div",null,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")},(e=>{e=Number(e);let n=0;return n=new RegExp("^[0-9][^.]*$").test(e.toString())?e+".-":e.toFixed(2).replace(/\.00$/,""),n})(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:()=>t(null==n?void 0:n.productId)},null==n?void 0:n.addButton))),W=({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(B,{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(I,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(_,{content:n}),"falconAccordionList"===(null==n?void 0:n.component)&&e.createElement(V,{content:n}))))),(null==t?void 0:t.isEnablePrice)&&e.createElement(R,{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))},H=({content:n,updatedContent:r,indexKey:a,listLength:o,addToCart:c,metadata:d,modalTriggered:s})=>{var m,u,p,v,b,g,h,f,x,y,E,k,C,N,T,O,D,F,A,S,$,B,I,j,V,_,H,K,M,U,q,G,J,Y,Q,X,Z,ee,ne,te,le,re,ie,ae,oe,ce,de,se,me,ue;const pe=Object.assign({},null!==(p=null===(u=null===(m=null==n?void 0:n.testProductReference)||void 0===m?void 0:m[0])||void 0===u?void 0:u.reference)&&void 0!==p?p:null==n?void 0:n.reference),ve={listLength:o,indexKey:a,arrowUpIcon:null===(h=null===(g=null===(b=null===(v=null==pe?void 0:pe.content)||void 0===v?void 0:v.body)||void 0===b?void 0:b[0])||void 0===g?void 0:g.arrowUp)||void 0===h?void 0:h.filename,arrowDownIcon:null===(E=null===(y=null===(x=null===(f=null==pe?void 0:pe.content)||void 0===f?void 0:f.body)||void 0===x?void 0:x[0])||void 0===y?void 0:y.arrowDown)||void 0===E?void 0:E.filename,arrowLeftRed:null===(T=null===(N=null===(C=null===(k=null==pe?void 0:pe.content)||void 0===k?void 0:k.body)||void 0===C?void 0:C[0])||void 0===N?void 0:N.arrowLeftRed)||void 0===T?void 0:T.filename},be=null!==(O=null==r?void 0:r.enableNewAddToCart)&&void 0!==O&&O,ge=l(null),he=l(null),fe=i((()=>ve),[ve]),xe=()=>{w("linetable-card-title",o),w("linetable-card-tooltiptxt",o)};return t((()=>{setTimeout((()=>{xe()}),100),null===window||void 0===window||window.addEventListener("resize",xe)}),[n]),e.createElement(z.Provider,{value:fe},e.createElement("div",{className:"linetable-card-productTeaser"},e.createElement("div",{className:"linetable-card-productContainer "},pe.content&&e.createElement(e.Fragment,null,e.createElement("div",{className:"linetable-card-titleContainer",id:`linetable-card-title${a}`,ref:ge},e.createElement("div",{className:"linetable-card-prodHeading"},null===(F=null===(D=null==pe?void 0:pe.content)||void 0===D?void 0:D.body[0])||void 0===F?void 0:F.name),e.createElement("div",{className:"linetable-card-productTitle"},e.createElement("h3",null,null===(S=null===(A=null==pe?void 0:pe.content)||void 0===A?void 0:A.body[0])||void 0===S?void 0:S.displayName),(null===(I=null===(B=null===($=null==pe?void 0:pe.content)||void 0===$?void 0:$.body[0])||void 0===B?void 0:B.prodImage)||void 0===I?void 0:I.filename)&&e.createElement("img",{src:null===(_=null===(V=null===(j=null==pe?void 0:pe.content)||void 0===j?void 0:j.body[0])||void 0===V?void 0:V.prodImage)||void 0===_?void 0:_.filename,height:15,width:20})),e.createElement("div",{className:"linetable-card-prodDescription"},e.createElement(P,{content:null===(K=null===(H=null==pe?void 0:pe.content)||void 0===H?void 0:H.body[0])||void 0===K?void 0:K.description}))),!(null==r?void 0:r.isPrepaidFlow)&&e.createElement("hr",null)),(null==pe?void 0:pe.content)&&(null===(U=null===(M=null==pe?void 0:pe.content)||void 0===M?void 0:M.body[0])||void 0===U?void 0:U.introText)&&e.createElement(e.Fragment,null,e.createElement("div",{className:""+(be?"d-block":"d-none d-sm-block")},e.createElement("div",{className:"linetable-card-introText",id:`linetable-card-tooltiptxt${a}`,ref:he},e.createElement(P,{content:null===(G=null===(q=null==pe?void 0:pe.content)||void 0===q?void 0:q.body[0])||void 0===G?void 0:G.introText})),e.createElement("hr",null))),null===(Q=(null===(Y=null===(J=null==pe?void 0:pe.content)||void 0===J?void 0:J.body[0])||void 0===Y?void 0:Y.entitlementConfig)||[])||void 0===Q?void 0:Q.map(((t,l)=>e.createElement(L,{content:t,product:n,key:l,indexKey:l,showEntitleValue:be,metadata:d,modalTriggered:s}))),e.createElement("hr",null),e.createElement("div",{className:"linetable-card-productDetailSection"},(null===(ne=null===(ee=null===(Z=null===(X=null==pe?void 0:pe.content)||void 0===X?void 0:X.body)||void 0===Z?void 0:Z[0])||void 0===ee?void 0:ee.productDetailIcon)||void 0===ne?void 0:ne.filename)&&e.createElement("img",{src:null===(ie=null===(re=null===(le=null===(te=null==pe?void 0:pe.content)||void 0===te?void 0:te.body)||void 0===le?void 0:le[0])||void 0===re?void 0:re.productDetailIcon)||void 0===ie?void 0:ie.filename,width:24,height:24}),e.createElement(W,{content:null===(oe=null===(ae=null==pe?void 0:pe.content)||void 0===ae?void 0:ae.body)||void 0===oe?void 0:oe[0],updatedContent:r,modalTriggered:s,addToCart:c})),e.createElement("div",null,(null===(se=null===(de=null===(ce=null==pe?void 0:pe.content)||void 0===ce?void 0:ce.body)||void 0===de?void 0:de[0])||void 0===se?void 0:se.isEnablePrice)&&e.createElement(R,{content:null===(ue=null===(me=null==pe?void 0:pe.content)||void 0===me?void 0:me.body)||void 0===ue?void 0:ue[0],addToCart:c,variant:"productCard"})))))},K=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,H as Card,L as CardEntitlement,K as CarouselComp,f as LineTableBasicPropConfig,y as LoginModal};
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 S=({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 F=({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(S,{modalState:p,handler:()=>{v(!1),"function"==typeof a&&a()},overlay:b},h&&e.createElement(F,{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.accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 24px 0;\r\n}\r\n\r\n.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.accordion-button::after {\r\n position: absolute;\r\n top: 24px;\r\n right: 0;\r\n background-image: url('../../icons/falcon-arrow-down.svg') !important;\r\n background-size: 24px 24px !important;\r\n background-size: unset;\r\n}\r\n\r\n.accordion-button:not(.collapsed)::after {\r\n background-image: url('../../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 .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 .accordion-flush .linetable-falconAccordion-item .accordion-button {\r\n padding: 16px 0;\r\n }\r\n\r\n .accordion-body {\r\n padding-bottom: 24px;\r\n }\r\n\r\n .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 _=({content:n})=>{const t=null==n?void 0:n._uid;return e.createElement("div",null,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}))))))},V=({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(_,{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(V,{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=localStorage.getItem("sbstaticcontent"),s=d&&JSON.parse(d),m=null!==(r=null==t?void 0:t.base)&&void 0!==r?r:0;let u=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)&&(u=null==e?void 0:e.value)}));const p=null==t?void 0:t.contractDuration;return e.createElement("div",{className:"linetable-staticPrice-priceWrapper"},u>0&&e.createElement("span",{className:"linetable-staticPrice-discountPriceSection"},e.createElement("span",{className:"linetable-staticPrice-discountedPrice"},k(u)),null==s?void 0:s.mt),e.createElement("span",null,e.createElement("span",{className:"linetable-staticPrice-basePrice "+(u>0?"linetable-staticPrice-priceStrikeout":"linetable-staticPrice-noDiscountPrice")},k(m)),0===u&&(null==s?void 0:s.mt)),e.createElement("div",{className:"linetable-staticPrice-contractDescription"},p&&0!==p?e.createElement("div",null):(null==s?void 0:s.simo_no_contract_term)&&e.createElement("div",null,null==s?void 0:s.simo_no_contract_term)),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,S,F,$,z,A,I,j,_,V,R,M,U,q,J,G,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===(F=null===(S=null==ye?void 0:ye.content)||void 0===S?void 0:S.body[0])||void 0===F?void 0:F.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===(V=null===(_=null==ye?void 0:ye.content)||void 0===_?void 0:_.body[0])||void 0===V?void 0:V.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===(J=null===(q=null==ye?void 0:ye.content)||void 0===q?void 0:q.body[0])||void 0===J?void 0:J.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===(G=null==ye?void 0:ye.content)||void 0===G?void 0:G.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};
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.d.ts CHANGED
@@ -57,9 +57,10 @@ interface CardSchema {
57
57
  updatedContent: any;
58
58
  indexKey: number;
59
59
  listLength: number;
60
- addToCart?: (e: string) => void;
60
+ addToCart?: (e: any) => void;
61
61
  metadata?: ComponentMetadata | undefined;
62
62
  modalTriggered?: () => void;
63
+ showPrice?: any;
63
64
  }
64
65
  declare const Card: FC<CardSchema>;
65
66
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/mobile-prod-card",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "description": "Starter project to create reusable functional component",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/dist/cjs/components/types/Component.types.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { MouseEventHandler } from "react";
2
- export interface LoginModelProps {
3
- toggleFun: MouseEventHandler<HTMLButtonElement>;
4
- }
5
- export type LinkTarget = "_self" | "_blank" | null;
6
- export type LinkType = "url" | "story" | "asset" | "email";
7
- export declare interface LinkAttributes {
8
- href: string;
9
- uuid: string | null;
10
- target: LinkTarget;
11
- linktype: LinkType;
12
- }
package/dist/esm/components/types/Component.types.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { MouseEventHandler } from "react";
2
- export interface LoginModelProps {
3
- toggleFun: MouseEventHandler<HTMLButtonElement>;
4
- }
5
- export type LinkTarget = "_self" | "_blank" | null;
6
- export type LinkType = "url" | "story" | "asset" | "email";
7
- export declare interface LinkAttributes {
8
- href: string;
9
- uuid: string | null;
10
- target: LinkTarget;
11
- linktype: LinkType;
12
- }