@sunrise-upc/mobile-prod-card 1.0.3

package/README.md

@@ -0,0 +1,42 @@
+# README #
+# Reusable Func Component
+
+Starter code base to create a reusable functional react component for the sunrise b2c digital development team.
+
+### What is this repository for? ###
+
+* Summary
+	* Typescript & Rollup are used to create and bundle the reusable components.  
+*  Version
+	* v1.0.0 
+
+### How do I get set up? ###
+
+* Summary of set up for new 
+	* Clone the code from this repo and remove this project references from files like package.json and rollup.config.mjs 
+	* __package.json__	
+		* Please change the name and dependency details based on the your requirment
+		* add the peerDependency based on the  your requirment
+	* __rollup.config.mjs__
+		* change the  name in output configuration
+``` 
+		 output:[
+       { 
+        file:'dist/cjs/index.js',
+        format:'cjs',
+        sourcemap:true,
+        name:'sunrise-fun-comp-lib'
+       },
+       { 
+        file:"dist/esm/index.js",
+        format:'esm',
+        sourcemap:true       
+       }
+    ]
+```
+
+
+### Upload into private NPM package  ###
+
+* before upload the package into NPM repo. Please connect with Leads
+ 

package/dist/cjs/components/CardComp/Card.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import "./Card.css";
+import { ComponentMetadata } from "../types";
+interface CardSchema {
+    content: any;
+    updatedContent: any;
+    indexKey: number;
+    listLength: number;
+    addToCart?: (e: string) => void;
+    metadata?: ComponentMetadata | undefined;
+    modalTriggered?: () => void;
+}
+declare const Card: FC<CardSchema>;
+export default Card;

package/dist/cjs/components/CardComp/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Card';

package/dist/cjs/components/CardEntitlement/CardEntitlement.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import "./CardEntitlement.css";
+import { ComponentMetadata } from "../types";
+interface CardEntitlementSchema {
+    content: any;
+    product: any;
+    indexKey: number;
+    showEntitleValue: boolean;
+    metadata: ComponentMetadata | undefined;
+    modalTriggered?: () => void;
+}
+declare const CardEntitlement: FC<CardEntitlementSchema>;
+export default CardEntitlement;

package/dist/cjs/components/CardEntitlement/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CardEntitlement';

package/dist/cjs/components/CarouselComp/CarouselComp.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const CarouselComp: FC<any>;
+export default CarouselComp;

package/dist/cjs/components/CarouselComp/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CarouselComp';

package/dist/cjs/components/CountryOverlays/CountryOverlays.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./CountryOverlays.css";
+interface CountryOverlaysSchema {
+    linkText: string;
+    product: any;
+    metadata: any;
+    modalTriggered?: () => void;
+}
+declare const CountryOverlays: React.FC<CountryOverlaysSchema>;
+export default CountryOverlays;

package/dist/cjs/components/CountryOverlays/OverlayModal.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./OverlayModal.css";
+interface OverLayModalSchema {
+    children: React.ReactNode;
+    modalState: boolean;
+    handler: () => void;
+    noCloseButton?: boolean;
+    showBackBtn?: boolean;
+    overlay?: any;
+}
+declare const OverLayModal: React.FC<OverLayModalSchema>;
+export default OverLayModal;

package/dist/cjs/components/Dotloader/Dotloader.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+import "./Dotloader.css";
+interface DotLoaderSchema {
+    keyParams: string;
+}
+declare const Dotloader: FC<DotLoaderSchema>;
+export default Dotloader;

package/dist/cjs/components/FalconAccordionList/FalconAccordion.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { RichTextSchema } from "../richtext";
+import "./FalconAccordion.css";
+import { ComponentWithContentProps, GenericSBProps } from "../types";
+export interface FalconAccordionSchema extends GenericSBProps {
+    title: string;
+    bodyText: RichTextSchema;
+    alwaysOpen: boolean;
+    disabled: boolean;
+    index: number;
+}
+declare const FalconAccordion: FC<ComponentWithContentProps<FalconAccordionSchema | any>>;
+export default FalconAccordion;

package/dist/cjs/components/FalconAccordionList/FalconAccordionList.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { FalconAccordionSchema } from "./FalconAccordion";
+import { FalconTitleInterface } from "../FalconTitle/FalconTitle";
+import { FalconDescriptionInterface } from "../FalconDescription/FalconDescription";
+import "./FalconAccordion.css";
+import { ComponentWithContentProps, GenericSBProps } from "../types";
+export interface FalconAccordionListSchema extends GenericSBProps {
+    title: FalconTitleInterface[];
+    description: FalconDescriptionInterface[];
+    accordions: (FalconAccordionSchema | any)[];
+}
+declare const FalconAccordionList: FC<ComponentWithContentProps<FalconAccordionListSchema | any>>;
+export default FalconAccordionList;

package/dist/cjs/components/FalconAccordionList/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FalconAccordionList';

package/dist/cjs/components/FalconDescription/FalconDescription.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { GenericSBProps, Alignment, Asset, FalconColorsTypes, NativeColorPicker, ComponentWithContentProps } from "../../components/types";
+export interface FalconDescriptionInterface extends GenericSBProps {
+    text: Array<Object>;
+    textColor: FalconColorsTypes;
+    textColorPicker: NativeColorPicker;
+    icon: Asset;
+    textElementPosition: Alignment;
+}
+declare const FalconDescription: React.FC<ComponentWithContentProps<FalconDescriptionInterface>>;
+export default FalconDescription;

package/dist/cjs/components/FalconTitle/FalconTitle.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import "./FalconTitle.css";
+import { GenericSBProps, HeadingVariants, FalconColorsTypes, NativeColorPicker, ComponentWithContentProps } from "./../types";
+export interface FalconTitleInterface extends GenericSBProps {
+    text: string;
+    headingStyle: HeadingVariants;
+    textColor: FalconColorsTypes;
+    textColorPicker: NativeColorPicker;
+}
+declare const FalconTitle: FC<ComponentWithContentProps<FalconTitleInterface>>;
+export default FalconTitle;

package/dist/cjs/components/ProductDetailsComp/ProductDetails.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import "./ProductDetails.css";
+interface ProductDetailsSchema {
+    content: any;
+    updatedContent: any;
+    modalTriggered?: () => void;
+    addToCart?: (e: string) => void;
+}
+declare const ProductDetails: FC<ProductDetailsSchema>;
+export default ProductDetails;

package/dist/cjs/components/ProductDetailsComp/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ProductDetails';

package/dist/cjs/components/ProductDetailsModal/ProductDetailsModal.d.ts

@@ -0,0 +1,15 @@
+import React, { FC } from "react";
+interface GenericModalSchema {
+    modalState: boolean;
+    handler: () => void;
+    children: React.ReactNode;
+    showFooter: boolean;
+    footerNode?: React.ReactNode;
+    height?: string;
+    width?: string;
+    noCloseButton?: boolean;
+    backDrop?: boolean;
+    backButton?: string;
+}
+declare const ProductDetailsModal: FC<GenericModalSchema>;
+export default ProductDetailsModal;

package/dist/cjs/components/ProductDetailsModal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ProductDetailsModal';

package/dist/cjs/components/ResponsiveRow/index.d.ts

@@ -0,0 +1 @@
+export { default } from './row';

package/dist/cjs/components/ResponsiveRow/row.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import './row.css';
+interface RowInterface {
+    children: JSX.Element;
+}
+declare const Row: FC<RowInterface>;
+export default Row;

package/dist/cjs/components/StaticPriceComp/StaticPriceComp.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import "./StaticPriceComp.css";
+declare const StaticPriceComp: FC<any>;
+export default StaticPriceComp;

package/dist/cjs/components/button/Button.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+import { ButtonProps } from "./Button.types";
+import './Button.css';
+declare const Button: FC<ButtonProps>;
+export default Button;

package/dist/cjs/components/button/Button.types.d.ts

@@ -0,0 +1,11 @@
+import { MouseEventHandler } from "react";
+export interface ButtonProps {
+    type: 'primary' | 'secondary' | 'error';
+    text: string;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+    content: ButtonContent | null;
+}
+export interface ButtonContent {
+    text: string;
+    type: string;
+}

package/dist/cjs/components/button/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Button';

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Button } from './button';
+export { default as LoginModal } from './login';
+export { default as Card } from './CardComp';
+export { default as CardEntitlement } from './CardEntitlement';
+export { default as CarouselComp } from './CarouselComp';

package/dist/cjs/components/login/Login.types.d.ts

@@ -0,0 +1,12 @@
+import { MouseEventHandler } from "react";
+export interface LoginModelProps {
+    toggleFun: MouseEventHandler<HTMLButtonElement>;
+}
+export type LinkTarget = "_self" | "_blank" | null;
+export type LinkType = "url" | "story" | "asset" | "email";
+export declare interface LinkAttributes {
+    href: string;
+    uuid: string | null;
+    target: LinkTarget;
+    linktype: LinkType;
+}

package/dist/cjs/components/login/LoginModal.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+import './Login.css';
+import { LoginModelProps } from "./Login.types";
+declare const LoginModal: FC<LoginModelProps>;
+export default LoginModal;

package/dist/cjs/components/login/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LoginModal';

package/dist/cjs/components/richtext.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface RichTextSchema {
+    content: Array<Object>;
+    isIFrame?: boolean;
+    trackngLabel?: string;
+}
+declare const RichText: React.FunctionComponent<RichTextSchema>;
+export default RichText;

package/dist/cjs/components/spacer/spacer.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { ComponentWithContentProps, FalconBackgroundColor, FalconGradientTypes, GenericSBProps } from "../types";
+export interface SpacerSchema extends GenericSBProps {
+    height: number;
+    mobHeight: number;
+    backgroundColor: FalconBackgroundColor;
+    gradientBackground: FalconGradientTypes;
+    desktopHeight: number;
+}
+declare const Spacer: FC<ComponentWithContentProps<SpacerSchema | any>>;
+export default Spacer;

package/dist/cjs/components/types/Component.types.d.ts

@@ -0,0 +1,12 @@
+import { MouseEventHandler } from "react";
+export interface LoginModelProps {
+    toggleFun: MouseEventHandler<HTMLButtonElement>;
+}
+export type LinkTarget = "_self" | "_blank" | null;
+export type LinkType = "url" | "story" | "asset" | "email";
+export declare interface LinkAttributes {
+    href: string;
+    uuid: string | null;
+    target: LinkTarget;
+    linktype: LinkType;
+}

package/dist/cjs/components/types.d.ts

@@ -0,0 +1,60 @@
+export interface Link {
+    id: number;
+    slug: string;
+    name: string;
+    is_folder: boolean;
+    parent_id: number;
+    published: boolean;
+    path?: string;
+    position: number;
+    uuid: string;
+    is_startpage: boolean;
+    real_path: string;
+    alternates: LinkAlternate[];
+}
+export interface LinkAlternate {
+    path: string;
+    name?: string;
+    lang: string;
+}
+export type Links = {
+    [key: string]: Link;
+};
+export type HeadingVariants = "h1" | "h2" | "h3" | "h4";
+export type FalconColorsTypes = "grey-600" | "grey-500" | "ice-white" | "grey-100" | "grey-400" | "none";
+export type Alignment = "left" | "center" | "right";
+export interface Asset {
+    id: number;
+    alt?: string;
+    name: string;
+    focus?: string;
+    title?: string;
+    filename: string;
+    copyright?: string;
+    fieldtype: "asset";
+}
+export interface NativeColorPicker {
+    color: string;
+    plugin: string;
+    _uid: string;
+}
+export interface GenericSBProps {
+    _uid: string;
+    component: string;
+}
+export interface ComponentMetadata {
+    lang: string;
+    title: string;
+    activePath: string;
+    links: Links;
+    locale: string;
+    storyId: string;
+    appId?: string;
+    integrationId?: string;
+}
+export type FalconBackgroundColor = 'grey-100' | 'ice-white' | 'transparent';
+export type FalconGradientTypes = 'rubyglow-diagonal' | 'rubyglow-vertical' | 'pinksky-diagonal' | 'pinksky-vertical' | 'bluehaze-diagonal' | 'bluehaze-vertical' | 'greencloud-diagonal' | 'greencloud-vertical' | 'peachfog-diagonal' | 'peachfog-vertical' | 'darkblue-haze' | 'none';
+export interface ComponentWithContentProps<T extends GenericSBProps = GenericSBProps> {
+    content: T;
+    metadata?: ComponentMetadata | undefined;
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './services';

package/dist/cjs/index.js

@@ -0,0 +1,2 @@
+"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")))));
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/services/ButtonService.d.ts

@@ -0,0 +1,6 @@
+import { LineTableBasicPropConfig } from "./LineTableBasicPropConfig";
+export default class ButtonService {
+    funCompIntance: LineTableBasicPropConfig | undefined;
+    constructor();
+    displayBaseUrl: () => void;
+}

package/dist/cjs/services/LineTableBasicPropConfig.d.ts

@@ -0,0 +1,12 @@
+export interface LineTableBasicPropConfigSchema {
+    baseURL: string | '';
+}
+export declare class LineTableBasicPropConfig {
+    private static instance;
+    config: LineTableBasicPropConfigSchema;
+    private constructor();
+    getConfig: () => LineTableBasicPropConfigSchema;
+    getBaseUrl: () => string;
+    static getInstance: () => LineTableBasicPropConfig;
+    static create: (p_config: LineTableBasicPropConfigSchema) => void;
+}

package/dist/cjs/services/LineTableService.d.ts

@@ -0,0 +1 @@
+export declare const fetchCountryList: (name: string, lang: string, url: string, TTL: number) => Promise<any>;

package/dist/cjs/services/api-constants.d.ts

@@ -0,0 +1 @@
+export declare const API_BASE_BASEPOINT: any;

package/dist/cjs/services/index.d.ts

@@ -0,0 +1 @@
+export * from './LineTableBasicPropConfig';

package/dist/cjs/utils/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const H1 = "h1";
+export declare const H2 = "h2";
+export declare const H3 = "h3";
+export declare const H4 = "h4";
+export declare const NONE = "none";
+export declare const FALCONDESCRIPTION = "falconDescription";
+export declare const FALCONDESCRIPTIONLIST = "falconAccordionList";
+export declare const SPACER = "spacer";
+export declare const COUNTRYLISTCOMPONENT = "countryListComponent";
+export declare const SBCONSTANT = "sbstaticcontent";

package/dist/cjs/utils/store/card-context.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type ContextType = {
+    indexKey: number;
+    listLength: number;
+    arrowDownIcon: string;
+    arrowUpIcon: string;
+    arrowLeftRed: string;
+};
+declare const CardContext: React.Context<ContextType>;
+export default CardContext;

package/dist/cjs/utils/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const getFalconColorsClass: (type: string) => string;
+export declare const getElementMaximumHeight: (idPrefix: string, totalCards: number) => void;
+export declare const getFalconBackgroundColorClass: (type: string) => string;
+export declare const getFalconGradientClass: (type: string) => string;
+export declare const countZero: (value: any) => any;
+export declare const setLocalStoreWithExpiry: (key: string, value: any, ttl?: any) => void;
+export declare const getLocalStorageWithExpiry: (key: string) => any;
+export declare const removeLocalStorage: (key: string) => void;

package/dist/esm/components/CardComp/Card.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import "./Card.css";
+import { ComponentMetadata } from "../types";
+interface CardSchema {
+    content: any;
+    updatedContent: any;
+    indexKey: number;
+    listLength: number;
+    addToCart?: (e: string) => void;
+    metadata?: ComponentMetadata | undefined;
+    modalTriggered?: () => void;
+}
+declare const Card: FC<CardSchema>;
+export default Card;

package/dist/esm/components/CardComp/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Card';

package/dist/esm/components/CardEntitlement/CardEntitlement.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import "./CardEntitlement.css";
+import { ComponentMetadata } from "../types";
+interface CardEntitlementSchema {
+    content: any;
+    product: any;
+    indexKey: number;
+    showEntitleValue: boolean;
+    metadata: ComponentMetadata | undefined;
+    modalTriggered?: () => void;
+}
+declare const CardEntitlement: FC<CardEntitlementSchema>;
+export default CardEntitlement;

package/dist/esm/components/CardEntitlement/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CardEntitlement';

package/dist/esm/components/CarouselComp/CarouselComp.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const CarouselComp: FC<any>;
+export default CarouselComp;

package/dist/esm/components/CarouselComp/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CarouselComp';

package/dist/esm/components/CountryOverlays/CountryOverlays.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./CountryOverlays.css";
+interface CountryOverlaysSchema {
+    linkText: string;
+    product: any;
+    metadata: any;
+    modalTriggered?: () => void;
+}
+declare const CountryOverlays: React.FC<CountryOverlaysSchema>;
+export default CountryOverlays;

package/dist/esm/components/CountryOverlays/OverlayModal.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./OverlayModal.css";
+interface OverLayModalSchema {
+    children: React.ReactNode;
+    modalState: boolean;
+    handler: () => void;
+    noCloseButton?: boolean;
+    showBackBtn?: boolean;
+    overlay?: any;
+}
+declare const OverLayModal: React.FC<OverLayModalSchema>;
+export default OverLayModal;