\r\n \r\n
\r\n );\r\n } else if (route() === '/tilmeld-nyhedsbrev') {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n }\r\n };\r\n route('/', root);\r\n route('/tilmeld-nyhedsbrev', root);\r\n });\r\n});\r\n","/* eslint-disable no-unused-vars */\r\n/* eslint-disable camelcase */\r\ndefineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/MembershipFlow/MembershipFlow', [\r\n 'Shared/Framework/Mithril/Scripts/Core/Component',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Helpers/Api',\r\n 'DanskeSpil/Domain/Authentification/Scripts/LoginCache',\r\n 'Shared/Framework/Ensighten/Scripts/Ensighten',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Tabs/Tabs',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Tabs/Tab',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Button/Button',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/MembershipPaymentCard/MembershipPaymentCard',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Invoice/Invoice',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Modal/Modal',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Confetti/Confetti',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/MembershipFlow/PaymentMethods',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Form/Checkbox/Checkbox',\r\n],\r\n\r\nfunction (Component, Api, LoginCache, Ensigten, Tabs, Tab, Button, MembershipPaymentCard, Invoice, Modal, Confetti, PaymentMethods, Checkbox) {\r\n Component('membership-flow', function (m, route, settings) {\r\n const root = {\r\n controller: function () {\r\n const userData = m.prop(LoginCache.getUserObj().customerInfo);\r\n const isLoading = m.prop(false);\r\n const cancelledMembership = m.prop(false);\r\n const uncancelledMembership = m.prop(false);\r\n const subscriptionData = m.prop({});\r\n const paymentCardsData = m.prop({});\r\n const allPaymentMethods = m.prop({});\r\n const invoiceData = m.prop({});\r\n const chosenInvoice = m.prop(null);\r\n const consentData = m.prop({ EmailPermission: null });\r\n const checkboxPermission = m.prop(false);\r\n const consentLoading = m.prop(false);\r\n const currentDiscount = m.prop(null);\r\n const nextDiscount = m.prop(null);\r\n const discountCode = m.prop([]);\r\n const isNavigation = m.prop(true);\r\n const shouldInitPaymentMethodsComponent = m.prop(true);\r\n\r\n const checkNavigation = function (ignoreelement, isInitialized) {\r\n if (!isInitialized) {\r\n // we hack this to force this function to run after the DOM is updated\r\n setTimeout(() => {\r\n const clubNavigation = document.querySelector('[data-uitest-id=\"club-navigation\"]');\r\n isNavigation(!!clubNavigation);\r\n m.redraw();\r\n }, 0);\r\n }\r\n };\r\n\r\n const goBack = () => {\r\n window.location.href = '/kluboddset/abonnement';\r\n };\r\n\r\n const handleReadMore = () => {\r\n window.location.href = settings.marketingReadMore.url;\r\n };\r\n\r\n const formatDiscount = (discount) => {\r\n return (subscriptionData()?.amount - Math.abs(discount)) / 100;\r\n };\r\n\r\n const formatDate = (date) => {\r\n const dateTime = new Date(date);\r\n // return date in format DD/MM/YYYY\r\n return `${dateTime.getDate()}/${dateTime.getMonth() + 1}/${dateTime.getFullYear()}`;\r\n };\r\n\r\n const setupPaymentMethods = (response, isActive = false) => {\r\n let localResponse = response;\r\n localResponse.forEach((method) => {\r\n if (method.card === null) method.card = {};\r\n method.card.types = [];\r\n if (method.applepay !== null) {\r\n method.card.types.push('appleypay');\r\n method.card.types.push(method.applepay?.card_type === 'mc' ? 'mastercard' : method.applepay?.card_type);\r\n method.card.masked_card = method.applepay?.masked_card;\r\n } else if (method.card.card_type) {\r\n if (method.card.card_type === 'visa_dk') {\r\n method.card.types.push('visa');\r\n method.card.types.push('dankort');\r\n } else if (method.card.card_type === 'mc') {\r\n method.card.types.push('mastercard');\r\n } else {\r\n method.card.types.push(method.card.card_type);\r\n }\r\n } else return;\r\n });\r\n if (isActive) {\r\n if (paymentCardsData()?.other?.length > 0) {\r\n // check if active payment method is already in other payment methods\r\n localResponse.forEach((method) => {\r\n paymentCardsData().other.forEach((otherMethod) => {\r\n if (method.id === otherMethod?.id) {\r\n // remove from other\r\n paymentCardsData().other = paymentCardsData().other.filter((item) => item.id !== method.id);\r\n }\r\n // add to active\r\n paymentCardsData().active = localResponse;\r\n });\r\n });\r\n } else {\r\n paymentCardsData().active = localResponse;\r\n }\r\n } else {\r\n paymentCardsData().other = [];\r\n localResponse.forEach((method) => {\r\n // check if there is an active payment method\r\n if (paymentCardsData().active === undefined && method.state === 'Active') {\r\n paymentCardsData().other.push(method);\r\n } else if (method.state === 'Active') {\r\n // make sure that we don't add the active payment method to other payment methods\r\n paymentCardsData().active.forEach((activeMethod) => {\r\n if (method.id !== activeMethod.id) {\r\n paymentCardsData().other.push(method);\r\n }\r\n });\r\n }\r\n });\r\n }\r\n };\r\n\r\n const goToInvoice = (invoice) => {\r\n chosenInvoice(invoice);\r\n route('/invoice')();\r\n };\r\n\r\n const fetchMembershipData = () => {\r\n isLoading(true);\r\n return new Promise((resolve, reject) => {\r\n Api.fetchMembershipData()\r\n .then(async (response) => {\r\n response.forEach(((subscription) => {\r\n if (subscription.state === 'Active') {\r\n let localResponse = subscription;\r\n let nextInvoice = '';\r\n\r\n const optionsDate = {\r\n day: '2-digit',\r\n month: 'long',\r\n year: 'numeric'\r\n };\r\n const locale = 'da-DK';\r\n\r\n if (localResponse.is_cancelled) {\r\n nextInvoice = settings.membershipIsCancelled;\r\n const dateTime = new Date(localResponse.expires);\r\n\r\n const dateString = dateTime.toLocaleDateString(locale, optionsDate);\r\n localResponse.expiresDate = dateString;\r\n\r\n const cancelDateTime = new Date(localResponse.cancelled_date);\r\n // check if cancelled date is less than 20 minutes ago\r\n const now = new Date();\r\n const diff = now - cancelDateTime;\r\n const diffMinutes = Math.floor(diff / 60000);\r\n if (diffMinutes < 20) {\r\n cancelledMembership(true);\r\n }\r\n } else {\r\n const dateTime = new Date(localResponse.next_period_start);\r\n const dateString = dateTime.toLocaleDateString(locale, optionsDate);\r\n nextInvoice = dateString;\r\n }\r\n localResponse.invoiceDate = nextInvoice;\r\n subscriptionData(localResponse);\r\n }\r\n }));\r\n resolve();\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n };\r\n\r\n const fetchPlanData = () => {\r\n return new Promise((resolve, reject) => {\r\n Api.fetchPlanData()\r\n .then((response) => {\r\n response.forEach((plan) => {\r\n if (plan.handle === subscriptionData().plan) {\r\n subscriptionData().amount = plan.amount;\r\n }\r\n });\r\n resolve();\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n };\r\n\r\n const fetchActivePaymentMethod = () => {\r\n return new Promise((resolve, reject) => {\r\n isLoading(true);\r\n Api.fetchActivePaymentMethods(subscriptionData().handle)\r\n .then((response) => {\r\n setupPaymentMethods(response, true);\r\n resolve();\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n };\r\n\r\n const fetchPaymentCardsData = () => {\r\n isLoading(true);\r\n return new Promise((resolve, reject) => {\r\n Api.fetchPaymentCardsData()\r\n .then((response) => {\r\n allPaymentMethods(response);\r\n setupPaymentMethods(response);\r\n resolve();\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n };\r\n\r\n const fetchCouponData = () => {\r\n return new Promise((resolve, reject) => {\r\n if (subscriptionData()?.coupons?.length) {\r\n const couponPromises = subscriptionData().coupons.map((coupon) =>\r\n Api.fetchCouponData(coupon)\r\n .then((response) => {\r\n if (response.state === 'Active') discountCode().push(response.handle);\r\n })\r\n .catch((error) => {\r\n console.log(`Failed to fetch data for coupon ${coupon}:`, error);\r\n })\r\n );\r\n\r\n Promise.all(couponPromises)\r\n .then(() => resolve())\r\n .catch((error) => reject(error));\r\n } else {\r\n reject('No coupons found');\r\n }\r\n });\r\n };\r\n\r\n const fetchDiscountData = async () => {\r\n return new Promise((resolve, reject) => {\r\n Api.fetchDiscountData()\r\n .then((response) => {\r\n response.forEach((discount) => {\r\n if (discount.state === 'Active' && discountCode().includes(discount.handle)) {\r\n validateCoupon().then((discountUsed) => {\r\n if (!discountUsed) {\r\n nextDiscount(formatDiscount(discount.amount));\r\n }\r\n });\r\n }\r\n });\r\n resolve();\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n };\r\n\r\n const fetchInvoiceData = () => {\r\n isLoading(true);\r\n return new Promise((resolve, reject) => {\r\n Api.fetchInvoiceData()\r\n .then((response) => {\r\n let localResponse = response;\r\n localResponse.forEach((invoice) => {\r\n invoice.types = [];\r\n allPaymentMethods().forEach((method) => {\r\n if (invoice.transactions[0]?.payment_method === method.id || invoice.recurring_payment_method === method.id) {\r\n if (method.card !== null) {\r\n if (method.card.card_type === 'visa_dk') {\r\n invoice.types.push('visa');\r\n invoice.types.push('dankort');\r\n } else if (method.card.card_type === 'mc') {\r\n invoice.types.push('mastercard');\r\n } else {\r\n invoice.types.push(method.card.card_type);\r\n }\r\n invoice.cardnumber = method.card?.masked_card;\r\n } else if (method.applepay !== null) {\r\n invoice.types = ['appleypay'];\r\n invoice.cardnumber = method.applepay?.masked_card;\r\n invoice.exp_date = method.applepay?.exp_date;\r\n }\r\n }\r\n });\r\n invoice.date = formatDate(invoice.created);\r\n invoice.dateRange = `${formatDate(invoice.period_from)} - ${formatDate(invoice.period_to)}`;\r\n invoiceData(localResponse);\r\n\r\n const currentDate = new Date();\r\n const invoiceDate = new Date(invoice.period_to);\r\n if (currentDate < invoiceDate && invoice.order_lines[1]) {\r\n currentDiscount(formatDiscount(invoice.order_lines[1].unit_amount));\r\n }\r\n });\r\n resolve();\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n };\r\n\r\n const validateCoupon = () => {\r\n return new Promise((resolve, reject) => {\r\n Api.validateCoupon(discountCode(), subscriptionData().customer)\r\n .then(() => {\r\n // If the response is successful, the coupon is valid\r\n resolve(true);\r\n })\r\n .catch((error) => {\r\n // Handle specific 400 response\r\n if (error.StatusCode === 400 && error.Message === 'Failed to validate coupon') {\r\n // Check if the discount has been used in an invoice\r\n const discountUsed = invoiceData().some((invoice) =>\r\n invoice.order_lines.some((orderLine) => orderLine.origin_handle.includes(discountCode()))\r\n );\r\n resolve(discountUsed);\r\n } else {\r\n // Handle unexpected errors\r\n console.log('An error occurred:', error.message);\r\n resolve(false); // Return false if we dont know the state of the coupon\r\n }\r\n });\r\n });\r\n };\r\n\r\n const fetchConsentData = () => {\r\n isLoading(true);\r\n return new Promise((resolve, reject) => {\r\n Api.fetchConsentData()\r\n .then((response) => {\r\n consentData(response.data);\r\n resolve();\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n };\r\n\r\n const fetchData = async () => {\r\n paymentCardsData({});\r\n try {\r\n await Promise.resolve(fetchMembershipData());\r\n await Promise.all([\r\n fetchPlanData(),\r\n fetchActivePaymentMethod(),\r\n fetchPaymentCardsData(),\r\n fetchCouponData(),\r\n ]);\r\n await Promise.all([fetchInvoiceData(), fetchConsentData()]);\r\n await Promise.resolve(fetchDiscountData());\r\n m.redraw();\r\n isLoading(false);\r\n } catch (error) {\r\n console.error('An error occurred:', error);\r\n isLoading(false);\r\n }\r\n };\r\n\r\n const setConsentData = (state = true) => {\r\n consentLoading(true);\r\n const settings = {\r\n EmailPermission: state,\r\n referenceId: 'KLUBODDSET_MEMBERSHIP_PAGE'\r\n };\r\n Api.setConsentData(settings)\r\n .then(() => {\r\n consentData().EmailPermission = state;\r\n consentLoading(false);\r\n m.redraw();\r\n }).catch((error) => {\r\n console.error('An error occurred:', error);\r\n });\r\n };\r\n\r\n const handleCancellation = () => {\r\n if (subscriptionData().is_cancelled) {\r\n Api.subscriptionUncancel(subscriptionData().handle)\r\n .then(() => {\r\n uncancelledMembership(true);\r\n cancelledMembership(false);\r\n fetchData().then(() => {\r\n m.redraw();\r\n });\r\n }).catch((error) => {\r\n console.error('An error occurred:', error);\r\n });\r\n } else {\r\n Ensigten.pushGaEvent('Kluboddset_signup', 'unsubscribe', 'step1');\r\n window.location.href = settings.membershipCancelSubscriptionLink.url;\r\n }\r\n };\r\n\r\n const changePaymentMethod = (id) => {\r\n const data = {\r\n payment_method_id: id\r\n };\r\n Api.changePaymentMethod(subscriptionData().handle, data)\r\n .then(() => {\r\n fetchData();\r\n }).catch(() => {\r\n });\r\n };\r\n\r\n const init = async () => {\r\n const searchParams = window.location.hash.split('?').pop();\r\n const params = new URLSearchParams(searchParams);\r\n const paymentMethodId = params.get('payment_method');\r\n if (paymentMethodId) {\r\n await fetchMembershipData();\r\n changePaymentMethod(paymentMethodId);\r\n } else {\r\n fetchData();\r\n }\r\n };\r\n\r\n init();\r\n\r\n return { isLoading, subscriptionData, paymentCardsData, invoiceData, handleCancellation, cancelledMembership, uncancelledMembership, userData, goBack, fetchData, goToInvoice, chosenInvoice, consentData, setConsentData, checkboxPermission, consentLoading, handleReadMore, currentDiscount, nextDiscount, isNavigation, checkNavigation, shouldInitPaymentMethodsComponent };\r\n },\r\n view: function ({ isLoading, subscriptionData, paymentCardsData, invoiceData, handleCancellation, cancelledMembership, uncancelledMembership, userData, goBack, fetchData, goToInvoice, chosenInvoice, consentData, setConsentData, checkboxPermission, consentLoading, handleReadMore, currentDiscount, nextDiscount, isNavigation, checkNavigation, shouldInitPaymentMethodsComponent }) {\r\n if (isLoading()) {\r\n return (\r\n \r\n \r\n {[
\r\n {settings.title}
,\r\n{settings.description}
]}\r\n \r\n\r\n
\r\n \r\n {settings.confirmationText}\r\n
\r\n {ctrl.userData()?.userName &&{ctrl.userData().email}
}\r\nKlub Oddset Abonnement
\r\n { ctrl.currentDiscount() != null ?\r\n\r\n
:\r\n {ctrl.paymentData().amount / 100} kr/md
\r\n{ctrl.currentDiscount()} kr/md
\r\n{ctrl.paymentData().amount / 100} kr/md
\r\n }\r\n { ctrl.invoiceData()?.transactions.length > 0 ?{settings.transactionId} {ctrl.invoiceData().transactions[0].id}
: null }\r\n\r\n ctrl.handleClick()}>\r\n {settings.redirectLink.text}\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n } else if (route() === '/invoice') {\r\n return (\r\n \r\n \r\n {[\r\n \r\n {[\r\n cancelledMembership() ? \r\n : null,\r\n handleCancellation()}>\r\n {subscriptionData().is_cancelled ? settings.resubscribeButtonText : settings.membershipCancelSubscriptionLink.text}\r\n \r\n ]}\r\n ,\r\n \r\n {[\r\n route('/paymentmethods')() }>\r\n {settings.paymentMethodChangeButtonText}\r\n \r\n ]}\r\n ,\r\n \r\n { invoiceData() && invoiceData().length > 0 ?\r\n
\r\n );\r\n }\r\n }\r\n };\r\n\r\n route('/', root);\r\n route('/invoice', root);\r\n route('/paymentmethods', root);\r\n\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/UnsubscribeFlow/UnsubscribeFlow', [\r\n 'Shared/Framework/Mithril/Scripts/Core/Component',\r\n 'Shared/Framework/Ensighten/Scripts/Ensighten',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Button/Button',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Form/Form',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Form/Radio/Radio',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Helpers/Api',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Form/FormState'\r\n],\r\n\r\nfunction (Component, Ensighten, Button, Form, Radio, Api, FormState) {\r\n Component('unsubscribe-flow', function (m, route, settings) {\r\n const root = {\r\n controller: function () {\r\n this.settings = settings;\r\n const subscriptionData = m.prop({});\r\n const isLoading = m.prop(false);\r\n\r\n const sendEnSightenEvent = (event, category, label) => {\r\n Ensighten.pushGaEvent(event, category, label);\r\n };\r\n\r\n function handleSubscriptionCancel() {\r\n sendEnSightenEvent('Kluboddset_signup', 'unsubscribe_reason', FormState.selectedValue());\r\n window.location.href = '/kluboddset/abonnement';\r\n }\r\n\r\n const cancel = () => {\r\n window.location.href = '/kluboddset/abonnement';\r\n };\r\n\r\n const formatDate = (data) => {\r\n const optionsDate = {\r\n weekday: 'long',\r\n day: '2-digit',\r\n month: 'long',\r\n year: 'numeric'\r\n };\r\n const locale = 'da-DK';\r\n\r\n const dateTime = new Date(data);\r\n const dateString = dateTime.toLocaleDateString(locale, optionsDate).replace(/den/, 'd.');\r\n\r\n return dateString;\r\n };\r\n\r\n const handleConfirm = () => {\r\n Api.subscriptionCancel(subscriptionData().handle)\r\n .then(() => {\r\n sendEnSightenEvent('Kluboddset_signup', 'unsubscribe', '');\r\n Api.subscriptionCancelReasons(FormState.selectedValue())\r\n .then(() => {\r\n handleSubscriptionCancel();\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n handleSubscriptionCancel();\r\n });\r\n }).catch((error) => {\r\n console.error('An error occurred:', error);\r\n });\r\n };\r\n\r\n const fetchSubscriptionData = () => {\r\n isLoading(true);\r\n return new Promise((resolve, reject) => {\r\n Api.fetchMembershipData()\r\n .then((response) => {\r\n response.forEach(((subscription) => {\r\n if (subscription.state === 'Active') {\r\n subscriptionData(subscription);\r\n }\r\n }));\r\n resolve();\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n reject();\r\n });\r\n });\r\n };\r\n\r\n Promise.all([fetchSubscriptionData()])\r\n .then(() => {\r\n isLoading(false);\r\n m.redraw();\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n isLoading(false);\r\n });\r\n\r\n return { handleConfirm, subscriptionData, isLoading, cancel, formatDate };\r\n },\r\n view: function (ctrl) {\r\n if (ctrl.isLoading()) {\r\n return (\r\n \r\n \r\n
: uncancelledMembership() ? {m.trust(settings.description.replace('{EMAIL}', userData().email))}
,\r\n \r\n\r\n \r\n {[\r\n
: null,\r\n consentData().EmailPermission !== null && !consentData()?.EmailPermission && !cancelledMembership() && !uncancelledMembership() ? {m.trust(settings.completedText)}
,\r\n ]}\r\n \r\n\r\n 
\r\n \r\n {settings.marketingAcceptCheckboxLabel}\r\n \r\n setConsentData(true)}\r\n disabled={!checkboxPermission()}>\r\n {settings.marketingAccept}\r\n \r\n handleReadMore()}>\r\n {settings.marketingReadMore.text}\r\n \r\n
\r\n {settings.marketingTitle}
\r\n{m.trust(settings.marketingDescription)}
\r\n\r\n {settings.membershipPriceTitle}\r\n\r\n { currentDiscount() != null ?\r\n {`${subscriptionData().amount / 100} kr/md`}\r\n }\r\n\r\n {settings.membershipBillingCycleTitle}\r\n {subscriptionData().invoiceDate}\r\n\r\n { subscriptionData()?.is_cancelled ? '' : [\r\n
,\r\n subscriptionData()?.is_cancelled ? \r\n
:\r\n {`${subscriptionData().amount / 100} kr/md`}
\r\n{`${currentDiscount()} kr/md`}
\r\n{settings.nextPriceTitle}
,\r\n nextDiscount() != null ? (\r\n\r\n
\r\n ) : (\r\n {`${subscriptionData().amount / 100} kr/md`}
\r\n{`${nextDiscount()} kr/md`}
\r\n{`${subscriptionData().amount / 100} kr/md`}
\r\n )\r\n ]}\r\n\r\n
: null,\r\n {m.trust(settings.cancelText.replace('{DATO}', subscriptionData().expiresDate))}
\r\n\r\n
,\r\n Valgt betalingsmetode
\r\n { paymentCardsData()?.active?.length > 0 ?\r\n paymentCardsData()?.active?.map((data) =>\r\nIngen valgt betalingsmetode
\r\n }\r\n\r\n
,\r\n Andre betalingsmetoder
\r\n { paymentCardsData()?.other?.length > 0 ?\r\n paymentCardsData()?.other?.map((data) =>\r\nIngen andre betalingsmetoder
\r\n }\r\n\r\n
\r\n :\r\n {settings.membershipBillingCycleTitle}
\r\n{subscriptionData()?.invoiceDate}
\r\n \r\n {\r\n invoiceData()?.map((data) =>\r\n\r\n \r\n
\r\n )\r\n }\r\n \r\n goToInvoice(data)}\r\n >\r\n {settings.invoicesInvoiceLinkText}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n ]}\r\n \r\n Her vil der vises en oversigt over alle fakturaer som hører til dette abonnement
\r\n\r\n \r\n
\r\n );\r\n }\r\n return (\r\n \r\n ctrl.handleConfirm()}\r\n required\r\n error='Vælg et svar'>\r\n {[\r\n settings.reasonOptions.map((data) =>\r\n
\r\n );\r\n }\r\n };\r\n\r\n route('/', root);\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/GamesFlow/GamesFlow', [\r\n 'Shared/Framework/Mithril/Scripts/Core/Component',\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Helpers/Api',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/GamesFlow/Overview',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/GamesFlow/ActiveGame',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/GamesFlow/FutureGame',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/GamesFlow/GamesFrame',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Accordion/Accordion'\r\n],\r\n\r\nfunction (Component, Utils, Api, Overview, ActiveGame, FutureGame, GamesFrame, Accordion) {\r\n Component('games-flow', function (m, route, settings) {\r\n const root = {\r\n controller: function () {\r\n const sessionStorageKey = `${DS.Config.CONTEXT}DS_LOYALTYCLUB_MEMBER`;\r\n this.settings = settings;\r\n this.route = route;\r\n\r\n const isLoading = m.prop(false);\r\n const activeGameData = m.prop([]);\r\n const futureGameData = m.prop([]);\r\n const selectedGame = m.prop(null);\r\n const gamelauncherUrl = m.prop(null);\r\n const isLoyaltyClubSubscriber = Utils.getSessionStorage(sessionStorageKey) === 'true';\r\n\r\n const scrollToTop = () => {\r\n window.scrollTo(0, 0);\r\n };\r\n\r\n const sortActiveGamesByStatus = (games) => {\r\n // sort active games by date and status\r\n games.sort((a, b) => {\r\n if (a.end < b.end && a.closed) {\r\n return 0;\r\n }\r\n if (a.end > b.end && !a.closed) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n };\r\n\r\n const fetchGameData = () => {\r\n isLoading(true);\r\n\r\n return new Promise((resolve, reject) => {\r\n Api.fetchGamesData(isLoyaltyClubSubscriber).then((response) => {\r\n const currentDate = new Date();\r\n response.forEach((game) => {\r\n game.start = new Date(game.start);\r\n game.end = new Date(game.end);\r\n // if currentDate is between start and end date\r\n if (currentDate > game.start && currentDate < game.end) {\r\n activeGameData().push(game);\r\n } else if (currentDate < game.start) {\r\n futureGameData().push(game);\r\n }\r\n });\r\n // sort active and future games by start date\r\n sortActiveGamesByStatus(activeGameData());\r\n futureGameData().sort((a, b) => a.start - b.start);\r\n resolve();\r\n })\r\n .catch((error) => {\r\n reject(error);\r\n });\r\n });\r\n };\r\n\r\n Promise.all([fetchGameData()])\r\n .then(() => {\r\n scrollToTop();\r\n isLoading(false);\r\n m.redraw();\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n isLoading(false);\r\n });\r\n\r\n return { isLoading, activeGameData, futureGameData, selectedGame, scrollToTop, gamelauncherUrl };\r\n },\r\n view: function ({ isLoading, activeGameData, futureGameData, selectedGame, scrollToTop, gamelauncherUrl }) {\r\n if (isLoading()) {\r\n return (\r\n \r\n {settings.reasonTitle}\r\n
\r\n \r\n {m.trust(settings.reasonDescription.replace('{EXPIREDATE}', ctrl.formatDate(ctrl.subscriptionData().next_period_start)))}\r\n
\r\n\r\n
,\r\n \r\n {m.trust(settings.lastText)}\r\n
\r\n\r\n \r\n {settings.ctaText}\r\n \r\n ctrl.cancel()}>\r\n {settings.cancelText}\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n {function () {\r\n if (route() === '/') {\r\n return (\r\n
\r\n );\r\n }\r\n };\r\n\r\n route('/', root);\r\n route('/activegame', root);\r\n route('/futuregame', root);\r\n route('/gamesframe', root);\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/VbfFlow/VbfFlow', [\r\n 'Shared/Framework/Mithril/Scripts/Core/Component',\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Helpers/Api',\r\n 'DanskeSpil/Domain/Authentification/Scripts/LoginCache',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Tabs/Tabs',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Tabs/Tab',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Sliders/VbfSlider/VbfSlider',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Modal/Modal',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Button/Button',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Form/Checkbox/Checkbox',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Countdown/Countdown',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Accordion/Accordion'\r\n],\r\n\r\nfunction (Component, Utils, Api, LoginCache, Tabs, Tab, VbfSlider, Modal, Button, Checkbox, Countdown, Accordion) {\r\n Component('vbf-flow', function (m, route, settings) {\r\n const root = {\r\n controller: function () {\r\n const sessionStorageKey = `${DS.Config.CONTEXT}DS_LOYALTYCLUB_MEMBER`;\r\n const vbfData = m.prop({});\r\n const isLoading = m.prop(false);\r\n const consentData = m.prop({});\r\n const checkboxPermission = m.prop(false);\r\n const consentLoading = m.prop(false);\r\n const isLoyaltyClubSubscriber = Utils.getSessionStorage(sessionStorageKey) === 'true';\r\n const userData = m.prop(LoginCache.getUserObj().customerInfo);\r\n\r\n const handleReadMore = () => {\r\n window.location.href = settings.marketingReadMore.url;\r\n };\r\n\r\n const formatVBFTotalTickets = (tickets) => {\r\n return tickets < 10 ? `0${tickets}` : tickets;\r\n };\r\n\r\n const fetchVbfData = () => {\r\n isLoading(true);\r\n return new Promise((resolve, reject) => {\r\n Api.fetchVbfTickets()\r\n .then((response) => {\r\n vbfData(response);\r\n resolve();\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n reject();\r\n });\r\n });\r\n };\r\n\r\n const fetchConsentData = () => {\r\n isLoading(true);\r\n return new Promise((resolve, reject) => {\r\n Api.fetchConsentData()\r\n .then((response) => {\r\n consentData(response.data);\r\n resolve();\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n reject();\r\n });\r\n });\r\n };\r\n\r\n const setConsentData = (state = true) => {\r\n consentLoading(true);\r\n const settings = {\r\n EmailPermission: state,\r\n referenceId: 'KLUBODDSET_VBF_PAGE'\r\n };\r\n Api.setConsentData(settings)\r\n .then(() => {\r\n consentData().EmailPermission = state;\r\n consentLoading(false);\r\n m.redraw();\r\n }).catch((error) => {\r\n console.error('An error occurred:', error);\r\n });\r\n };\r\n\r\n let promises = [];\r\n\r\n if (userData()) {\r\n promises.push(fetchConsentData());\r\n }\r\n\r\n if (isLoyaltyClubSubscriber) {\r\n promises.push(fetchVbfData());\r\n }\r\n\r\n Promise.all(promises)\r\n .then(() => {\r\n isLoading(false);\r\n m.redraw();\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n isLoading(false);\r\n });\r\n\r\n\r\n return { vbfData, isLoading, consentData, checkboxPermission, setConsentData, consentLoading, isLoyaltyClubSubscriber, handleReadMore, formatVBFTotalTickets };\r\n },\r\n view: function ({ vbfData, isLoading, consentData, checkboxPermission, setConsentData, consentLoading, isLoyaltyClubSubscriber, handleReadMore, formatVBFTotalTickets }) {\r\n if (isLoading()) {\r\n return (\r\n \r\n
\r\n );\r\n } else if (route() === '/activegame') {\r\n return (\r\n \r\n
\r\n {settings.accordionGroupTitle}
\r\n \r\n {settings.accordionGroup.map((accordion, index) => (\r\n\r\n \r\n
\r\n ))}\r\n {m.trust(accordion.description)}
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n return (\r\n \r\n
\r\n );\r\n }\r\n };\r\n\r\n route('/', root);\r\n\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/Toggle/Toggle', [\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/ComponentLoader/ComponentLoader'\r\n], function (ComponentLoader) {\r\n ComponentLoader('toggle', function (ignoresettings) {\r\n this.settings = {\r\n toggleClass: 'hidden',\r\n lineClampClass: 'line-clamp-3',\r\n expand: 'Læs mere',\r\n collapse: 'Læs mindre',\r\n inactiveClass: ['!text-alabaster-500', '!font-light', 'border-opacity-white'],\r\n activeClass: ['font-normal', 'border-picton-blue-500']\r\n };\r\n\r\n this.init = () => {\r\n // Toggle functionality for button that expands and collapses elements\r\n const toggles = this.$element.querySelectorAll('[data-toggle-expand-collapse]');\r\n if (toggles) {\r\n toggles.forEach((toggleElem) => {\r\n\r\n const toggleId = toggleElem.dataset.toggleExpandCollapse;\r\n const toggleElement = this.$element.querySelector(`[data-toggle-expand-collapse-container=\"${toggleId}\"]`);\r\n const originalHeight = toggleElement.offsetHeight;\r\n\r\n // Apply line-clamp and height if the content is more than 3 lines, else hide the toggle button\r\n const lineHeight = parseFloat(window.getComputedStyle(toggleElement).lineHeight);\r\n if (originalHeight > lineHeight * 3) {\r\n toggleElement.classList.add(this.settings.lineClampClass);\r\n toggleElement.style.height = (lineHeight * 3) + 'px';\r\n } else {\r\n toggleElem.style.display = 'none';\r\n }\r\n\r\n toggleElem.addEventListener('click', () => {\r\n toggleElement.classList.toggle(this.settings.lineClampClass);\r\n\r\n // Add and animate the height change\r\n if (toggleElement.classList.contains(this.settings.lineClampClass)) {\r\n toggleElement.style.height = (lineHeight * 3) + 'px';\r\n toggleElem.innerHTML = this.settings.expand;\r\n } else {\r\n toggleElement.style.height = originalHeight + 'px';\r\n toggleElem.innerHTML = this.settings.collapse;\r\n }\r\n });\r\n });\r\n }\r\n\r\n // Toggle functionality for button that shows and hides elements\r\n const buttons = this.$element.querySelectorAll('[data-toggle-button]');\r\n if (buttons) {\r\n buttons.forEach((toggleElem) => {\r\n toggleElem.addEventListener('click', () => {\r\n const toggleId = toggleElem.dataset.toggleButton;\r\n\r\n // toggle hidden class from element\r\n const toggleElement = this.$element.querySelector(`[data-toggle-container=\"${toggleId}\"]`);\r\n toggleElement.classList.toggle(this.settings.toggleClass);\r\n });\r\n });\r\n }\r\n\r\n // Toggle functionality for tabs\r\n const tabs = this.$element.querySelectorAll('[data-toggle]');\r\n if (tabs) {\r\n tabs.forEach((toggleElem) => {\r\n toggleElem.addEventListener('click', () => {\r\n const toggleId = toggleElem.dataset.toggle;\r\n\r\n this.$element.querySelectorAll('[data-toggle-container]').forEach((elem) => elem.classList.add(this.settings.toggleClass));\r\n this.$element.querySelectorAll('[data-toggle]').forEach((elem) => {\r\n elem.classList.add(...this.settings.inactiveClass);\r\n elem.classList.remove(...this.settings.activeClass);\r\n });\r\n\r\n this.$element.querySelector('[data-toggle-container=' + toggleId + ']').classList.remove(this.settings.toggleClass);\r\n this.$element.querySelector('[data-toggle=' + toggleId + ']').classList.add(...this.settings.activeClass);\r\n this.$element.querySelector('[data-toggle=' + toggleId + ']').classList.remove(...this.settings.inactiveClass);\r\n });\r\n });\r\n }\r\n };\r\n\r\n this.init();\r\n });\r\n});","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/Toggle/ToggleModal', [\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/ComponentLoader/ComponentLoader'\r\n], function (ComponentLoader) {\r\n ComponentLoader('toggle-modal', function (ignoresettings) {\r\n this.settings = {\r\n toggleClass: 'hidden',\r\n };\r\n\r\n const init = () => {\r\n const parentElement = document.querySelector('.theme-kluboddset');\r\n if (!parentElement) {\r\n return;\r\n }\r\n // get modal element\r\n const toggleElement = this.$element.querySelector('[data-toggle-modal=\"locked-content-modal\"]');\r\n if (!toggleElement) {\r\n return;\r\n }\r\n // get all elements on page with the data-locked-content=\"true\" attribute (or \"True\" because Sitecore)\r\n const lockedContent = parentElement.querySelectorAll('[data-locked-content=\"True\"], [data-locked-content=\"true\"]');\r\n if (lockedContent) {\r\n lockedContent.forEach((content) => {\r\n content.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n toggleElement.classList.remove(this.settings.toggleClass);\r\n });\r\n });\r\n }\r\n // get all a and button elements on page\r\n const links = parentElement.querySelectorAll('a');\r\n if (links) {\r\n links.forEach((link) => {\r\n // if the link hash includes the same id as toggleElement, prevent default and open the modal\r\n if (link.hash.toLowerCase().includes(toggleElement.id.toLowerCase())) {\r\n link.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n toggleElement.classList.remove(this.settings.toggleClass);\r\n });\r\n }\r\n });\r\n }\r\n\r\n\r\n // get close button for the modal\r\n const buttons = this.$element.querySelectorAll('[data-toggle-modal-button=\"locked-content-modal\"]');\r\n if (buttons) {\r\n buttons.forEach((toggleElem) => {\r\n toggleElem.addEventListener('click', () => {\r\n // toggle hidden class from element\r\n toggleElement.classList.toggle(this.settings.toggleClass);\r\n });\r\n });\r\n }\r\n };\r\n\r\n // if data-toggle-modal=\"locked-content-modal\" is clicked, close modal\r\n document.addEventListener('click', (e) => {\r\n if (e.target.dataset.toggleModal === 'locked-content-modal') {\r\n const toggleElement = document.querySelector('[data-toggle-modal=\"locked-content-modal\"]');\r\n toggleElement.classList.add(this.settings.toggleClass);\r\n }\r\n });\r\n\r\n const setupMutationObserver = () => {\r\n // Select the games flow component\r\n const targetNode = document.querySelector('[data-component=\"games-flow\"]');\r\n if (!targetNode) {\r\n return;\r\n }\r\n // Observe changes to the games flow component\r\n const config = { childList: true };\r\n // Callback function to execute when mutations are observed\r\n const callback = (mutationsList) => {\r\n let runAgain = false;\r\n for (let mutation of mutationsList) {\r\n if (mutation.type === 'childList') {\r\n runAgain = true;\r\n }\r\n }\r\n if (runAgain) {\r\n init();\r\n }\r\n };\r\n const observer = new MutationObserver(callback);\r\n observer.observe(targetNode, config);\r\n };\r\n\r\n init();\r\n setupMutationObserver();\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/Toggle/ToggleChurnModal', [\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/ComponentLoader/ComponentLoader',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Helpers/Api',\r\n 'Shared/Framework/Ensighten/Scripts/Ensighten',\r\n], function (ComponentLoader, Api, Ensighten) {\r\n ComponentLoader('toggle-churn-modal', function (settings) {\r\n\r\n const toggleClass = 'hidden';\r\n let subscriptionData = null;\r\n let alreadyDiscounted = false;\r\n\r\n const fetchSubscriptionData = async () => {\r\n Api.fetchMembershipData()\r\n .then((response) => {\r\n response.forEach(((subscription) => {\r\n if (subscription.state === 'Active') {\r\n subscriptionData = subscription;\r\n if (subscription.coupons?.length > 0) {\r\n alreadyDiscounted = !validateCoupon();\r\n }\r\n }\r\n }));\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n });\r\n };\r\n\r\n const validateCoupon = () => {\r\n Api.validateCoupon(settings.couponCode, subscriptionData.customer)\r\n .then(() => {\r\n // If the repsonse is successful, the coupon is valid\r\n return true;\r\n })\r\n .catch(() => {\r\n return false; // If the response is an error, the coupon is invalid\r\n });\r\n };\r\n\r\n const handleConfirm = () => {\r\n window.location.href = '/kluboddset/abonnement/opsig-medlemsskab-step2';\r\n };\r\n\r\n const handleAcceptDiscount = () => {\r\n Api.setCoupon(subscriptionData.handle, settings.couponCode)\r\n .then(() => {\r\n Ensighten.pushGaEvent('Kluboddset_signup', 'accepted_discount_while_unsubscribing', '');\r\n window.location.href = '/kluboddset/abonnement';\r\n })\r\n .catch((error) => {\r\n console.error('An error occurred:', error);\r\n });\r\n };\r\n\r\n const init = () => {\r\n const parentElement = document.querySelector('.theme-kluboddset');\r\n if (!parentElement) {\r\n return;\r\n }\r\n // get modal element\r\n const toggleElement = parentElement.querySelector('[data-toggle-modal=\"churn-modal\"]');\r\n if (!toggleElement) {\r\n return;\r\n }\r\n // get the button that opens the modal\r\n const churnModal = document.querySelector('.js-churn-modal');\r\n if (churnModal) {\r\n churnModal.addEventListener('click', (e) => {\r\n if (!alreadyDiscounted) {\r\n e.preventDefault();\r\n toggleElement.classList.remove(toggleClass);\r\n }\r\n });\r\n }\r\n\r\n // get close button for the modal\r\n const buttons = toggleElement.querySelectorAll('[data-toggle-modal-button=\"churn-modal\"]');\r\n if (buttons) {\r\n buttons.forEach((toggleElem) => {\r\n toggleElem.addEventListener('click', () => {\r\n // toggle hidden class from element\r\n toggleElement.classList.toggle(toggleClass);\r\n });\r\n });\r\n }\r\n\r\n // get buttonOne and buttonTwo and set their actions\r\n const buttonOne = toggleElement.querySelector('[churn-modal-button=\"accept\"]');\r\n buttonOne?.addEventListener('click', () => {\r\n handleAcceptDiscount();\r\n });\r\n\r\n const buttonTwo = toggleElement.querySelector('[churn-modal-button=\"decline\"]');\r\n buttonTwo?.addEventListener('click', () => {\r\n handleConfirm();\r\n });\r\n };\r\n\r\n const initialize = async () => {\r\n await fetchSubscriptionData();\r\n init();\r\n };\r\n\r\n initialize();\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/Slide/Slide', [\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/ComponentLoader/ComponentLoader'\r\n], function (ComponentLoader) {\r\n ComponentLoader('slide', function (ignoresettings) {\r\n\r\n // Slide component\r\n this.init = () => {\r\n const sliderRef = this.$element.querySelector('[data-slider=\"slider\"]');\r\n const buttonPrev = this.$element.querySelector('[data-slide-button=\"prev\"]');\r\n const buttonNext = this.$element.querySelector('[data-slide-button=\"next\"]');\r\n\r\n // run this check on load, to see if we need to show the buttons\r\n if (isSliderWiderThanWindow()) {\r\n buttonPrev.classList.remove('hidden');\r\n buttonNext.classList.remove('hidden');\r\n } else {\r\n buttonPrev.classList.add('hidden');\r\n buttonNext.classList.add('hidden');\r\n }\r\n\r\n window.addEventListener('resize', () => {\r\n if (isSliderWiderThanWindow()) {\r\n buttonPrev.classList.remove('hidden');\r\n buttonNext.classList.remove('hidden');\r\n } else {\r\n buttonPrev.classList.add('hidden');\r\n buttonNext.classList.add('hidden');\r\n }\r\n });\r\n\r\n buttonPrev.addEventListener('click', () => {\r\n scroll(-302); // do we want this to be hardcoded? - Right now the width of a card in the slider is hardcoded, so it makes sense to keep it hardcoded here as well\r\n });\r\n\r\n buttonNext.addEventListener('click', () => {\r\n scroll(302);\r\n });\r\n\r\n function isSliderWiderThanWindow() {\r\n if (document.body.classList.contains('is-mobile-detected')) return false;\r\n return sliderRef.scrollWidth > 1000; // hardcoding this to the desktop width of the slider\r\n }\r\n\r\n function scroll(scrollOffset) {\r\n if (sliderRef.scrollLeft >= sliderRef.scrollWidth - sliderRef.offsetWidth && scrollOffset > 0) {\r\n sliderRef.scrollTo({\r\n left: 0,\r\n behavior: 'smooth'\r\n });\r\n } else if (sliderRef.scrollLeft === 0 && scrollOffset < 0) {\r\n sliderRef.scrollTo({\r\n left: sliderRef.scrollWidth - sliderRef.offsetWidth,\r\n behavior: 'smooth'\r\n });\r\n } else {\r\n sliderRef.scrollTo({\r\n left: sliderRef.scrollLeft + scrollOffset,\r\n behavior: 'smooth'\r\n });\r\n }\r\n }\r\n };\r\n\r\n\r\n this.init();\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/WebPlayer/WebPlayer', [\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/ComponentLoader/ComponentLoader'\r\n], function (ComponentLoader) {\r\n ComponentLoader('web-player', function (settings) {\r\n this.settings = settings;\r\n let queryParams = '';\r\n\r\n if (document.body.classList.contains('app-web-view')) {\r\n queryParams = `?returnUrl=${window.location.href}&backButtonText=Tilbage til oversigten`;\r\n }\r\n\r\n this.playerUrl = `${DS.Config.CONTEXTPREFIX}/scapi/podcast/episode/${this.settings.episodeId}${queryParams}`;\r\n\r\n // Toggle functionality for button that shows and hides elements\r\n this.init = () => {\r\n this.$element.addEventListener('click', () => {\r\n window.open(this.playerUrl, 'Oddset Web Player', 'scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no,width=600,height=525');\r\n });\r\n };\r\n\r\n this.init();\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/Slide/VerticalSlide', [\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/ComponentLoader/ComponentLoader'\r\n], function (ComponentLoader) {\r\n ComponentLoader('verticalslide', function (ignoresettings) {\r\n const active = 'bg-white';\r\n\r\n this.init = () => {\r\n const sliderRef = this.$element.querySelector('[data-slide=\"slider\"]');\r\n const dots = this.$element.querySelectorAll('[data-slide=\"dot\"]');\r\n const slideRef = this.$element.querySelectorAll('[data-slide-card]');\r\n let isDesktop = window.innerWidth > 960;\r\n let currentSlide = 0;\r\n\r\n window.addEventListener('resize', () => {\r\n if (window.innerWidth > 960) {\r\n isDesktop = true;\r\n } else {\r\n isDesktop = false;\r\n }\r\n });\r\n\r\n dots[currentSlide].classList.add(active);\r\n\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', () => {\r\n this.changeSlide(index);\r\n });\r\n });\r\n\r\n sliderRef.addEventListener('scroll', () => {\r\n if (isDesktop) {\r\n const slideHeight = slideRef[currentSlide].clientHeight;\r\n const slideIndex = Math.round(sliderRef.scrollTop / slideHeight);\r\n if (currentSlide !== slideIndex) {\r\n this.changeSlide(slideIndex, false);\r\n }\r\n } else {\r\n const slideWidth = slideRef[currentSlide].clientWidth;\r\n const slideIndex = Math.round(sliderRef.scrollLeft / slideWidth);\r\n if (currentSlide !== slideIndex) {\r\n this.changeSlide(slideIndex, false);\r\n }\r\n }\r\n });\r\n\r\n this.changeSlide = (index, clicked = true) => {\r\n dots[currentSlide].classList.remove(active);\r\n dots[index].classList.add(active);\r\n currentSlide = index;\r\n if (clicked) this.scrollToSlide(index);\r\n };\r\n\r\n this.scrollToSlide = (index) => {\r\n const slide = slideRef[index];\r\n const scrollPosition = isDesktop ? slide.offsetTop : slide.offsetLeft;\r\n sliderRef.scrollTo({\r\n top: isDesktop ? scrollPosition : 0,\r\n left: isDesktop ? 0 : scrollPosition,\r\n behavior: 'smooth'\r\n });\r\n };\r\n\r\n this.scrollToSlider = () => {\r\n const sliderTop = sliderRef.getBoundingClientRect().top + (window.pageYOffset + 10);\r\n window.scrollTo({\r\n top: sliderTop,\r\n behavior: 'smooth'\r\n });\r\n };\r\n };\r\n\r\n window.onload = () => {\r\n this.init();\r\n };\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/ClubNavigation/ClubNavigation', [\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/ComponentLoader/ComponentLoader'\r\n],\r\n\r\nfunction (Utils, ComponentLoader) {\r\n ComponentLoader('club-navigation', function () {\r\n const isDesktop = window.innerWidth > 949; // this is the breakpoint for the top navigation\r\n let scrollPos = 0;\r\n let scrollDirection = null;\r\n const transitionClass = 'sticky-header';\r\n const clubContainer = document.querySelector('.theme-kluboddset');\r\n const topNavigation = document.querySelector('.ds-navigation');\r\n const clubNavigation = document.querySelector('div[data-component=\"club-navigation\"]');\r\n const clubNavigationChildNav = clubNavigation.querySelector('nav');\r\n\r\n // add transition class to clubNavigation (for now we want it to always be sticky)\r\n clubNavigation.classList.add(transitionClass);\r\n\r\n this.returnUrl = Utils.getParameter('returnUrl');\r\n this.$backButtonElem = this.$element.querySelector('[data-ref=\"close-button\"]');\r\n\r\n this.setupEventListeners = () => {\r\n if (this.returnUrl && this.$backButtonElem) {\r\n this.$backButtonElem.classList.remove('hidden');\r\n this.$backButtonElem.addEventListener('click', () => {\r\n window.location.href = this.returnUrl;\r\n });\r\n }\r\n\r\n // on app we have no topnavigation, so for now we're not going to do anything on app\r\n if (topNavigation) {\r\n\r\n document.addEventListener('scroll', () => {\r\n const scrollY = typeof window.scrollY !== 'undefined' ? window.scrollY : window.pageYOffset;\r\n scrollDirection = scrollY > scrollPos ? 'down' : 'up';\r\n scrollPos = scrollY;\r\n\r\n let topNavigationStyle = window.getComputedStyle(topNavigation);\r\n\r\n // if clubNavigation has sticky-header class\r\n if (clubNavigation.classList.contains(transitionClass)) {\r\n // we want to calculate when to sticky the clubNavigation\r\n const topNavigationTransform = topNavigationStyle.transform;\r\n const topNavigationTransformValues = topNavigationTransform.match(/-?\\d+/g);\r\n const topNavigationTransformY = topNavigationTransformValues ? topNavigationTransformValues[5] : 0;\r\n\r\n if (topNavigationTransformY < 0) {\r\n clubContainer.style.paddingTop = `${topNavigation.offsetHeight}px`;\r\n clubNavigationChildNav.style.padding = '8px 0';\r\n clubNavigation.style.top = isDesktop ? '36px' : '32px';\r\n\r\n // if clubNavigation doesnt have 'position: fixed' we want to add it\r\n if (!clubNavigation.style.position || clubNavigation.style.position !== 'fixed') {\r\n clubNavigation.style.position = 'fixed';\r\n clubNavigation.style.width = '100%';\r\n clubNavigation.style.zIndex = '20';\r\n clubNavigation.style.left = '0';\r\n }\r\n }\r\n if (scrollY < 105 && scrollDirection === 'up') {\r\n // if clubNavigation has 'position: fixed' we want to remove it\r\n clubContainer.style.paddingTop = '0';\r\n clubNavigation.style.position = '';\r\n clubNavigationChildNav.style.padding = '24px 0';\r\n }\r\n }\r\n });\r\n }\r\n };\r\n\r\n\r\n const checkForHiddenLinksAndHideParent = () => {\r\n const liElements = this.$element.querySelectorAll('li');\r\n\r\n liElements.forEach((li) => {\r\n const aElement = li.querySelector('a');\r\n if (aElement && window.getComputedStyle(aElement).display === 'none') {\r\n li.classList.add('hidden');\r\n }\r\n });\r\n };\r\n\r\n this.init = () => {\r\n this.setupEventListeners();\r\n checkForHiddenLinksAndHideParent();\r\n };\r\n\r\n this.init();\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/Subscription/Subscriber', [\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'Common/Framework/EventHandling/Scripts/CrossWindowEvents',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/ComponentLoader/ComponentLoader'\r\n], function (Utils, CrossWindowEvents, ComponentLoader) {\r\n ComponentLoader('loyaltyclub-subscriber', function (settings) {\r\n const sessionStorageKey = `${DS.Config.CONTEXT}DS_LOYALTYCLUB_MEMBER`;\r\n\r\n CrossWindowEvents.subscribe('ds.event.userLoggedOut', () => {\r\n Utils.setSessionStorage(sessionStorageKey, null);\r\n document.body.classList.remove('is-loyaltyclub-subscriber');\r\n });\r\n\r\n if (settings.isSubscriber) {\r\n Utils.setSessionStorage(sessionStorageKey, settings.isSubscriber);\r\n document.body.classList.add('is-loyaltyclub-subscriber');\r\n } else {\r\n Utils.setSessionStorage(sessionStorageKey, settings.isSubscriber);\r\n }\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/ModalOverlayComponent/ModalOverlayComponent', [\r\n 'Shared/Framework/Mithril/Scripts/Core/Component',\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Modal/Modal',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Button/Button',\r\n],\r\n\r\nfunction (Component, Utils, Modal, Button) {\r\n Component('modal-overlay-component', function (m, route, settings) {\r\n const root = {\r\n controller: function () {\r\n this.settings = settings;\r\n this.route = route;\r\n const modalOpen = m.prop(false);\r\n const permission = Utils.getParameter('marketingPermission');\r\n\r\n if (permission === 'true') {\r\n modalOpen(true);\r\n }\r\n\r\n const goTo = (url) => {\r\n window.location.href = window.location.origin + url;\r\n };\r\n\r\n const handleCloseModal = () => {\r\n modalOpen(false);\r\n };\r\n\r\n return { handleCloseModal, modalOpen, goTo };\r\n },\r\n view: function (ctrl) {\r\n return (\r\n {settings.title}
\r\n\r\n
\r\n \r\n
\r\n \r\n { consentData().EmailPermission || !isLoyaltyClubSubscriber ? '' : \r\n \r\n }\r\n \r\n {[\r\n \r\n \r\n {[\r\n \r\n {\r\n settings.slides.map((slide) =>\r\n ,\r\n ,\r\n
\r\n \r\n \r\n \r\n {settings.marketingAccept}\r\n \r\n setConsentData(true)}\r\n disabled={!checkboxPermission()}>\r\n {settings.accept || 'Tilmeld'}\r\n \r\n handleReadMore()}>\r\n {settings.marketingReadMore.text}\r\n \r\n
\r\n {settings.marketingTitle}
\r\n{m.trust(settings.marketingDescription)}
\r\n\r\n
\r\n ,\r\n \r\n
\r\n \r\n \r\n
\r\n {vbfData().hasOwnProperty('tickets') ? {settings.totalTickets}
\r\n{vbfData().hasOwnProperty('tickets') ? formatVBFTotalTickets(vbfData().tickets) : '00'}
\r\n\r\n
: ''}\r\n {settings.nextDraw}
\r\n\r\n
\r\n {settings.stillASpot}
\r\n\r\n
\r\n \r\n {vbfData().hasOwnProperty('summary') ?\r\n
\r\n \r\n
: ''}\r\n \r\n
\r\n {settings.tasks}
\r\n{settings.tickets}
\r\n\r\n {Object.entries(vbfData().summary).map(([key, value]) => {\r\n let title;\r\n let description;\r\n\r\n switch (key) {\r\n case 'marketing':\r\n title = settings.oddsetClubMember;\r\n description = settings.oddsetClubMemberDescription;\r\n break;\r\n case 'game':\r\n title = settings.oddsetGames;\r\n description = settings.oddsetGamesDescription;\r\n break;\r\n case 'game_performance':\r\n title = settings.oddsetGamesPlacement;\r\n description = settings.oddsetGamesPlacementDescription;\r\n break;\r\n default:\r\n title = '';\r\n description = '';\r\n }\r\n\r\n return (\r\n
\r\n \r\n {title && description && (\r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {description}\r\n
\r\n\r\n \r\n {vbfData().tickets}\r\n \r\n
\r\n {settings.totalTickets}
\r\n\r\n \r\n \r\n
\r\n {settings.howTo}
\r\n{settings.description}
\r\n\r\n
,\r\n \r\n {m.trust(settings.whatIsVBF)}\r\n
,\r\n \r\n
,\r\n {settings.howToParticipate}
\r\n\r\n
\r\n )\r\n },\r\n {slide.title}
\r\n\r\n
\r\n ]}\r\n \r\n ]}\r\n \r\n {settings.conditionsTitle}
\r\n- \r\n
\r\n {m.trust(settings.conditions)}\r\n
\r\n \r\n 
\r\n ctrl.goTo(settings.goToVbfButton.url)}\r\n >\r\n {settings.goToVbfButton.text}\r\n \r\n ctrl.handleCloseModal()}\r\n >\r\n {settings.closeButton}\r\n \r\n
\r\n \r\n );\r\n }\r\n };\r\n\r\n route('/', root);\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/ModalGivePermissionComponent/ModalGivePermissionComponent', [\r\n 'Shared/Framework/Mithril/Scripts/Core/Component',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Helpers/Api',\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Utils',\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Storage',\r\n 'DanskeSpil/Domain/Authentification/Scripts/LoginCache',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Modal/Modal',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Button/Button',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Form/Checkbox/Checkbox',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Form/Form',\r\n],\r\n\r\nfunction (Component, Api, Utils, Storage, LoginCache, Modal, Button, Checkbox, Form) {\r\n Component('modal-give-permission-component', function (m, route, settings) {\r\n const root = {\r\n controller: function () {\r\n this.settings = settings;\r\n this.route = route;\r\n const userIsSubscriber = m.prop(Utils.getSessionStorage(`${DS.Config.CONTEXT}DS_LOYALTYCLUB_MEMBER`) || false);\r\n const modalOpen = m.prop(false);\r\n const permissionData = m.prop({});\r\n const checkboxPermission = m.prop(false);\r\n\r\n const setCookieData = () => {\r\n const now = new Date();\r\n const createDate = new Date(new Date(now).setDate(now.getDate() + settings.daysToExpire));\r\n const expireDate = createDate.toISOString();\r\n Storage.set(`klubOddset-${settings.title}`, JSON.stringify(settings.title), expireDate);\r\n };\r\n\r\n const getCookieData = () => {\r\n const cookie = Storage.get(`klubOddset-${settings.title}`);\r\n if (cookie) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n\r\n const handleAccept = () => {\r\n setConsentData(true)\r\n .then(() => {\r\n handleCloseModal();\r\n })\r\n .catch(() => {\r\n console.error('An error occurred');\r\n handleCloseModal();\r\n });\r\n };\r\n\r\n const handleCloseModal = () => {\r\n if (!getCookieData()) {\r\n setCookieData();\r\n }\r\n modalOpen(false);\r\n };\r\n\r\n const fetchConsentData = () => {\r\n Api.fetchConsentData()\r\n .then((response) => {\r\n permissionData(response.data);\r\n if (!response.data.EmailPermission && userIsSubscriber() && !getCookieData()) {\r\n modalOpen(true);\r\n }\r\n }).catch((error) => {\r\n console.error('An error occurred:', error);\r\n });\r\n };\r\n\r\n if (LoginCache.isLoggedIn()) {\r\n fetchConsentData();\r\n }\r\n\r\n const setConsentData = (state = true) => {\r\n const settings = {\r\n EmailPermission: state,\r\n referenceId: 'KLUBODDSET_GIVE_PERMISSION_MODAL'\r\n };\r\n return Api.setConsentData(settings);\r\n };\r\n\r\n return { handleCloseModal, modalOpen, handleAccept, checkboxPermission };\r\n },\r\n view: function (ctrl) {\r\n return (\r\n {settings.title}
\r\n{m.trust(settings.description)}
\r\n\r\n \r\n\r\n 
\r\n
\r\n \r\n );\r\n }\r\n };\r\n\r\n route('/', root);\r\n });\r\n});\r\n","defineDs('DanskeSpil/Domain/Feature.LoyaltyClub/Components/ModalBasicComponent/ModalBasicComponent', [\r\n 'Shared/Framework/Mithril/Scripts/Core/Component',\r\n 'Shared/Framework/Mithril/Scripts/Helpers/Storage',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Modal/Modal',\r\n 'DanskeSpil/Domain/Feature.LoyaltyClub/Components/Button/Button',\r\n],\r\n\r\nfunction (Component, Storage, Modal, Button) {\r\n Component('modal-basic-component', function (m, route, settings) {\r\n const root = {\r\n controller: function () {\r\n this.settings = settings;\r\n this.route = route;\r\n const modalOpen = m.prop(true);\r\n\r\n const setCookieData = () => {\r\n const now = new Date();\r\n const createDate = new Date(new Date(now).setDate(now.getDate() + settings.daysToExpire));\r\n const expireDate = createDate.toISOString();\r\n Storage.set(`klubOddset-${settings.title}`, JSON.stringify(settings.title), expireDate);\r\n };\r\n\r\n const getCookieData = () => {\r\n const cookie = Storage.get(`klubOddset-${settings.title}`);\r\n if (cookie) {\r\n return true;\r\n }\r\n return false;\r\n };\r\n\r\n const handleDecline = () => {\r\n if (!getCookieData()) {\r\n setCookieData();\r\n }\r\n if (settings.decline.url === window.location.pathname) {\r\n modalOpen(false);\r\n } else {\r\n window.location.href = settings.decline.url;\r\n }\r\n };\r\n\r\n const handleAccept = () => {\r\n if (!getCookieData()) {\r\n setCookieData();\r\n }\r\n if (settings.accept.url === window.location.pathname) {\r\n modalOpen(false);\r\n } else {\r\n window.location.href = settings.accept.url;\r\n }\r\n };\r\n\r\n if (!getCookieData()) {\r\n modalOpen(true);\r\n } else {\r\n modalOpen(false);\r\n }\r\n\r\n return { modalOpen, handleDecline, handleAccept };\r\n },\r\n view: function (ctrl) {\r\n return (\r\n {settings.title}
\r\n{m.trust(settings.conditions)}
\r\n \r\n\r\n ctrl.handleCloseModal()}\r\n >\r\n {settings.decline}\r\n \r\n \r\n {settings.accept}\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 route('/', root);\r\n });\r\n});\r\n"]}{settings?.title}
\r\n{settings?.description}
\r\n\r\n ctrl.handleDecline()}\r\n >\r\n {settings.decline.text}\r\n \r\n ctrl.handleAccept()}\r\n >\r\n {settings.accept.text}\r\n \r\n
\r\n