YOUR JUICE ACCOUNT HAS MOVED
,\n bannerUrl: 'https://www.juicetx.com/faqs/',\n bannerIcon: banner,\n iconHeight: '150px',\n bannerDescriptionEn: \n You will lose access to your Juice Myaccount portal on 4/30/2025, please ensure you have downloaded any information you may need prior to this date.
\n For information about your current service, please contact your current provider at 1-844-335-1476.\n
\n Perderá el acceso a su portal Juice Myaccount el 30/04/2025, asegúrese de haber descargado toda la información que pueda necesitar antes de esta fecha.
\n Para obtener información sobre su servicio actual, comuníquese con su proveedor actual al 1-844-335-1476.\n
YOUR FLAGSHIP POWER ACCOUNT HAS MOVED
,\n bannerUrl: 'https://www.flagshippower.com/faqs/',\n bannerIcon: banner,\n iconHeight: '150px',\n bannerDescriptionEn: \n You will lose access to your Flagship Myaccount portal on 4/30/2025, please ensure you have downloaded any information you may need prior to this date.
\n For information about your current service, please contact your current provider at 1-844-335-1599.\n
\n Perderá el acceso a su portal Flagship Myaccount el 30/04/2025, asegúrese de haber descargado toda la información que pueda necesitar antes de esta fecha.
\n Para obtener información sobre su servicio actual, comuníquese con su proveedor actual al 1-844-335-1599.\n
\n \n {meterName}\n \n \n {capitalize(address.street_address)}\n \n
\n \n )\n}\n\nMeterItem.propTypes = {\n dataTestId: PropTypes.string.isRequired,\n meterName: PropTypes.node.isRequired,\n member: PropTypes.object.isRequired,\n onClick: PropTypes.func.isRequired,\n hide: PropTypes.bool,\n}\n\nexport default MeterItem\n","import React from 'react'\n\nconst Logout = () => (\n \n)\n\nexport default Logout\n","import React from 'react'\n\nconst Wholesale = () => (\n \n)\n\nexport default Wholesale\n","import React from 'react'\n\nconst Usage = () => (\n \n)\n\nexport default Usage\n","import React from 'react'\n\nconst Account = () => (\n - \n
- \n
\n {visible && (\n \n \n \n \n \n Your contract is coming up for renewal. Current contract\n expires:{' '}\n {`${moment(productEndDate)\n .locale(locale)\n .format('MMMM D, YYYY')}.`}{' '}\n \n Click here\n {' '}\n to review your renewal offers. Thank you for being a customer\n of ours!\n \n \n \n \n \n )}\n
\n )\n}\n\nRenewalBanner.propTypes = {\n billingAddress: PropTypes.object,\n locale: PropTypes.string,\n latestProduct: PropTypes.object,\n accountNumber: PropTypes.string,\n renewal: PropTypes.object,\n}\n\nconst mapStateToProps = createStructuredSelector({\n billingAddress: selectBillingAddress,\n locale: selectLocale,\n latestProduct: selectLatestProduct,\n accountNumber: selectAccountNumber,\n renewal: selectRenewalOffer,\n})\n\nexport default connect(mapStateToProps)(RenewalBanner)\n","import styled from 'styled-components'\nimport mq from 'styles/mq'\nimport { color } from 'styles/variables'\n\nexport const PlusSection = color.plusBanner\n ? styled.div`\n background: ${color.plusBanner.background};\n padding: 10px 20px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n ${mq.tablet`\n padding: 10px 20px;\n flex-direction: column;\n `};\n\n &:last-of-type {\n margin-bottom: 0;\n }\n` : styled.div``;\n\nexport const PlusSectionDescription = color.plusBanner\n ? styled.div`\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n`\n : styled.div``;\n\nexport const PlusDescription = styled.span`\n font-size: 1.6rem;\n text-align: justify;\n align-self: center;\n ${mq.tablet`\n display: flex;\n `};\n`;","import React, { useEffect, useState, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { connect } from 'react-redux'\nimport { Text } from 'components/text'\nimport { LinkButton } from 'components/buttons'\nimport { selectIsLangEnglish } from 'modules/language/selectors'\nimport { createStructuredSelector } from 'reselect'\nimport { selectRenewalOffer } from 'pages/Renewal/selectors'\nimport { selectLatestProduct } from 'pages/Account/selectors'\n\nimport {\n PlusSection,\n PlusSectionDescription,\n PlusDescription,\n} from './styled'\n\nimport { color } from 'styles/variables'\n\nconst PlusBanner = ({\n setBannerHeight,\n isEnglish,\n}) => {\n\n const ref = useRef(null)\n useEffect(() => {\n const getDynamicBannerHeight = () => {\n if (ref.current) {\n const style = getComputedStyle(ref.current)\n const height =\n ref.current.offsetHeight +\n parseInt(style.marginTop) +\n parseInt(style.marginBottom) +\n parseInt(style.paddingTop) +\n parseInt(style.paddingBottom)\n\n setBannerHeight(height)\n }\n }\n\n getDynamicBannerHeight()\n\n window.addEventListener('resize', getDynamicBannerHeight)\n\n return () => {\n window.removeEventListener('resize', getDynamicBannerHeight)\n }\n }, [ref])\n\n\n\n return (\n \n {\n color.plusBanner &&\n color.plusBanner.bannerTextEn &&\n color.plusBanner.bannerTextEs &&\n \n \n \n \n {isEnglish ? color.plusBanner.bannerTextEn : color.plusBanner.bannerTextEs}{' '}\n \n {isEnglish ? 'Click here' : 'Haz clic aquí'}\n \n \n \n \n \n }\n
\n )\n}\n\nPlusBanner.propTypes = {\n isEnglish: PropTypes.bool.isRequired,\n latestProduct: PropTypes.object,\n renewal: PropTypes.object,\n}\n\nconst mapStateToProps = createStructuredSelector({\n isEnglish: selectIsLangEnglish,\n latestProduct: selectLatestProduct,\n renewal: selectRenewalOffer,\n})\n\n\nexport default connect(mapStateToProps)(PlusBanner)\n","import styled from 'styled-components'\nimport mq from 'styles/mq'\n\nexport const ImpersonateSection = styled.div`\n background: red;\n padding: 10px 20px;\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: center;\n ${mq.tablet`\n padding: 10px 20px;\n flex-direction: column;\n `};\n\n &:last-of-type {\n margin-bottom: 0;\n }\n`\n\nexport const ImpersonateSectionDescription = styled.div`\n /* background: #fff; */\n display: flex;\n flex: 0.65;\n flex-direction: column;\n justify-content: space-around;\n`\n\nexport const ImpersonateDescription = styled.span`\n font-size: 1.6rem;\n text-align: justify;\n align-self: center;\n ${mq.tablet`\n display: flex;\n `};\n`\n","import React, { useEffect, useState, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { createStructuredSelector } from 'reselect'\nimport { connect } from 'react-redux'\nimport { Trans } from '@lingui/macro'\nimport { Text } from 'components/text'\nimport { selectImpersonatingUserId } from 'modules/app/selectors'\n\nimport {\n ImpersonateSection,\n ImpersonateSectionDescription,\n ImpersonateDescription,\n} from './styled'\n\nconst ImpersonateBanner = ({\n impersonatingUserId,\n}) => {\n const [visible, setVisible] = useState(false)\n const ref = useRef(null)\n\n useEffect(() => {\n if (Boolean(impersonatingUserId)) {\n setVisible(true)\n }\n }, [impersonatingUserId])\n\n return (\n \n {visible && (\n \n \n \n \n \n The session is an impersonated session\n \n \n \n \n \n )}\n
\n )\n}\n\nImpersonateBanner.propTypes = {\n billingAddress: PropTypes.object,\n locale: PropTypes.string,\n latestProduct: PropTypes.object,\n accountNumber: PropTypes.string,\n}\n\nconst mapStateToProps = createStructuredSelector({\n impersonatingUserId: selectImpersonatingUserId,\n})\n\nexport default connect(mapStateToProps)(ImpersonateBanner)\n","import React, { useState, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { withRouter, Link, Switch, Route } from 'react-router-dom'\nimport { connect } from 'react-redux'\nimport { compose, withStateHandlers, lifecycle } from 'recompose'\nimport { createStructuredSelector } from 'reselect'\nimport isEmpty from 'lodash.isempty'\nimport Media from 'react-media'\nimport { Flex } from 'grid-styled'\nimport { Trans } from '@lingui/macro'\nimport { useIdleTimer } from 'react-idle-timer'\nimport { CSSTransition } from 'react-transition-group'\nimport Modal, { ModalActions } from 'components/Modal'\nimport { breakpoints } from 'styles/mq'\nimport * as storage from 'utils/storage'\nimport { parse } from 'query-string'\n\nimport { logout as logoutAction, showMessagesInbox } from 'modules/app/actions'\nimport { changeCurrentMember as changeCurrentMemberAction } from 'modules/members/actions'\n\nimport {\n selectNewMessage,\n selectShowMessagesInbox,\n} from 'modules/app/selectors'\nimport { selectIsAuthenticated, selectFirstName } from 'modules/user/selectors'\nimport { selectEnrolledMembers } from 'modules/members/selectors'\n\nimport { TextSemi, Text } from 'components/text'\n\nimport {\n StyledHeader,\n HeaderBackground,\n StyledLogo,\n NotificationButton,\n StyledWrapper,\n} from './styled'\nimport MobileNav from './MobileNav'\nimport Hamburger from './MobileNav/Hamburger'\nimport Dropdown from './Dropdown'\nimport Newscard from './InAppMessages/Newscard'\nimport Bell from './InAppMessages/Icons/Bell'\nimport AlertBell from './InAppMessages/Icons/AlertBell'\nimport RenewalBanner from './RenewalBanner'\nimport PlusBanner from './PlusBanner'\nimport ImpersonateBanner from './ImpersonateBanner'\nimport { Button } from 'components/buttons'\n\nimport { url, features } from 'config/profile'\n\nlet cancelTo\n\nconst CancelButton = () => (\n \n \n {this.props.children}\n
\n ) : (\n \n );\n }}\n \n );\n }}\n (Component: React.ComponentType
) => {\n const HOC = React.forwardRef (Component: React.ComponentType ) => {\n const HOC = React.forwardRef((props: React.PropsWithChildren & { attributes?: any }, ref) => {\n const finalProps = {\n ...props,\n ...props.attributes,\n };\n // getting type errors due to `@types/react` version mismatches. Can safely ignore.\n // @ts-ignore\n return Enter some text...(Choose an embed URL)`,\n hideFromUI: true,\n },\n ],\n});\n","'use client';\nimport React from 'react';\nimport { BuilderElement, Builder } from '@builder.io/sdk';\nimport { withBuilder } from '../functions/with-builder';\n\ninterface Props {\n code: string;\n builderBlock?: BuilderElement;\n replaceNodes?: boolean;\n scriptsClientOnly?: boolean;\n}\n\n// TODO: settings context to pass this down. do in shopify-specific generated code\nconst globalReplaceNodes = ({} as { [key: string]: Node[] }) || null;\n\nconst isShopify = Builder.isBrowser && 'Shopify' in window;\n\nif (Builder.isBrowser && globalReplaceNodes) {\n const customCodeQuerySelector = '.builder-custom-code';\n\n try {\n let allCustomCodeElements = Array.from(document.querySelectorAll(customCodeQuerySelector));\n\n // Search each template element (if present) for custom code blocks since\n // querySelectorAll cannot search all templates that we use for variations, because they are\n // considered document fragments and are not a part of the DOM.\n const builderTemplates = document.querySelectorAll('template[data-template-variant-id]');\n if (builderTemplates.length) {\n Array.from(builderTemplates).forEach(template => {\n const content: DocumentFragment = (template as any).content;\n const codeElements = content.querySelectorAll(customCodeQuerySelector);\n if (codeElements.length) {\n allCustomCodeElements = allCustomCodeElements.concat(Array.from(codeElements));\n }\n });\n }\n\n allCustomCodeElements.forEach(el => {\n const parent = el.parentElement;\n const id = parent && parent.getAttribute('builder-id');\n if (id) {\n globalReplaceNodes[id] = globalReplaceNodes[id] || [];\n globalReplaceNodes[id].push(isShopify ? el : el.cloneNode(true));\n }\n });\n } catch (err) {\n console.error('Builder replace nodes error:', err);\n }\n}\n\nclass CustomCodeComponent extends React.Component