@sunrise-upc/sales-static-components 4.2.0-beta.0 → 4.2.0-beta.1
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.
- package/README.md +8 -8
- package/dist/cjs/components/ButtonGroup/ButtonGroup.css +95 -95
- package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.js +1 -1
- package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.js.map +1 -1
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js +1 -1
- package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
- package/dist/cjs/components/FalconButton/falconButton.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.js.map +1 -1
- package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.css +20 -0
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.module.scss.css +20 -0
- package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.module.scss.js +1 -1
- package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardItemBenefits.js.map +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponent.css +389 -389
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +68 -68
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js +1 -1
- package/dist/cjs/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js.map +1 -1
- package/dist/cjs/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.css +937 -937
- package/dist/cjs/components/StageTeaserComponent/SingleGrid/SingleGridRedefined.js.map +1 -1
- package/dist/cjs/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.css +87 -87
- package/dist/cjs/components/StageTeaserV3/SingleGrid/SingleGridComponent.css +87 -87
- package/dist/cjs/components/linecheck/AutoComplete.css +514 -515
- package/dist/cjs/components/linecheck/FiberUpgradeInfo.css +514 -515
- package/dist/cjs/components/linecheck/LineCheckV2.css +514 -515
- package/dist/cjs/components/linecheck/Success.css +514 -515
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js +1 -1
- package/dist/cjs/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/algoliasearch.helper.js +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/algoliasearch.helper.js.map +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/version.js +1 -1
- package/dist/cjs/node_modules/algoliasearch-helper/src/version.js.map +1 -1
- package/dist/cjs/node_modules/immer/dist/immer.js +1 -1
- package/dist/cjs/node_modules/immer/dist/immer.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/render-args.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/render-args.js.map +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js +1 -1
- package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
- package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
- package/dist/cjs/utils/AnalyticUtils.js +1 -1
- package/dist/cjs/utils/AnalyticUtils.js.map +1 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.css +95 -95
- package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.js +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.js.map +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.js +1 -1
- package/dist/esm/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
- package/dist/esm/components/FalconMainNavigation/NavigationMenuItem/NavigationMenuItem.js +1 -1
- package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.css +20 -0
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.module.scss.css +20 -0
- package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.module.scss.js +1 -1
- package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponent.css +389 -389
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css +68 -68
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js +1 -1
- package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.js.map +1 -1
- package/dist/esm/components/StageTeaserComponent/DoubleGrid/DoubleGridComponent.css +937 -937
- package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.css +87 -87
- package/dist/esm/components/StageTeaserV3/SingleGrid/SingleGridComponent.css +87 -87
- package/dist/esm/components/linecheck/AutoComplete.css +514 -515
- package/dist/esm/components/linecheck/FiberUpgradeInfo.css +514 -515
- package/dist/esm/components/linecheck/LineCheckV2.css +514 -515
- package/dist/esm/components/linecheck/LineCheckV2.js +1 -1
- package/dist/esm/components/linecheck/Success.css +514 -515
- package/dist/esm/index.js +1 -1
- package/dist/esm/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js +1 -1
- package/dist/esm/node_modules/@reduxjs/toolkit/dist/redux-toolkit.modern.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/algoliasearch.helper.js +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/algoliasearch.helper.js.map +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/version.js +1 -1
- package/dist/esm/node_modules/algoliasearch-helper/src/version.js.map +1 -1
- package/dist/esm/node_modules/immer/dist/immer.js +1 -1
- package/dist/esm/node_modules/immer/dist/immer.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/utils/render-args.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/utils/render-args.js.map +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/version.js +1 -1
- package/dist/esm/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
- package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
- package/dist/esm/utils/AnalyticUtils.js +1 -1
- package/dist/esm/utils/AnalyticUtils.js.map +1 -1
- package/dist/index.d.ts +54 -6
- package/dist/navigation.css +105 -105
- package/package.json +115 -115
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './LineCheckV2.css';
|
|
2
|
-
import{jsx as e,Fragment as l,jsxs as i}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as d}from"react";import s from"./LineCheckInput.js";import{deleteCookie as c,getCookie as t,setCookie as a}from"cookies-next";import r from"./Success.js";import u from"./LineCheckOverlay.js";import{SBLINECHECKSTART as v,GAEVENT as h,TYPE as p,CHANGE as m,LINEADDRESS as g,CHECKADDRESS as b,LINECHECKSTART as k,LINETABLERESULT as C,SBLINECHECKRESULT as x,VIEW as B}from"../../utils/AnalyticsConstants.js";import N from"js-cookie";import f from"../LineCheckLoader/LineCheckLoader.js";import O from"../FalconMessage/FalconMessage.js";import{viewport as S}from"../RibbonComponent/utils.js";import{AUTHCOOKIE as j}from"../Constants.js";import{trackEvent as L,trackGADatalayerEvent as w,trackLineEvent as A}from"../../utils/AnalyticUtils.js";import{automateLineCheck as y,fetchLineCheck as T}from"../../services/LinecheckService.js";import{LocationFinder as I}from"./LocationFinder.js";const D=({content:D,metadata:U,shippingAddress:J,onSuccess:M,onModemDetailsClick:F,fromLinetable:$})=>{var E,R,P,V,Y,q,z,G,H,K,Q,W,X,Z,_,ee,le,ie;const[ne,oe]=n(!1),[de,se]=n(!1),ce=o(null),[te,ae]=n({enableCheckaddress:!1}),[re,ue]=n(),[ve,he]=n(),[pe,me]=n(!1),[ge,be]=n(),[ke,Ce]=n({indOpen:!1,indErrorOpen:!1}),[xe,Be]=n(!1),[Ne,fe]=n({openIndividualLineCheck:!1,availabilityCheckClicked:!1}),[Oe,Se]=n(!1),je=S(),Le=null==ge?void 0:ge.shouldAutomateLineCheck,we=new Date,Ae=new Date(null===(E=null==ve?void 0:ve.plannedUpgrade)||void 0===E?void 0:E.date),ye=(Ae.getTime()-we.getTime())/864e5>0,[Te,Ie]=n(!1),De=(e,l)=>{fe(l),he(" "),ue(e),""!==(null==e?void 0:e.postCode)&&""!==e.city&&""!==e.houseNumber&&""!==e.street&&""!==e.concatedAddress?ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!0})):ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!1}))},Ue=()=>{te.enableCheckaddress?ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!1})):se(!1)},Je=e("span",{className:"mobileTable",children:e("span",{className:"changeBtn",onClick:()=>{oe(!1),Be(!0),localStorage.removeItem("lineCheckResponse"),M(),c("chAddressJson"),c("one-commerce-linecheckcorrelationid"),L(g,m,p),ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!0})),he("")},hidden:!(null==ve?void 0:ve.eligibleBundle),children:e("span",{className:"changeTxt",children:"mobile"===je?null==ge?void 0:ge.changeTextMob:null==ge?void 0:ge.changeText})})}),Me=()=>{var e;oe(!0),te.enableCheckaddress?(me(!0),c("chAddressJson"),a("chAddressJson",JSON.stringify({addressValue:null==re?void 0:re.concatedAddress,selectedAdd:re}),{path:"/",maxAge:259200}),L(k,b,p),w(h,v,{input:`${null==re?void 0:re.postCode}| ${null==re?void 0:re.city}`,selection:null==ge?void 0:ge.buttonvalue}),re&&Object.keys(re).length>0&&T(re).then(e=>{localStorage.setItem("LinecheckCall","true"),me(!1),he(e),M(),Se(!1),"mobile"===je&&Ne.openIndividualLineCheck&&Ie(!1)}).catch(e=>{console.log(e),Se(!0),fe(Object.assign(Object.assign({},Ne),{availabilityCheckClicked:!1})),"mobile"===je&&Ne.openIndividualLineCheck&&Ie(!0)})):(se(!0),null===(e=ce.current)||void 0===e||e.focus(),"mobile"===je&&Ie(!1))};d(()=>{(()=>{var e,l,i,n,o,d,s,c,a,r,u;try{let v=t("chAddressJson");const h=t("one-commerce-linecheckcorrelationid");M();try{v=v&&JSON.parse(v)}catch(e){console.log("invalid address json")}let p=t(j);try{p=p&&JSON.parse(p)}catch(e){console.log("invalid AuthCookie json")}if(Le&&(null==p?void 0:p.siteId)&&!v&&J&&!xe&&(me(!0),y(me,he,M,J).then(e=>ue(e)).catch(e=>console.log(e))),v){ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!1})),ue(null==v?void 0:v.selectedAdd);const t=localStorage.getItem("lineCheckResponse"),p=localStorage.getItem("one-commerce-linecheckcorrelationid"),m={eligibleBundle:null!==(l=t&&(null===(e=JSON.parse(t))||void 0===e?void 0:e.eligibleBundle))&&void 0!==l?l:[],configEligibleBundle:null!==(n=t&&(null===(i=JSON.parse(t))||void 0===i?void 0:i.configEligibleBundle))&&void 0!==n?n:[],maxUploadDownloadSpeed:null!==(d=t&&(null===(o=JSON.parse(t))||void 0===o?void 0:o.maxUploadDownloadSpeed))&&void 0!==d?d:{},lineCheckRepsonse:ve&&JSON.parse(null==ve?void 0:ve.originalLinecheckResponse),lineCheckCorrelationId:null!=p?p:"",plannedUpgrade:null!==(c=t&&(null===(s=JSON.parse(t))||void 0===s?void 0:s.plannedUpgrade))&&void 0!==c?c:{},accessProviderStatus:null!==(r=t&&(null===(a=JSON.parse(t))||void 0===a?void 0:a.accessProviderStatus))&&void 0!==r?r:void 0};t&&h&&(null===(u=JSON.parse(t))||void 0===u?void 0:u.eligibleBundle)&&Object.keys(null==v?void 0:v.selectedAdd).length&&he(m)}}catch(e){}})()},[ge,J,$]),d(()=>{var e,l,i,n;D&&("lineCheckTemplate"===(null===(l=null===(e=null==D?void 0:D.reference)||void 0===e?void 0:e.content)||void 0===l?void 0:l.component)?be(null===(n=null===(i=null==D?void 0:D.reference)||void 0===i?void 0:i.content)||void 0===n?void 0:n.linecheck[0]):be(D))},[]),d(()=>{var e,l,i,n,o;(!(null==ve?void 0:ve.eligibleBundle)||(null==ve?void 0:ve.eligibleBundle.length)<1)&&se(!1),(null===(e=null==ve?void 0:ve.eligibleBundle)||void 0===e?void 0:e.length)&&(0!==Object.keys(re).length&&void 0!==(null===(l=null==ve?void 0:ve.maxUploadDownloadSpeed)||void 0===l?void 0:l.maxBandwidthDown)||void 0!==(null===(i=null==ve?void 0:ve.maxUploadDownloadSpeed)||void 0===i?void 0:i.maxBandwidthDown))&&(A(`${null==re?void 0:re.postCode}| ${null==re?void 0:re.city} | ${null==re?void 0:re.street} | ${null==re?void 0:re.houseNumber} |\n ${null===(n=null==ve?void 0:ve.maxUploadDownloadSpeed)||void 0===n?void 0:n.maxBandwidthUp} | ${null===(o=null==ve?void 0:ve.maxUploadDownloadSpeed)||void 0===o?void 0:o.maxBandwidthDown}`,C,1,N.get("one-commerce-linecheckcorrelationid"),B),w(h,x,{input:`${null==re?void 0:re.postCode}| ${null==re?void 0:re.city}`,eligible:""}))},[null===(R=null==ve?void 0:ve.eligibleBundle)||void 0===R?void 0:R.length]);const Fe=o(null),$e=()=>{"mobile"===je&&Oe?Ie(!1):"mobile"!==je||Ne.openIndividualLineCheck?"mobile"===je&&Ne.openIndividualLineCheck&&Ne.availabilityCheckClicked?Me():Ie(!1):(Me(),setTimeout(()=>{var e;null===(e=Fe.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})},1e3))};d(()=>{"mobile"!==je||Ne.openIndividualLineCheck?"mobile"===je&&Ne.openIndividualLineCheck&&Ne.availabilityCheckClicked&&$e():$e()},[re]);const Ee={linecheckResponse:ve,lineCheckContent:ge,handleSelection:De,isAddressNotFilled:de,name:"lineCheck",onChange:Ue,selectedAddress:re,isFetchingLineCheck:pe,onClose:$e,onModemDetailsClick:F,apiError:Oe,setApiError:Se,setFetchingLineCheck:me,setPopup:Ie,popup:Te},Re=Object.assign({},Ee);d(()=>{Oe&&me(!1)},[Oe]);const Pe=Array.isArray(null==D?void 0:D.messages)?((null==D?void 0:D.messages)||[]).map(e=>{var l;return"string"==typeof(null==e?void 0:e.text)?null===(l=null==e?void 0:e.text)||void 0===l?void 0:l.trim():""}).filter(e=>e.length>0):[],Ve=Pe.length>0;return e(l,{children:ge?i(l,{children:[i("div",{className:"row justify-content-center",ref:Fe,children:[((null==ge?void 0:ge.linecheckTitle)||(null==ge?void 0:ge.successLinecheckTitle))&&e(l,{children:e("div",{className:"linechecktitle",children:!pe&&(null==ve?void 0:ve.eligibleBundle)?(null===(P=null==ve?void 0:ve.eligibleBundle)||void 0===P?void 0:P.length)<1?null==ge?void 0:ge.noConnectionTitle:null==ge?void 0:ge.successLinecheckTitle:null==ge?void 0:ge.linecheckTitle})}),e("div",{className:"col-12 px-0",children:i("div",{className:""+(de&&!(null==ve?void 0:ve.eligibleBundle)?"gradientborder":""),children:[" ",!pe&&i("div",{className:"row position-relative inputrow",onClick:()=>{var e;"mobile"===je&&(null===(e=null==ce?void 0:ce.current)||void 0===e||e.focus(),Ie(!0))},children:[(null==ve?void 0:ve.eligibleBundle)?e(l,{children:e(r,{content:i("span",{"data-hj-suppress":!0,children:[null==re?void 0:re.concatedAddress,Je]}),isLoading:pe,uploadDownload:null==ve?void 0:ve.maxUploadDownloadSpeed,textContent:ge,eligibleBundle:null==ve?void 0:ve.eligibleBundle,tooltipcontent:null==ge?void 0:ge.speedTooltip,onModemDetailsClick:F,accessProviderStatus:null==ve?void 0:ve.accessProviderStatus,lang:null==U?void 0:U.lang})}):i(l,{children:[e("div",{className:"col-1 px-0 marginautodefault",children:(null==ve?void 0:ve.eligibleBundle)?e(l,{}):e("img",{src:null===(q=null===(Y=null===(V=null==ge?void 0:ge.linecheckIcons)||void 0===V?void 0:V[0])||void 0===Y?void 0:Y.home)||void 0===q?void 0:q.filename,height:""+("mobile"===je?"26px":"48px"),width:""+("mobile"===je?"26px":"48px"),alt:"home",className:"homeicon"})}),e("div",{className:`col-lg-8 col-md-8 col-sm-8 ${"mobile"===je&&((null==ve?void 0:ve.eligibleBundle)?"col-12":"col-9")} px-0`,children:e("div",{children:e(s,{content:ge,parentCallback:De,parentAddress:null==re?void 0:re.concatedAddress,ref:ce,isAddressNotFilled:de,name:"lineCheck",onChange:Ue,setAddressNotFilled:se,apiError:Oe,setApiError:Se,setFetchingLineCheck:me,Address:re,FetchingLineCheck:pe,checkAvailability:ne,setIndivialOpen:Ce,indivialOpen:ke})})}),e("div",{className:"col-lg-3 col-md-3 col-sm-3 col-2 px-0 marginautodefault",children:"mobile"!==je||(null==ve?void 0:ve.eligibleBundle)?e("button",{name:"check address button",type:"button",className:"primarybutton mobileButton",disabled:!(null==ke?void 0:ke.indOpen)&&!(null==te?void 0:te.enableCheckaddress),hidden:!!(null==ve?void 0:ve.eligibleBundle),onClick:Me,style:{width:"100%"},children:null==ge?void 0:ge.buttonvalue}):e("span",{children:e("img",{width:52,height:52,alt:"search",src:null===(H=null===(G=null===(z=null==ge?void 0:ge.linecheckIcons)||void 0===z?void 0:z[0])||void 0===G?void 0:G.searchIcon)||void 0===H?void 0:H.filename})})})]}),ye&&(null===(K=null==ve?void 0:ve.plannedUpgrade)||void 0===K?void 0:K.expectedSpeed)&&i(l,{children:[e("div",{className:"col-lg-1 col-md-1 col-sm-1 col-12 px-0",children:(null==ve?void 0:ve.eligibleBundle)&&e("img",{src:null===(X=null===(W=null===(Q=null==ge?void 0:ge.linecheckIcons)||void 0===Q?void 0:Q[0])||void 0===W?void 0:W.upgrade)||void 0===X?void 0:X.filename,height:"32px",width:"32px",alt:"activeup"})}),e("div",{className:"col-lg-8 col-md-8 col-sm-8 col-12 px-0",children:(null==ve?void 0:ve.eligibleBundle)&&e(r,{content:`${Ye=null==ge?void 0:ge.upgradeText,qe=(null==Ae?void 0:Ae.toLocaleString(null==U?void 0:U.lang,{month:"long"}))+" "+(null==Ae?void 0:Ae.getFullYear()),null==Ye?void 0:Ye.replace(/{\w+}/g,qe)}`,isLoading:pe,uploadDownload:null===(Z=null==ve?void 0:ve.plannedUpgrade)||void 0===Z?void 0:Z.expectedSpeed,textContent:ge,eligibleBundle:null==ve?void 0:ve.eligibleBundle,tooltipcontent:null==ge?void 0:ge.speedUpgradeToolTip,onModemDetailsClick:F})})]}),(null==ke?void 0:ke.indErrorOpen)&&(null===(_=null==ge?void 0:ge.errorMessageBlok)||void 0===_?void 0:_.length)>0&&e(O,{content:null===(ee=null==ge?void 0:ge.errorMessageBlok)||void 0===ee?void 0:ee[0]})]}),"mobile"!==je&&pe&&!Oe&&""!==(null===(le=null==ce?void 0:ce.current)||void 0===le?void 0:le.value)?e("div",{className:"oldspinnercontainer",children:Ve?e(I,{messages:Pe,timeBetweenMessages:null==D?void 0:D.timeBetweenMessages,timeLastMessage:null==D?void 0:D.timeLastMessage}):i("div",{className:"oldspinnercontents",children:[e("div",{className:"spinner-border oldspinnerloads ",role:"status"}),(null==D?void 0:D.checkServiceText)&&e("div",{className:"oldchecktexts",children:null==D?void 0:D.checkServiceText})]})}):" "]})})]}),(null==ge?void 0:ge.helpText)&&!(null===(ie=ce.current)||void 0===ie?void 0:ie.value)?e("div",{className:"helpText",children:!pe&&(null==ve?void 0:ve.eligibleBundle)?"":null==ge?void 0:ge.helpText}):"","mobile"===je&&Te&&!(null==ve?void 0:ve.eligibleBundle)&&e("div",{children:e(u,{props:Re,setIndivialOpen:Ce,indivialOpen:ke,setAddressNotFilled:se})})]}):je&&e(f,{})});var Ye,qe};export{D as default};
|
|
2
|
+
import{jsx as e,Fragment as l,jsxs as i}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as d}from"react";import s from"./LineCheckInput.js";import{deleteCookie as c,getCookie as t,setCookie as a}from"cookies-next";import r from"./Success.js";import u from"./LineCheckOverlay.js";import{TYPE as v,CHANGE as h,LINEADDRESS as p,CHECKADDRESS as m,LINECHECKSTART as g,SBLINECHECKSTART as b,GAEVENT as k,VIEW as C,LINETABLERESULT as x,SBLINECHECKRESULT as B}from"../../utils/AnalyticsConstants.js";import N from"js-cookie";import f from"../LineCheckLoader/LineCheckLoader.js";import O from"../FalconMessage/FalconMessage.js";import{viewport as S}from"../RibbonComponent/utils.js";import{AUTHCOOKIE as j}from"../Constants.js";import{trackEvent as L,trackGADatalayerEvent as w,trackLineEvent as A}from"../../utils/AnalyticUtils.js";import{automateLineCheck as y,fetchLineCheck as T}from"../../services/LinecheckService.js";import{LocationFinder as I}from"./LocationFinder.js";const D=({content:D,metadata:U,shippingAddress:J,onSuccess:M,onModemDetailsClick:F,fromLinetable:$})=>{var E,R,P,V,Y,q,z,G,H,K,Q,W,X,Z,_,ee,le,ie;const[ne,oe]=n(!1),[de,se]=n(!1),ce=o(null),[te,ae]=n({enableCheckaddress:!1}),[re,ue]=n(),[ve,he]=n(),[pe,me]=n(!1),[ge,be]=n(),[ke,Ce]=n({indOpen:!1,indErrorOpen:!1}),[xe,Be]=n(!1),[Ne,fe]=n({openIndividualLineCheck:!1,availabilityCheckClicked:!1}),[Oe,Se]=n(!1),je=S(),Le=null==ge?void 0:ge.shouldAutomateLineCheck,we=new Date,Ae=new Date(null===(E=null==ve?void 0:ve.plannedUpgrade)||void 0===E?void 0:E.date),ye=(Ae.getTime()-we.getTime())/864e5>0,[Te,Ie]=n(!1),De=(e,l)=>{fe(l),he(" "),ue(e),""!==(null==e?void 0:e.postCode)&&""!==e.city&&""!==e.houseNumber&&""!==e.street&&""!==e.concatedAddress?ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!0})):ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!1}))},Ue=()=>{te.enableCheckaddress?ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!1})):se(!1)},Je=e("span",{className:"mobileTable",children:e("span",{className:"changeBtn",onClick:()=>{oe(!1),Be(!0),localStorage.removeItem("lineCheckResponse"),M(),c("chAddressJson"),c("one-commerce-linecheckcorrelationid"),L(p,h,v),ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!0})),he("")},hidden:!(null==ve?void 0:ve.eligibleBundle),children:e("span",{className:"changeTxt",children:"mobile"===je?null==ge?void 0:ge.changeTextMob:null==ge?void 0:ge.changeText})})}),Me=()=>{var e;oe(!0),te.enableCheckaddress?(me(!0),c("chAddressJson"),a("chAddressJson",JSON.stringify({addressValue:null==re?void 0:re.concatedAddress,selectedAdd:re}),{path:"/",maxAge:259200}),L(g,m,v),w(k,b,{input:`${null==re?void 0:re.postCode}| ${null==re?void 0:re.city}`,selection:null==ge?void 0:ge.buttonvalue}),re&&Object.keys(re).length>0&&T(re).then(e=>{localStorage.setItem("LinecheckCall","true"),me(!1),he(e),M(),Se(!1),"mobile"===je&&Ne.openIndividualLineCheck&&Ie(!1)}).catch(e=>{console.log(e),Se(!0),fe(Object.assign(Object.assign({},Ne),{availabilityCheckClicked:!1})),"mobile"===je&&Ne.openIndividualLineCheck&&Ie(!0)})):(se(!0),null===(e=ce.current)||void 0===e||e.focus(),"mobile"===je&&Ie(!1))};d(()=>{(()=>{var e,l,i,n,o,d,s,c,a,r,u;try{let v=t("chAddressJson");const h=t("one-commerce-linecheckcorrelationid");M();try{v=v&&JSON.parse(v)}catch(e){console.log("invalid address json")}let p=t(j);try{p=p&&JSON.parse(p)}catch(e){console.log("invalid AuthCookie json")}if(Le&&(null==p?void 0:p.siteId)&&!v&&J&&!xe&&(me(!0),y(me,he,M,J).then(e=>ue(e)).catch(e=>console.log(e))),v){ae(e=>Object.assign(Object.assign({},e),{enableCheckaddress:!1})),ue(null==v?void 0:v.selectedAdd);const t=localStorage.getItem("lineCheckResponse"),p=localStorage.getItem("one-commerce-linecheckcorrelationid"),m={eligibleBundle:null!==(l=t&&(null===(e=JSON.parse(t))||void 0===e?void 0:e.eligibleBundle))&&void 0!==l?l:[],configEligibleBundle:null!==(n=t&&(null===(i=JSON.parse(t))||void 0===i?void 0:i.configEligibleBundle))&&void 0!==n?n:[],maxUploadDownloadSpeed:null!==(d=t&&(null===(o=JSON.parse(t))||void 0===o?void 0:o.maxUploadDownloadSpeed))&&void 0!==d?d:{},lineCheckRepsonse:ve&&JSON.parse(null==ve?void 0:ve.originalLinecheckResponse),lineCheckCorrelationId:null!=p?p:"",plannedUpgrade:null!==(c=t&&(null===(s=JSON.parse(t))||void 0===s?void 0:s.plannedUpgrade))&&void 0!==c?c:{},accessProviderStatus:null!==(r=t&&(null===(a=JSON.parse(t))||void 0===a?void 0:a.accessProviderStatus))&&void 0!==r?r:void 0};t&&h&&(null===(u=JSON.parse(t))||void 0===u?void 0:u.eligibleBundle)&&Object.keys(null==v?void 0:v.selectedAdd).length&&he(m)}}catch(e){}})()},[ge,J,$]),d(()=>{var e,l,i,n;D&&("lineCheckTemplate"===(null===(l=null===(e=null==D?void 0:D.reference)||void 0===e?void 0:e.content)||void 0===l?void 0:l.component)?be(null===(n=null===(i=null==D?void 0:D.reference)||void 0===i?void 0:i.content)||void 0===n?void 0:n.linecheck[0]):be(D))},[]),d(()=>{var e,l,i,n,o;(!(null==ve?void 0:ve.eligibleBundle)||(null==ve?void 0:ve.eligibleBundle.length)<1)&&se(!1),(null===(e=null==ve?void 0:ve.eligibleBundle)||void 0===e?void 0:e.length)&&(0!==Object.keys(re).length&&void 0!==(null===(l=null==ve?void 0:ve.maxUploadDownloadSpeed)||void 0===l?void 0:l.maxBandwidthDown)||void 0!==(null===(i=null==ve?void 0:ve.maxUploadDownloadSpeed)||void 0===i?void 0:i.maxBandwidthDown))&&(A(`${null==re?void 0:re.postCode}| ${null==re?void 0:re.city} | ${null==re?void 0:re.street} | ${null==re?void 0:re.houseNumber} |\n ${null===(n=null==ve?void 0:ve.maxUploadDownloadSpeed)||void 0===n?void 0:n.maxBandwidthUp} | ${null===(o=null==ve?void 0:ve.maxUploadDownloadSpeed)||void 0===o?void 0:o.maxBandwidthDown}`,x,1,N.get("one-commerce-linecheckcorrelationid"),C),w(k,B,{input:`${null==re?void 0:re.postCode}| ${null==re?void 0:re.city}`,eligible:""}))},[null===(R=null==ve?void 0:ve.eligibleBundle)||void 0===R?void 0:R.length]);const Fe=o(null),$e=()=>{"mobile"===je&&Oe?Ie(!1):"mobile"!==je||Ne.openIndividualLineCheck?"mobile"===je&&Ne.openIndividualLineCheck&&Ne.availabilityCheckClicked?Me():Ie(!1):(Me(),setTimeout(()=>{var e;null===(e=Fe.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})},1e3))};d(()=>{"mobile"!==je||Ne.openIndividualLineCheck?"mobile"===je&&Ne.openIndividualLineCheck&&Ne.availabilityCheckClicked&&$e():$e()},[re]);const Ee={linecheckResponse:ve,lineCheckContent:ge,handleSelection:De,isAddressNotFilled:de,name:"lineCheck",onChange:Ue,selectedAddress:re,isFetchingLineCheck:pe,onClose:$e,onModemDetailsClick:F,apiError:Oe,setApiError:Se,setFetchingLineCheck:me,setPopup:Ie,popup:Te},Re=Object.assign({},Ee);d(()=>{Oe&&me(!1)},[Oe]);const Pe=Array.isArray(null==D?void 0:D.messages)?((null==D?void 0:D.messages)||[]).map(e=>{var l;return"string"==typeof(null==e?void 0:e.text)?null===(l=null==e?void 0:e.text)||void 0===l?void 0:l.trim():""}).filter(e=>e.length>0):[],Ve=Pe.length>0;return e(l,{children:ge?i(l,{children:[i("div",{className:"row justify-content-center",ref:Fe,children:[((null==ge?void 0:ge.linecheckTitle)||(null==ge?void 0:ge.successLinecheckTitle))&&e(l,{children:e("div",{className:"linechecktitle",children:!pe&&(null==ve?void 0:ve.eligibleBundle)?(null===(P=null==ve?void 0:ve.eligibleBundle)||void 0===P?void 0:P.length)<1?null==ge?void 0:ge.noConnectionTitle:null==ge?void 0:ge.successLinecheckTitle:null==ge?void 0:ge.linecheckTitle})}),e("div",{className:"col-12 px-0",children:i("div",{className:""+(de&&!(null==ve?void 0:ve.eligibleBundle)?"gradientborder":""),children:[" ",!pe&&i("div",{className:"row position-relative inputrow",onClick:()=>{var e;"mobile"===je&&(null===(e=null==ce?void 0:ce.current)||void 0===e||e.focus(),Ie(!0))},children:[(null==ve?void 0:ve.eligibleBundle)?e(l,{children:e(r,{content:i("span",{"data-hj-suppress":!0,children:[null==re?void 0:re.concatedAddress,Je]}),isLoading:pe,uploadDownload:null==ve?void 0:ve.maxUploadDownloadSpeed,textContent:ge,eligibleBundle:null==ve?void 0:ve.eligibleBundle,tooltipcontent:null==ge?void 0:ge.speedTooltip,onModemDetailsClick:F,accessProviderStatus:null==ve?void 0:ve.accessProviderStatus,lang:null==U?void 0:U.lang})}):i(l,{children:[e("div",{className:"col-1 px-0 marginautodefault",children:(null==ve?void 0:ve.eligibleBundle)?e(l,{}):e("img",{src:null===(q=null===(Y=null===(V=null==ge?void 0:ge.linecheckIcons)||void 0===V?void 0:V[0])||void 0===Y?void 0:Y.home)||void 0===q?void 0:q.filename,height:""+("mobile"===je?"26px":"48px"),width:""+("mobile"===je?"26px":"48px"),alt:"home",className:"homeicon"})}),e("div",{className:`col-lg-8 col-md-8 col-sm-8 ${"mobile"===je&&((null==ve?void 0:ve.eligibleBundle)?"col-12":"col-9")} px-0`,children:e("div",{children:e(s,{content:ge,parentCallback:De,parentAddress:null==re?void 0:re.concatedAddress,ref:ce,isAddressNotFilled:de,name:"lineCheck",onChange:Ue,setAddressNotFilled:se,apiError:Oe,setApiError:Se,setFetchingLineCheck:me,Address:re,FetchingLineCheck:pe,checkAvailability:ne,setIndivialOpen:Ce,indivialOpen:ke})})}),e("div",{className:"col-lg-3 col-md-3 col-sm-3 col-2 px-0 marginautodefault",children:"mobile"!==je||(null==ve?void 0:ve.eligibleBundle)?e("button",{name:"check address button",type:"button",className:"primarybutton mobileButton",disabled:!(null==ke?void 0:ke.indOpen)&&!(null==te?void 0:te.enableCheckaddress),hidden:!!(null==ve?void 0:ve.eligibleBundle),onClick:Me,style:{width:"100%"},children:null==ge?void 0:ge.buttonvalue}):e("span",{children:e("img",{width:52,height:52,alt:"search",src:null===(H=null===(G=null===(z=null==ge?void 0:ge.linecheckIcons)||void 0===z?void 0:z[0])||void 0===G?void 0:G.searchIcon)||void 0===H?void 0:H.filename})})})]}),ye&&(null===(K=null==ve?void 0:ve.plannedUpgrade)||void 0===K?void 0:K.expectedSpeed)&&i(l,{children:[e("div",{className:"col-lg-1 col-md-1 col-sm-1 col-12 px-0",children:(null==ve?void 0:ve.eligibleBundle)&&e("img",{src:null===(X=null===(W=null===(Q=null==ge?void 0:ge.linecheckIcons)||void 0===Q?void 0:Q[0])||void 0===W?void 0:W.upgrade)||void 0===X?void 0:X.filename,height:"32px",width:"32px",alt:"activeup"})}),e("div",{className:"col-lg-8 col-md-8 col-sm-8 col-12 px-0",children:(null==ve?void 0:ve.eligibleBundle)&&e(r,{content:`${Ye=null==ge?void 0:ge.upgradeText,qe=(null==Ae?void 0:Ae.toLocaleString(null==U?void 0:U.lang,{month:"long"}))+" "+(null==Ae?void 0:Ae.getFullYear()),null==Ye?void 0:Ye.replace(/{\w+}/g,qe)}`,isLoading:pe,uploadDownload:null===(Z=null==ve?void 0:ve.plannedUpgrade)||void 0===Z?void 0:Z.expectedSpeed,textContent:ge,eligibleBundle:null==ve?void 0:ve.eligibleBundle,tooltipcontent:null==ge?void 0:ge.speedUpgradeToolTip,onModemDetailsClick:F})})]}),(null==ke?void 0:ke.indErrorOpen)&&(null===(_=null==ge?void 0:ge.errorMessageBlok)||void 0===_?void 0:_.length)>0&&e(O,{content:null===(ee=null==ge?void 0:ge.errorMessageBlok)||void 0===ee?void 0:ee[0]})]}),"mobile"!==je&&pe&&!Oe&&""!==(null===(le=null==ce?void 0:ce.current)||void 0===le?void 0:le.value)?e("div",{className:"oldspinnercontainer",children:Ve?e(I,{messages:Pe,timeBetweenMessages:null==D?void 0:D.timeBetweenMessages,timeLastMessage:null==D?void 0:D.timeLastMessage}):i("div",{className:"oldspinnercontents",children:[e("div",{className:"spinner-border oldspinnerloads ",role:"status"}),(null==D?void 0:D.checkServiceText)&&e("div",{className:"oldchecktexts",children:null==D?void 0:D.checkServiceText})]})}):" "]})})]}),(null==ge?void 0:ge.helpText)&&!(null===(ie=ce.current)||void 0===ie?void 0:ie.value)?e("div",{className:"helpText",children:!pe&&(null==ve?void 0:ve.eligibleBundle)?"":null==ge?void 0:ge.helpText}):"","mobile"===je&&Te&&!(null==ve?void 0:ve.eligibleBundle)&&e("div",{children:e(u,{props:Re,setIndivialOpen:Ce,indivialOpen:ke,setAddressNotFilled:se})})]}):je&&e(f,{})});var Ye,qe};export{D as default};
|
|
3
3
|
//# sourceMappingURL=LineCheckV2.js.map
|