\n
\n Ønsker du oversikt over tidligere transaksjoner på kort ber vi\n deg ta kontakt med kundeservice på kontakt@fabel.no\n
\n \n );\n};\n\nexport default StripeWidget;\n","import React, { useState, useEffect } from \"react\";\nimport { Card, Button } from \"react-bootstrap\";\nimport { Redirect } from \"react-router-dom\";\nimport AuthService from \"../../services/AuthService\";\nimport UserService from \"../../services/UserService\";\n\nconst StrexWidget = ({ currentUser, setCurrentUser, currProduct }) => {\n console.log(\"currentUser\", currentUser, \"setCurrentUser\", setCurrentUser);\n const [subState, setSubState] = useState();\n const [redirect, setRedirect] = useState(null);\n const [productID, setProductId] = useState();\n const [userMessage, setUserMessage] = useState({\n showMessage: false,\n message: \"\",\n messageType: null,\n });\n useEffect(() => {\n const currentToken = AuthService.getCurrentToken();\n UserService.getSubscription(currentToken.access_token)\n .then((subscription) => {\n setSubState(subscription.state);\n setProductId(subscription.product_id);\n })\n .catch((error) => {\n if (\n error.response &&\n error.response.data &&\n error.response.data.message\n ) {\n const errorMsg = error.response.data.message;\n if (\n errorMsg.includes(\"Token not found\") ||\n errorMsg.includes(\"Token expired\") ||\n errorMsg.includes(\"Invalid Token\")\n ) {\n AuthService.logout();\n setRedirect({ redirect: \"/logg-inn\" });\n }\n console.log(\"new error mypage 1\", error.response.data.message); // Handle error message here\n } else {\n console.log(\"An unexpected error occurred\");\n }\n });\n }, []);\n const handleStrexSubmit = () => {\n const currentToken = AuthService.getCurrentToken();\n UserService.changeStrexProduct(currentToken.access_token, \"\").then(\n (response) => {\n UserService.paymentSwitchLogging(\n \"successPaymentWithStrex -\" + JSON.stringify(response.status),\n JSON.stringify(response),\n currentUser.mobile,\n subState,\n productID,\n currentToken.access_token,\n \"\",\n );\n console.log(\"strexPaymentMethod success: \" + JSON.stringify(response));\n window.location.reload();\n },\n (error) => {\n UserService.paymentSwitchLogging(\n \"failedPaymentWithStrex -\" + JSON.stringify(error.status),\n JSON.stringify(error),\n currentUser.mobile,\n subState,\n productID,\n currentToken.access_token,\n \"\",\n );\n console.log(\"strexPaymentMethod error: \" + JSON.stringify(error));\n setUserMessage({\n showMessage: true,\n message: \"Noe gikk galt, prøv igjen senere.\",\n messageType: \"alert-danger\",\n });\n //console.log(\"error geting subscription 4.3\");\n },\n );\n /* const userNewPaymentType = {...currentUser, payment_type: 0}\n\n const vippsData = {\n \"product_id\": currProduct,\n \"campaign_code\": \"UTMCAMPAIGN\",\n \"redirect_url\": window.location.origin+\"/vipps-completed\"\n }\n UserService.vippsIntent(currentToken.access_token, vippsData)\n .then((response) => {\n if(response.status===200){\n window.sessionStorage.setItem('vippsreference', response.data.reference);\n window.location.href = response.data.confirmation_url\n //setVippsButtonUrl(vipps.data.confirmation_url);\n }\n setCurrentUser(response)\n setUserMessage({\n showMessage: true,\n message: \"Byttet til mobilbetaling\",\n messageType: \"alert-success\"\n })\n }, () => {\n setUserMessage({\n showMessage: true,\n message: \"Noe gikk galt, prøv igjen senere.\",\n messageType: \"alert-danger\"\n })\n })*/\n };\n if (redirect) {\n return \n Ønsker du oversikt over tidligere transaksjoner på kort ber vi\n deg ta kontakt med kundeservice på kontakt@fabel.no\n
\n
\n
\r\n
\r\n
{msisdn_string}
\r\n \r\n );\r\n case 3:\r\n return (\r\n <>\r\n :\r\n \r\n
\r\n
Faktura.
\r\n \r\n );\r\n }\r\n };\r\n\r\n const handleGiftcardChange = (e) => {\r\n setGiftcardCode(e.currentTarget.value);\r\n };\r\n\r\n const submitGiftcard = () => {\r\n const currentToken = AuthService.getCurrentToken();\r\n UserService.redeemGiftcard(currentToken.access_token, giftcardCode).then(\r\n (response) => {\r\n setUserMessage({\r\n showMessage: true,\r\n message: \"Innløsning av gavekort vellykket!\",\r\n messageType: \"alert-success\",\r\n });\r\n },\r\n (error) => {\r\n if (error.response.status === 409) {\r\n setUserMessage({\r\n showMessage: true,\r\n message: \"Denne koden er allere brukt!\",\r\n messageType: \"alert-danger\",\r\n });\r\n } else {\r\n setUserMessage({\r\n showMessage: true,\r\n message: \"Feil kode\",\r\n messageType: \"alert-danger\",\r\n });\r\n }\r\n }\r\n );\r\n };\r\n\r\n const goToTerminateSubscription = () => {\r\n history.push({\r\n pathname: \"/avslutt-abonnement\",\r\n });\r\n\r\n //if(terminateExecution===0){\r\n // terminateExecution = 1;\r\n // set601OfferWidget(true);\r\n\r\n //} else {\r\n // history.push({\r\n // pathname: \"/avslutt-abonnement\",\r\n //});\r\n //}\r\n };\r\n //console.log(\"subState\", subState, campaign);\r\n return (\r\n {title}
\r\n {\" \"}\r\n \r\n ) : (\r\n <> Valgt betaling {renderSwitch(currentUser.payment_type)}\r\n )}{*/}\r\n <> Valgt betaling {renderSwitch(currentUser.payment_type)}\r\n\r\n {subState === \"ACTIVE\" ? (\r\n <>\r\n
\r\n\r\n {campaign ? (\r\n <>\r\n {subscription.product_id == \"42\" ||\r\n subscription.product_id == \"1001\" ||\r\n subscription.product_id == \"1002\" ||\r\n subscription.product_id == \"2001\" ||\r\n subscription.product_id == \"4001\" ? (\r\n <>\r\n ) : (\r\n <> \r\n )}\r\n
\r\n \r\n ) : (\r\n <>\r\n {subscription.product_id == \"110\" ? (\r\n <>\r\n Fra 1. januar 2023 er abonnementet løpende til 189 kr per\r\n måned.\r\n
\r\n
\r\n \r\n ) : (\r\n <>\r\n )}\r\n
\r\n \r\n )}\r\n \r\n ) : null}\r\n\r\n {subState === \"STOPPED\" ? (\r\n <>\r\n
\r\n Du har avsluttet ditt abonnement\r\n
\r\n
\r\n Du mister tilgang til Fabel den{\" \"}\r\n {formatDateString(subscription.expiry_date)}.
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n ) : null}\r\n {subState === \"EXPIREDDEACTIVATED\" ? (\r\n <>\r\n \r\n Ditt Fabel-abonnement er stoppet, men du kan lytte ut\r\n betalingsperioden. Du har fortsatt en kostnadsfri brukerkonto,\r\n og kan starte abonnementet igjen når du ønsker. Ønsker du å\r\n slette din brukerkonto, kan du kontakte kundeservice på\r\n kontakt@fabel.no.\r\n
\r\n\r\n \r\n
\r\n Betalingsmetode utgått\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n ) : null}\r\n\r\n {subState === \"TRIALING\" ? (\r\n <>\r\n \r\n Du må legge inn et nytt bankkort og så velge abonnement får å\r\n kunne lytte videre. Velg 'Endre betalingsmetode', legg inn\r\n kortdetaljer, trykk bekreft og gå igjennom autentifisering\r\n gjennom banken. Deretter velg det abonnement som passer deg.\r\n
\r\n\r\n \r\n
\r\n {/* Ditt abonnementet er på prøvetid\r\n
*/}\r\n
\r\n Din neste faktureringsdato er{\" \"}\r\n {formatDateString(subscription.next_billing_date)}.
\r\n
\r\n
\r\n \r\n ) : null}\r\n\r\n {subState === \"FALSE\" ? (\r\n <>\r\n \r\n
\r\n
\r\n Du har ikke et aktivt abonnement\r\n
\r\n
\r\n \r\n ) : null}\r\n
\r\n Få full oversikt over mobilbetalingen\r\n
\r\n Stopp abonnement\r\n
\r\n {offer601Widget === true ? (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n \r\n Vi vil veldig gjerne at du blir hos oss.\r\n
\r\n \r\n
\r\n 🐣 PÅSKETILBUD 🐣{\" \"}\r\n
\r\n \r\n Fabel Familie i 10 uker for kun 99 kroner\r\n
\r\n \r\n Normalt 189 kr/mnd – gjelder først etter 10 uker.\r\n
\r\n \r\n
\r\n
\r\n Slå til nå, så kan du høre krim og andre lydbøker i\r\n påsken.{\" \"}\r\n
\r\n \r\n Du får også med deg nyhetene fra 2022 som slippes\r\n for strømming fra 1. mai.\r\n
\r\n \r\n
\r\n \r\n Jeg vil ha dette tilbudet\r\n \r\n
\r\n \r\n
\r\n {/*campaignAvsluttProduct.length > 0 ? \r\n <>\r\n \r\n handleCampaignProduct(\r\n campaignAvsluttProduct[0].id\r\n )\r\n }\r\n >\r\n Ja, jeg vil ha dette tilbudet\r\n \r\n
\r\n \r\n ) : null}\r\n\r\n \r\n
\r\n {value.concurrentStreams.toString()}{\" \"}\r\n {value.concurrentStreams === 1 ? (\r\n <>samtidig strømming.\r\n ) : (\r\n <>samtidige strømminger.\r\n )}{\" \"}\r\n {value.profiles.toString()}{\" \"}\r\n {value.profiles == 1 ? <>profil. : <>profiler.}\r\n
\r\n \r\n }\r\n \r\n })}\r\n
\r\n \r\n : '' */}\r\n {campaignAvsluttExceptionProductt.includes(\r\n subscription.product_id\r\n ) === false &&\r\n campaignAvsluttStartDate &&\r\n campaignAvsluttEndDate &&\r\n campaignAvsluttProduct.length > 0 ? (\r\n <>\r\n \r\n Er du helt sikker på at du vil forlate oss?\r\n
\r\n
\r\n Bli, og få Fabel i to måneder til 50 % rabatt!\r\n
\r\n Ubegrenset lytting til halv pris.\r\n
\r\n
\r\n \r\n
\r\n {campaignAvsluttProduct.map((value, key) => {\r\n const campaignAvsluttExceptionProductt = value.exceptionProduct.split(\", \");\r\n \r\n if(campaignAvsluttExceptionProductt.includes(subscription.product_id)==false){\r\n return <>\r\n \r\n \r\n
\r\n Bli, og få Fabel i to måneder til 50 % rabatt!\r\n
\r\n Ubegrenset lytting til halv pris.\r\n
\r\n
\r\n \r\n
\r\n {value.concurrentStreams.toString()}{\" \"}\r\n {value.concurrentStreams === 1 ? (\r\n <>samtidig strømming.\r\n ) : (\r\n <>samtidige strømminger.\r\n )}{\" \"}\r\n {value.profiles.toString()}{\" \"}\r\n {value.profiles == 1 ? <>profil. : <>profiler.}\r\n
\r\n \r\n }\r\n \r\n })}\r\n
\r\n \r\n {campaignAvsluttProduct[0].text1 ? (\r\n <>\r\n {\" \"}\r\n {\r\n campaignAvsluttProduct[0].text1\r\n }
{\" \"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {campaignAvsluttProduct[0].text2 ? (\r\n <>\r\n {\" \"}\r\n \r\n {campaignAvsluttProduct[0].text2}\r\n {\" \"}\r\n
{\" \"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {campaignAvsluttProduct[0].text3 ? (\r\n <>\r\n \r\n {campaignAvsluttProduct[0].text3}\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {campaignAvsluttProduct[0].text4 ? (\r\n <>\r\n \r\n {campaignAvsluttProduct[0].text4}\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {campaignAvsluttProduct[0].text5 ? (\r\n <>\r\n \r\n {campaignAvsluttProduct[0].text5}\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n {\" \"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {campaignAvsluttProduct[0].text2 ? (\r\n <>\r\n {\" \"}\r\n \r\n {campaignAvsluttProduct[0].text2}\r\n {\" \"}\r\n
{\" \"}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {campaignAvsluttProduct[0].text3 ? (\r\n <>\r\n \r\n {campaignAvsluttProduct[0].text3}\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {campaignAvsluttProduct[0].text4 ? (\r\n <>\r\n \r\n {campaignAvsluttProduct[0].text4}\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {campaignAvsluttProduct[0].text5 ? (\r\n <>\r\n \r\n {campaignAvsluttProduct[0].text5}\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n
\r\n \r\n
{book.author ? book.author : \"\"}\n
Se alle kjøpte bøker
\n \n \n Kampanjepris. Abbonnementet gjelder t.o.m {campaignExpiry}, deretter\n er det løpende.\n
\n \n
\n \n );\n };\n\n const handleClose = () => {\n setPopupChangeSub(false);\n setPopupForny(false);\n setPopupFornyKvitering(false);\n setPopupChangeSubKvitering(false);\n };\n\n const handleRadioChange = (e) => {\n setSelectedID(e.currentTarget.value);\n window.sessionStorage.setItem(\"selectedProduct\", e.currentTarget.value);\n setPopupChangeSub(true);\n setChosenProd(e.currentTarget.value);\n };\n // console.log(window.dataLayer)\n // console.log(\"origin\", window.location.origin);\n const vippsData = {\n product_id: selectedID,\n campaign_code: \"UTMCAMPAIGN\",\n redirect_url: window.location.origin + \"/vipps-completed\",\n };\n //return;\n const handleResumeSubs = () => {\n const currentToken = AuthService.getCurrentToken();\n\n UserService.resumeSubscription(currentToken.access_token).then(\n (response) => {\n setPopUpMsg(\n \"Abonnementet ditt er gjenopptatt, vi ønsker deg hjertelig velkommen tilbake.\"\n );\n setShowPopup(true);\n //console.log(response);\n },\n (error) => {\n //console.log(error);\n setPopUpMsg(\"Noe gikk galt, vi kunne ikke gjenoppta abonnementet ditt\");\n setShowPopup(true);\n }\n );\n };\n const handleChangeSub = () => {\n //console.log(\"vippsData\", vippsData);\n if (currentUser.payment_type === 6) {\n const currentToken = AuthService.getCurrentToken();\n UserService.vippsIntent(currentToken.access_token, vippsData).then(\n (vipps) => {\n if (vipps.status === 200) {\n window.sessionStorage.setItem(\n \"vippsreference\",\n vipps.data.reference\n );\n window.location.href = vipps.data.confirmation_url;\n //setVippsButtonUrl(vipps.data.confirmation_url);\n } else {\n setPopupChangeSubKvitering(true);\n }\n },\n (error) => {\n setPopupChangeSubKvitering(true);\n }\n );\n } else {\n setDisableMode(true);\n //if (subState == \"\") {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: \"subscription_reactivated\",\n });\n //}\n if (subState === \"STOPPED\" && selectedID === subscription.product_id) {\n handleActivateSubscription();\n } else {\n //console.log(\"selectedID\", selectedID);\n const currentToken = AuthService.getCurrentToken();\n if (currentUser.payment_type === 3) {\n UserService.changeStripeProduct(\n currentToken.access_token,\n selectedID\n ).then(\n (response) => {\n setPopupForny(false);\n setPopupRenewSub(false);\n setPopupChangeSub(false);\n setDisableMode(false);\n setChangeSubState(true);\n setPopupChangeSubKvitering(true);\n //console.log(\"error geting subscription 4.1\");\n },\n (error) => {\n setDisableMode(false);\n setChangeSubState(false);\n setPopupChangeSubKvitering(true);\n //setPopupChangeSubKvitering(true);\n //console.log(\"error geting subscription 4.3\");\n }\n );\n } else if (currentUser.payment_type === 2) {\n UserService.changeInvoiceProduct(\n currentToken.access_token,\n selectedID\n ).then(\n (response) => {\n UserService.getSubscription(currentToken.access_token).then(\n (subscription) => {\n setSubscription(subscription);\n window.location.reload();\n },\n (error) => {\n //console.log(error);\n //console.log(\"error geting subscription 5.0\");\n }\n );\n setPopupForny(false);\n setPopupRenewSub(false);\n setPopupChangeSub(false);\n setDisableMode(false);\n setChangeSubState(true);\n\n setPopupChangeSubKvitering(true);\n },\n (error) => {\n setDisableMode(false);\n setChangeSubState(false);\n setPopupChangeSubKvitering(true);\n //setPopupChangeSubKvitering(true);\n ////console.log(\"error geting subscription 4.3\");\n }\n );\n } else if (currentUser.payment_type === 0) {\n UserService.changeStrexProduct(\n currentToken.access_token,\n selectedID\n ).then(\n (response) => {\n UserService.getSubscription(currentToken.access_token).then(\n (subscription) => {\n setSubscription(subscription);\n },\n (error) => {\n //console.log(error);\n //console.log(\"error geting subscription 5.0\");\n }\n );\n setPopupForny(false);\n setPopupRenewSub(false);\n setPopupChangeSub(false);\n setDisableMode(false);\n setChangeSubState(true);\n\n setPopupChangeSubKvitering(true);\n //console.log(\"error geting subscription 5.1\");\n },\n (error) => {\n //UserService.paymentSwitchLogging(error, currentUser.mobile, subState, selectedID);\n setDisableMode(false);\n setChangeSubState(false);\n setPopupChangeSubKvitering(true);\n //setPopupChangeSubKvitering(true);\n //console.log(\"error geting subscription 5.3\");\n }\n );\n } else {\n console.log(\"inside else condition of payment in change sub\");\n setPopupChangeSubKvitering(true);\n }\n\n /*UserService.changeSubscription(\n currentToken.access_token,\n selectedID\n ).then(\n (response) => {\n \n UserService.getSubscription(currentToken.access_token).then(\n (subscription) => {\n setSubscription(subscription);\n },\n (error) => {\n console.log(error);\n console.log(\"error geting subscription 3.0\");\n }\n );\n setPopupForny(false);\n setPopupRenewSub(false);\n setPopupChangeSub(false);\n setDisableMode(false);\n setChangeSubState(true);\n setPopupChangeSubKvitering(true);\n console.log(\"error geting subscription 3.1\");\n },\n () => {\n setDisableMode(false);\n setChangeSubState(false);\n setPopupChangeSubKvitering(true);\n console.log(\"error geting subscription 3.2\");\n }\n );*/\n }\n }\n };\n\n /*const handleGetCredits = () => {\n const currentToken = AuthService.getCurrentToken();\n UserService.getOneBookCredits(currentToken.access_token).then((credits) => {\n setOneBookCredits(credits.credits);\n });\n };*/\n\n const handleActivateSubscription = () => {\n const currentToken = AuthService.getCurrentToken();\n UserService.activateSubscription(currentToken.access_token).then(\n (subscription) => {\n UserService.getSubscription(currentToken.access_token).then(\n (subscription) => {\n setSubscription(subscription);\n setPopupForny(false);\n setPopupChangeSub(false);\n setDisableMode(false);\n setChangeSubState(true);\n setPopupChangeSubKvitering(true);\n //console.log(\"error geting subscription 2.2\");\n },\n (error) => {\n //console.log(\"error geting subscription\");\n }\n );\n },\n (error) => {\n //console.log(\"error activating subscription\");\n setChangeSubState(false);\n setPopupChangeSubKvitering(true);\n //setPopupChangeSubKvitering(true);\n }\n );\n };\n\n const handleFornyKampanje = () => {\n setPopupForny(true);\n };\n\n const handleFornyKampanjeKvittering = () => {\n const currentToken = AuthService.getCurrentToken();\n\n UserService.subRenewalPOST(\n currentToken.access_token,\n subscription.sub_id,\n subscription.product_id\n ).then(\n (result) => {\n setPopupForny(false);\n setPopupFornyKvitering(true);\n setSubscription({\n next_billing_date: subscription.next_billing_date,\n product_id: subscription.product_id,\n state: \"3\",\n });\n },\n (error) => {\n //console.log(\"error\");\n }\n );\n };\n\n const baseProducts = subscriptions.filter(\n (sub) =>\n sub.campaign === false &&\n sub.main === true &&\n sub.id != newSubscriptionID &&\n sub.id != productID\n );\n const campaignProducts = subscriptions.filter(\n (sub) =>\n sub.campaign === true &&\n sub.main === true &&\n expiryDate < currentDate &&\n subscription.expiry_date != null &&\n new Date(sub.endDate).getTime() > currentDate.getTime() &&\n sub.id != productID\n );\n console.log(\"baseProducts\", baseProducts);\n console.log(\"campaignProducts\", campaignProducts);\n return (\n \n \n
\n Fabel-abonnement til kampanjepris med bindingstid på seks måneder.\n
{title}
\n \n {/* subState===\"DEACTIVATED\" ? (\n <>\n
\n \n ) : null */}\n {/* CMPAGIN PRODUCT CHECK IN TXT FILE*/}\n {/*campaignState+\" - \"+subState+\" - \"+campaignState.indexOf(subState)*/}\n {campaignState.indexOf(subState) >= 0 &&\n campaignExceptionProductt.includes(subscription.product_id) === false ? (\n <>\n
\n
\n \n
\n\n \n \n Ditt abonnement på {subname} utløper{\" \"}\n {formatDateString(subscription.expiry_date)}{\" \"}\n \n
\n \n \n
\n {activeCampaignValues.welcomeBack}\n
\n \n \n {activeCampaignValues.seasonTagLine}\n \n
\n {activeCampaignValues.seasonTagLineTwo}\n
\n \n \n ) : null}\n \n {activeCampaignValues.seasonTagLineTwo}\n
\n \n {value.seasonTagLine}\n \n
\n \n {value.seasonTagLineTwo}\n \n
\n {value.seasonTagLineThree}\n
\n \n \n {value.seasonTagLineTwo}\n \n
\n {value.seasonTagLineThree}\n
\n \n
\n
\n \n \n );\n }\n }\n //}\n })}\n\n {/*Display user product*/}\n {subscriptions\n .filter((sub) => sub.id == productID)\n .filter((sub) => subState !== \"DEACTIVATED\")\n .map((sub) => (\n \n
\n \n \n
\n \n {value.nameLarge}\n {/* value.saleprice ? \n <>{value.price} {value.priceMonths} {value.saleprice} {value.priceMonths}\n :\n <>{value.price} {value.priceMonths}\n */}\n
\n {value.slogan}\n
\n {/*value.concurrentStreams} {\" \"}\n {value.concurrentStreams === 1 ? (\n <>samtidig strømming\n ) : (\n <>samtidige strømminger\n )}, {value.profiles */}\n {value.profiles}\n {value.profiles === 1 ? (\n <> profil kan lytte om gangen\n ) : (\n <> profiler kan lytte samtidig\n )}\n
\n \n
\n
\n Gjeldende abonnement:
\n\n \n {sub.id == 513 ||\n sub.id == 514 ||\n sub.id == 515 ||\n sub.id == 516 ||\n sub.id == 517 ||\n sub.id == 518 ||\n sub.id == 1007 ||\n sub.id == 1008 ||\n sub.id == 1009 ||\n sub.id == 1010 ||\n sub.id == 1011 ||\n sub.id == 519 ||\n sub.id == 1012 ? (\n <>{sub.selectedName ? sub.selectedName + \" \" : \"\"}\n ) : (\n <>\n {sub.name ? sub.name + \" \" : \"\"}\n {sub.saleprice ? (\n \n \n {sub.price} {sub.priceMonths}\n {\" \"}\n {sub.saleprice} {sub.priceMonths}\n \n ) : (\n \n {sub.id == 621 ||\n sub.id == 512 ||\n sub.id == 622 ||\n sub.id == 623\n ? \"\"\n : sub.price + \" \" + sub.priceMonths}\n \n )}\n \n )}\n\n
\n
\n \n Fra 1.mai trenger du ikke begrense deg til kun en bok i måneden. \n Du har fått abonnementet Standard og kan lytte ubegrenset til alle lydbøker og lydserier i hele sommer. \n Du beholder samme lave pris til 1. august 2024. Se informasjonen vi har sendt deg på e-post eller SMS.\n \n \n \n
\n
\n \n
\n
\n \n \n ))}\n\n Gjeldende abonnement:
\n\n \n {sub.name ? sub.name + \"\" : \"\"}\n {sub.saleprice ? (\n \n \n {sub.price} {sub.priceMonths}\n {\" \"}\n {sub.saleprice} {sub.priceMonths}\n \n ) : (\n \n {sub.id == 501 || sub.id == 601\n ? \"\"\n : sub.price + \" \" + sub.priceMonths}\n \n )}\n\n
\n {sub.slogan}\n
\n \n Fra 1.mai trenger du ikke begrense deg til kun en bok i måneden. \n Du har fått abonnementet Standard og kan lytte ubegrenset til alle lydbøker og lydserier i hele sommer. \n Du beholder samme lave pris til 1. august 2024. Se informasjonen vi har sendt deg på e-post eller SMS.\n \n \n \n
\n
Våre abonnementer
\n\n {/* Display main products */}\n {winbackMainCampaignProduct.map((sub) => (\n \n
\n \n \n
\n \n \n \n <>\n \n \n {sub.seasonTagLine}\n \n
\n \n \n \n \n \n {sub.name}{\" \"}\n {sub.saleprice ? (\n <>\n \n {sub.price} {sub.priceMonths}{\" \"}\n {\" \"}\n {sub.saleprice} {sub.priceMonths}{\" \"}\n {sub.salepriceTag}{\" \"}\n \n ) : (\n <>\n )}\n
\n
\n \n \n
\n )}\n \n \n\n \n Fabel abonnement: {sub.price} kr/mnd med bindingstid\n til {campaignExpiry}.\n
\n {sub.slogan}
\n \n Fabel abonnement: {sub.price} kr/mnd med bindingstid\n til {campaignExpiry}.\n
\n {sub.slogan}
\n \n ) : (\n \n <>\n \n
\n \n \n \n \n \n {sub.name}{\" \"}\n {sub.saleprice ? (\n <>\n \n {sub.price} {sub.priceMonths}{\" \"}\n {\" \"}\n {sub.saleprice} {sub.priceMonths}{\" \"}\n {sub.salepriceTag}{\" \"}\n \n ) : (\n <>\n )}\n
\n Kampanjepris. Abonnementet gjelder t.o.m{\" \"}\n {campaignExpiry}, deretter går det automatisk over\n til et løpende abonnement med en månedspris på 179\n kroner.\n
\n
\n {subscription.product_id === \"41\" ? (\n <>\n \n
\n Neste betalingsdato er:{\" \"}\n {formatDateString(subscription.next_billing_date)}\n
\n \n ) : null}\n \n \n
\n \n \n
\n )}\n \n \n\n \n Fabel abonnement: {sub.price} kr/mnd med bindingstid\n til {campaignExpiry}.\n
\n {sub.slogan}
\n \n Fabel abonnement: {sub.price} kr/mnd med bindingstid\n til {campaignExpiry}.\n
\n {sub.slogan}
\n \n ) : (\n \n <>\n \n
\n \n \n \n \n \n {sub.name}{\" \"}\n {sub.saleprice ? (\n <>\n \n {sub.price} {sub.priceMonths}{\" \"}\n {\" \"}\n {sub.saleprice} {sub.priceMonths}{\" \"}\n {sub.salepriceTag}{\" \"}\n \n ) : (\n <>\n {sub.price} {sub.priceMonths}{\" \"}\n \n )}\n
\n Kampanjepris. Abonnementet gjelder t.o.m{\" \"}\n {campaignExpiry}, deretter går det automatisk over\n til et løpende abonnement med en månedspris på 179\n kroner.\n
\n
\n {subscription.product_id === \"41\" ? (\n <>\n \n
\n Neste betalingsdato er:{\" \"}\n {formatDateString(subscription.next_billing_date)}\n
\n \n ) : null}\n \n \n *Samtidig strømming betyr hvor mange personer som kan lytte samtidig, på\n hver sin enhet. Med egen profil kommer hver bruker rett inn i sin egen\n bok og bokhylle\n
\n \n Brukeropplysninger
}\n setCurrentUser={setCurrentUser}\n currentUser={currentUser}\n />\n \n
\n \n {userReady && subscriptionReady ? (\n <>\n Konto
\n\n Vi har oppdatert{\" \"}\n \n vilkårene\n \n .\n
\n Mine bøker
{book.title}
{book.author ? book.author : \"\"}\n
\n
\n {userMessage.message}\n
\n\n \n Ønsker du ikke å ha en kostnadsfri brukerkonto kan du kontakte kundeservice på kontakt@fabel.no\n
\n \n \n
\n \n For at vi skal kunne forbedre oss setter vi stor pris på at du forteller oss hvorfor du stoppet abonnementet:\n \n
\n
Lydbøker lar deg utnytte tiden din bedre ved å lytte mens du gjør andre ting, som å kjøre, trene eller gjøre husarbeid. På den måten kan du konsumere litteratur når du ellers ikke ville hatt tid.
Her kan du finne et abonnement som passer deg bedre
\n Her kan du finne et abonnement som passer deg bedre
\n
\n
\n \n
\n Med Fabel trenger du ikke forholde deg til et maks antall lyttetimer per måned. Fra kun 199 kroner per mnd kan du lytte så mye du vil.\n
Her kan du finne et abonnement Som passer bedre\n
\n Her kan du finne et abonnement Som passer bedre\n
\n
\n \n
\n
\n )\n}\n\nexport default YesToNewsletter\n","export default __webpack_public_path__ + \"static/media/loading.d3fbaf2b.gif\";","import {useEffect, useState} from 'react';\nimport { useHistory } from 'react-router';\nimport { Redirect } from \"react-router-dom\";\n\nimport \"../styles/vippsuccess.css\";\n//import { useSearchParams } from \"react-router-dom\";\n//import PaymentService from \"../services/PaymentService\";\nimport AuthService from \"../services/AuthService\";\nimport UserService from \"../services/UserService\";\nimport vippslogo from \"../images/vipps-logo.jpg\";\nimport loadingImage from \"../images/loading.gif\";\nfunction VippsSuccess() {\n //const navigate = useNavigate();\n const [redirect, setRedirect] = useState(null);\n const [vippsMessage, setVippsMessage] = useState(null)\n const [vippsLoading, setVippsLoading] = useState(false)\n const [userReady, setUserReady] = useState(false);\n const [currentUser, setCurrentUser] = useState({\n username: \"\",\n });\n const queryParameters = new URLSearchParams(window.location.search)\n const productId = queryParameters.get(\"product_id\")\n const history = useHistory();\n // const searchParams = useSearchParams();\n //const user_id = searchParams.get(\"user_id\")\n //const productId = searchParams.get(\"product_id\")\n const currentToken = AuthService.getCurrentToken();\n //const accessToken = localStorage.getItem(process.env.REACT_APP_USER_ACCESS_TOKEN);\n const vippsData = {\n \"product_id\": window.sessionStorage.getItem('selectedProduct'), //productId,\n \"utm_campaign\": \"UTMCAMPAIGN\",\n \"reference\": window.sessionStorage.getItem('vippsreference')\n }\n useEffect(() => {\n /*console.log(\"user_id\", user_id);\n console.log(\"product_id\", productId);\n console.log(\"accessToken\", accessToken);\n console.log(\"vippsreference\", localStorage.getItem(\"vippsreference\"));*/\n const delayedFunction = () => {\n UserService.vippsSubscription(currentToken.access_token, vippsData)\n .then((vipps) => {\n UserService.getUserFromToken(currentToken.access_token).then(\n (user) => {\n UserService.userGetLog(\"Vipps Success Page 1\", user, JSON.stringify(currentUser));\n console.log('success getUserFromToken');\n setCurrentUser(user);\n setUserReady(true);\n \n }).catch(error => {\n if (error.response && error.response.data && error.response.data.message) {\n \n const errorMsg = error.response.data.message;\n if(errorMsg.includes(\"Token not found\") || errorMsg.includes(\"Token expired\") || errorMsg.includes(\"Invalid Token\")){\n UserService.userGetLog(\"error Vipps Page: \"+currentToken.access_token, errorMsg, JSON.stringify(currentUser));\n AuthService.logout();\n setRedirect({ redirect: \"/logg-inn\" });\n }\n console.log(\"new error mypage 1\", error.response.data.message); // Handle error message here\n } else {\n console.log('An unexpected error occurred');\n }\n });;\n // UserService.paymentSwitchLogging(vipps, currentUser.mobile, \"\", productId);\n //console.log(\"vipps\", vipps);\n if(vipps.status===200){\n setVippsMessage('Abonnementet ble byttet');\n setVippsLoading(true);\n setTimeout(() => {\n history.push('/min-side')\n }, 8000);\n } else {\n console.log(\"vipps\", vipps);\n setVippsMessage('Noe gikk galt');\n //setVippsMessage('Noe gikk galt - '+ vipps.status + ' - ' +vipps.data.message);\n //setVippsMessage('Noe gikk galt');\n }\n \n \n }).catch(error => {\n setVippsMessage('Noe gikk galt');\n if (error.response && error.response.data && error.response.data.message) {\n \n const errorMsg = error.response.data.message;\n if(errorMsg.includes(\"Token not found\") || errorMsg.includes(\"Token expired\") || errorMsg.includes(\"Invalid Token\")){\n UserService.userGetLog(\"error Vipps Page 2: \"+currentToken.access_token, errorMsg, JSON.stringify(currentUser));\n AuthService.logout();\n setRedirect({ redirect: \"/logg-inn\" });\n }\n //console.log(\"new error mypage 1\", error.response.data.message); // Handle error message here\n } else {\n console.log('An unexpected error occurred');\n }\n });\n }\n const delayTimeout = setTimeout(delayedFunction, 5000);\n return () => {\n clearTimeout(delayTimeout);\n };\n }, [])\n \n if (redirect) {\n return \n {email}\n
\n \n
\n )\n}\nexport default VippsSuccess;","import \"../styles/receipt.css\";\nimport { useState, useEffect } from \"react\";\nimport { Redirect } from \"react-router-dom\";\nimport AuthService from \"../services/AuthService\";\nimport UserService from \"../services/UserService\";\nconst Receipt = () => {\n //const [searchParams] = useSearchParams();\n const [recieptList, setRecieptList] = useState([]);\n const [redirect, setRedirect] = useState(null);\n const [showDetails, setShowDetails] = useState(false);\n const [receiptDetails, setReceiptDetails] = useState(false);\n const [currentUser, setCurrentUser] = useState({\n username: \"\",\n });\n useEffect(() => {\n const currentToken = AuthService.getCurrentToken();\n console.log(\"currentToken\", currentToken);\n if (!currentToken) {\n\n setRedirect({ redirect: \"/\" });\n } else {\n UserService.getReceiptList(currentToken.access_token).then(\n (receipt) => {\n setRecieptList(receipt);\n //console.log(receipt)\n },\n (error) => {\n\n }\n );\n UserService.getUserFromToken(currentToken.access_token).then(\n (user) => {\n UserService.userGetLog(\"Recieept Page 1\", user, currentUser);\n setCurrentUser(user);\n }\n ).catch(error => {\n if (error.response && error.response.data && error.response.data.message) {\n \n const errorMsg = error.response.data.message;\n if(errorMsg.includes(\"Token not found\") || errorMsg.includes(\"Token expired\") || errorMsg.includes(\"Invalid Token\")){\n UserService.userGetLog(\"error Recieept Page 1: \"+currentToken.access_token, errorMsg, JSON.stringify(currentUser));\n AuthService.logout();\n setRedirect({ redirect: \"/logg-inn\" });\n }\n console.log(\"new error mypage 1\", error.response.data.message); // Handle error message here\n } else {\n console.log('An unexpected error occurred');\n }\n });;\n }\n }, []);\n if (redirect) {\n return \n
\n![](\"https://filer.fabel.no/web-images/uploads/2019/01/fabel-logo-RGB.png\")
\n
\n
\n
\n
\n \n
\n \n
\n
\n {vippsMessage ? vippsMessage : ''}\n
\n {vippsLoading===true ?
: ''}\n
\n \n {vippsLoading===true ?
\n
\n )\n}\n\nexport default Receipt\n","import { useState, useEffect } from \"react\";\nimport { useHistory } from 'react-router';\nfunction Spesialtilbud() {\n const history = useHistory();\n useEffect(() => {\n window.sessionStorage.setItem('SpesialtilbudShow', 'true');\n //history.push(\"/tilbakestille-passord\");\n history.push(\"/min-side\");\n }, []);\n \n return (\n \n
\n
\n \n
\n
\n \n Receipt Number\n
\n \n Price\n
\n \n Type\n
\n \n Action\n
\n {recieptList.map((val, key) => (\n <>\n \n {val.receipt_number}\n
\n \n {val.price}\n
\n \n {val.payment_type}\n
\n \n
\n \n ))} \n \n toggle(val)}>View
\n \n
\n
\n {showDetails ? \n \n
\n
\n : ''} \n \n
\n \n \n
\n \n \n
\n Kvittering
\n\n
\n
\n \n \n \n
\n
\n \n
\n Org.br: 945 872 357\n
\n Fabel Lyd AS
\n Sommerrogata 17, 0255 Oslo\n \n Org.br: 945 872 357\n
\n Betalt\n
\n No. {receiptDetails.receipt_number}\n
\n \n No. {receiptDetails.receipt_number}\n
\n
\n
\n \n
\n
\n \n
\n {currentUser.firstname} {currentUser.lastname}
\n {currentUser.email}\n \n
\n Dato
\n {receiptDetails.payment_date}\n \n
\n
\n \n
\n
\n \n \n Periode\n
\n \n
\n
\n \n
\n
\n \n Betalingsdato\n
\n \n Beskrivelse\n
\n \n \n Pris\n
\n \n
\n \n {receiptDetails.payment_date}\n
\n \n Fabel Fmailie abonnement Stromming av lydboker\n
\n \n \n {receiptDetails.price} kr\n
\n \n
\n
\n \n
\n
\n
\n \n
\n
\n \n MVA\n
\n \n {receiptDetails.vat} kr\n
\n \n
\n \n Totalt \n
\n \n {receiptDetails.total} kr\n
\n \n
\n
\n \n
\n
\n
\n \n
\n
\n \n Betalingsmate: \n
\n \n {receiptDetails.payment_type}\n
\n \n \n
\n
\n \n
\n
\n \n fabel.no\n
\n
\n \n
kundeservice
\n kontakt@fabel.no\n \n \n
\n )\n}\nexport default Spesialtilbud;","import 'bootstrap/dist/css/bootstrap.min.css';\nimport './App.css';\nimport Header from './components/Header';\nimport Footer from './components/Footer';\nimport Login from './components/Login';\nimport RenewToken from './components/RenewToken';\nimport LoginCheck from './components/LoginCheck';\nimport MyPage from './components/MyPage';\nimport Books from './components/Books';\nimport React, { useState, useEffect } from 'react'\nimport 'font-awesome/css/font-awesome.min.css';\nimport { BrowserRouter, Route} from \"react-router-dom\";\nimport ForgottenPassword from './components/ForgottenPassword';\nimport ResetPassword from './components/ResetPassword';\nimport TerminateSubscripton from './components/TerminateSubscripton';\nimport YesToNewsletter from './components/YesToNewsletter';\nimport VippsSuccess from './components/VippsSuccess';\nimport Receipt from './components/Receipt';\nimport Spesialtilbud from './components/Spesialtilbud';\n\n\n\n\nfunction App() {\n const [topBanner, setTopBanner] = useState(false);\n return (\n \n \n \n \n
\n );\n}\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\n\n\nReactDOM.render(\n \n
\n