\n
\n Click\n {' '}\n here\n {' '}\n to return to the main page.\n
\n
\n If you want to help us, send us this message by email to (Altomobile@outlook.com):\n
\n
\n
{text}
);\n\nHeader.propTypes = {\n text: PropTypes.string.isRequired,\n size: PropTypes.string,\n position: PropTypes.string,\n fontSize: PropTypes.string,\n extraStyle: PropTypes.string,\n};\n","import './SubscriptionLevelTable.scss';\nimport _ from 'lodash';\nimport { formatCurrency, isNumber } from 'controls/utils';\nimport { Header } from 'components/atoms/Header/Header';\n\n// eslint-disable-next-line react/prop-types\nexport const RolandTable = ({ table, name }) => {\n const headerClass = 'table__header';\n\n return (\n\n
\n \n );\n};\n","import { Paragraph } from 'components/atoms/Paragraph/Paragraph';\nimport { LANGUAGE_SETTINGS } from 'en';\nimport { RolandTable } from '../RolandTable/RolandTable';\nimport './_TableSection.scss';\nimport {\n PATCHES_TABLE,\n SOLUTIONS_TABLE,\n VIRTUAL_INSTRUMENTS_TABLE,\n SOFTWARE_EFFECTS,\n ZENOLOGY_TABLE,\n JAM_TRACKS_TABLE,\n SAMPLE_CONTENT_TABLE,\n} from './tables';\n\nexport const TableSection = () => (\n \n { name && \n {_.map(e, (field, id) => (\n \n {field.value === true ? '\\u2713' : field.value === false ? '-' : isNumber(field.value) ? formatCurrency(field.value) : field.value}\n \n ))}\n
\n ))}\n \n
\n);\n","// eslint-disable-next-line react/prop-types\nexport const Container = ({ children }) => (\n \n
\n \n
\n \n
\n \n {children}\n
\n);\n","import { handleError } from './utils';\n\nexport const getMemberships = () => handleError(async (dispatch, getState, { api }) => {\n const [offers, freeTrial] = await api.getCustomersOffers();\n return [offers, freeTrial];\n}, 'There was a problem getting the offers');\n\nexport const getPurchaseToken = (offerId, productIds) => handleError(async (dispatch, getState, { api }) => {\n const token = await api.getPurchaseToken(offerId, productIds);\n return token;\n}, 'There was a problem getting the offers');\n","import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport './_Toggle.scss';\n\nexport const ToggleSwitch = ({\n optionA, optionB, onChange, initialValue,\n}) => {\n const [inverted, setInverted] = useState(optionB === initialValue);\n\n const handleChange = () => {\n setInverted(!inverted);\n onChange();\n };\n\n return (\n \n {optionA}\n {optionB}\n
\n );\n};\n\nToggleSwitch.propTypes = {\n optionA: PropTypes.string.isRequired,\n optionB: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n initialValue: PropTypes.string,\n};\n","/* eslint-disable react/prop-types */\nimport './_Button.scss';\nimport PropTypes from 'prop-types';\n\nexport const Button = ({\n text,\n inverted = false,\n className = 'primary',\n disabled,\n extraStyle,\n type = 'button',\n loading,\n circular,\n ...props\n}) => (\n \n { showModal && 
\n
\n );\n};\n\nMembershipItem.propTypes = {\n item: PropTypes.object.isRequired,\n updateParent: PropTypes.func.isRequired,\n};\n","import './_MemberShipItem.scss';\n\nexport const PLACEHOLDER = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2N4+vTpfwAJEQOv0aXZiAAAAABJRU5ErkJggg==';\n\nexport const MembershipItemSkeleton = () => (\n \n {description.us}\n \n {formatCurrency(price)}\n \n \n
\n \n 
\n
\n);\n","import { MembershipItemSkeleton } from '../MemberShipItem/MemberShipItemSkeleton';\n\nexport const MembershipsListSkeleton = () => {\n const toMap = [1, 2, 3];\n\n return (\n \n { toMap.map((e) =>
\n );\n};\n","/* eslint-disable react/no-array-index-key */\nimport _ from 'lodash';\nimport { useEffectAsync } from 'controls/hooks';\nimport { useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getMemberships } from 'actions/memberships';\nimport { Paragraph } from 'components/atoms/Paragraph/Paragraph';\nimport { Header } from 'components/atoms/Header/Header';\nimport { LANGUAGE_SETTINGS } from 'en';\nimport { ToggleSwitch } from 'components/atoms/ToggleSwitch/ToggleSwitch';\nimport { MembershipItem } from '../MemberShipItem/MemberShipItem';\nimport 'components/pages/Memberships/_MemberShips.scss';\nimport { MembershipsListSkeleton } from './MembershipsListSkeleton';\n\nconst MEMBERSHIP_TYPES = {\n monthly: 1,\n annual: 12,\n};\n\nconst toggleOptions = {\n monthly: 'MONTHLY',\n annual: 'ANNUAL - SAVE Up to 17%',\n};\n\nexport const MembershipsList = () => {\n const dispatch = useDispatch();\n const [loading, setLoading] = useState(true);\n const userInfo = useSelector((state) => state.userInfo);\n const [memberships, setMemberships] = useState({});\n const [monthly, setShowMonthly] = useState(false);\n const [trialStatus, setTrialStatus] = useState({ freeTrial: true, hasActiveSubscription: false });\n const [needsRefresh, setNeedsRefresh] = useState(false);\n\n useEffectAsync(async () => {\n if (userInfo) {\n setLoading(true);\n const res = await dispatch(getMemberships());\n let offers = null;\n let trial = null;\n if (!_.isEmpty(res)) {\n [offers, trial] = res;\n }\n setMemberships(!_.isEmpty(offers) ? offers : null);\n setTrialStatus(trial);\n setLoading(false);\n }\n }, [userInfo, needsRefresh]);\n\n const changeSelector = () => {\n setShowMonthly(!monthly);\n };\n\n const updateParent = () => {\n setNeedsRefresh(!needsRefresh);\n };\n\n return (\n \n \n *Lifetime Keys are available for purchase under the Software and Hardware sections in\n Roland Cloud Manager\n .\n \n )}\n />\n
\n );\n};\n","import {\n useEffect, useCallback,\n} from 'react';\nimport { useDispatch } from 'react-redux';\n\nexport const useAsyncSubmit = (onAccept, onCancel) => useCallback(async (...args) => {\n const result = await onAccept(...args);\n if (result) {\n onCancel(result);\n }\n return result;\n}, [onAccept, onCancel]);\n\nexport const useEffectAsync = (asyncFn, deps) => useEffect(() => {\n asyncFn();\n// eslint-disable-next-line react-hooks/exhaustive-deps\n}, deps);\n\nexport const useDispatchCallback = (actionCreator, ...bindArgs) => {\n const dispatch = useDispatch();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return useCallback((...args) => dispatch(actionCreator(...bindArgs, ...args)), [dispatch, actionCreator, ...bindArgs]);\n};\n","import { Header } from 'components/atoms/Header/Header';\nimport { LANGUAGE_SETTINGS } from 'en';\nimport './_RolandPlan.scss';\nimport { Paragraph } from 'components/atoms/Paragraph/Paragraph';\n\nexport const RolandPlan = () => (\n \n { memberships && monthly && memberships[MEMBERSHIP_TYPES.monthly].map((e, id) =>
\n \n )}\n \n { notificationScript\n && (\n \n \n \n )}\n \n \n \n \n
\n );\n});\n","import { useSelector } from 'react-redux';\n\nconst NOTIFICATION_SUCCESS = 'RCM-STATUS-DONE';\n\nexport const useNotificationScript = () => {\n const userInfo = useSelector((state) => state.userInfo);\n\n return (userInfo && !userInfo.guest) ? `var url_param_token = \"${userInfo?.idToken}\";\n var connection = new signalR.HubConnectionBuilder().withUrl(\"${process.env.REACT_APP_NOTIFICATION_SCRIPT}\", { accessTokenFactory: () => url_param_token }).build();\n connection.on(\"ReceiveMessage\", function (event, message) {\n console.log(\"NotificationEvent: \" + event);\n if(message === \"${NOTIFICATION_SUCCESS}\") {\n window.location.href = \"${process.env.REACT_APP_THANK_YOU_REDIRECT}\";\n }\n });\n connection.start().then(function () {\n //wharever you need\n }).catch(function (err) {\n return console.error(err.toString());\n });` : null;\n};\n","import { App } from 'App';\nimport ReactDOM from 'react-dom';\nimport './_index.scss';\nimport thunk from 'redux-thunk';\nimport { Provider } from 'react-redux';\nimport { BrowserRouter, Route } from 'react-router-dom';\nimport { createStore, applyMiddleware, compose } from 'redux';\n\nconst { Api } = require('./api');\nconst { rootReducer } = require('./reducers');\nconst { initialize } = require('./actions/initializers');\n\nconst api = new Api();\nconst composeEnhancers = process.env.NODE_ENV === 'production'\n ? compose\n : window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\nconst store = createStore(\n rootReducer,\n composeEnhancers(applyMiddleware(thunk.withExtraArgument({ api }))),\n);\n\nstore.dispatch(initialize(store));\n\nReactDOM.render(\n