\r\n {items}\r\n \r\n );\r\n};\r\n","import React, { useState, useCallback } from \"react\";\r\nimport ContentLoader from \"react-content-loader\";\r\n\r\nconst UserSubscriptionLoaderTemplate = (props) => {\r\n const [loaderWidth, setLoaderWidth] = useState(0);\r\n\r\n const ref = useCallback((node) => {\r\n if (node !== null) setLoaderWidth(node.getBoundingClientRect().width);\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n {props.formLoader ? (\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 \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 \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\r\nexport default UserSubscriptionLoaderTemplate;\r\n","import React from \"react\";\r\nimport { PropTypes } from \"prop-types\";\r\nimport { MrbFieldSelect } from \"mrb/components/select\";\r\nimport { MrbFieldNumericInput } from \"mrb/components/input\";\r\nimport { dateFormatter } from \"mrb/common/formatting\";\r\nimport { applicationDefaults, subscriptionPlans, subscriptionStatuses } from \"common/constants\";\r\nimport { isSubscriptionBundle } from \"common/utils\";\r\nimport { MrbContentLoader } from \"mrb/components/loader\";\r\nimport { UserSubscriptionLoader } from \"administration/user/components\";\r\nimport {\r\n SubscriptionPrice,\r\n NakiRadioPremiumBadge,\r\n NakiNigunPremiumBadge,\r\n NakiRadioFreeBadge,\r\n} from \"application/payment/components\";\r\nimport { MrbButton } from \"mrb/components/button\";\r\nimport { mergeCss } from \"mrb/common/utils\";\r\nimport { observer } from \"mobx-react\";\r\nimport { isNil } from \"lodash\";\r\n\r\nfunction AdminUserSubscriptionSettingsTemplate({ adminUserSubscriptionSettingsViewStore, t }) {\r\n const { subscriptionSelectStore, cycleSelectStore, paidSubscriptionExist, isFormDisabled, form, loaderStore } =\r\n adminUserSubscriptionSettingsViewStore;\r\n\r\n return (\r\n }>\r\n {() => (\r\n \r\n {paidSubscriptionExist ? (\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 \r\n
\r\n
\r\n
\r\n
\r\n
\r\n )}\r\n
\r\n {activeSubscription && (\r\n
\r\n )}\r\n {!isSubscriptionBundle(activeSubscription.product.category) && pendingSubscription ? (\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n ) : null}\r\n
\r\n
\r\n
\r\n
\r\n {premiumBadge}\r\n
\r\n
{subscription.product.name}
\r\n
\r\n {isTrial || subscription.amount === 0 ? (\r\n Free\r\n ) : (\r\n \r\n )}\r\n
\r\n
\r\n {subscription.subscriptionStatus.name}\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n
\r\n {subscription.isInternal && (\r\n
\r\n
Internally activated subscription
\r\n
\r\n )}\r\n {isSubscriptionBundle(subscription.product.category) && (\r\n
\r\n
Subscription Bundle
\r\n
\r\n )}\r\n {subscription.startDate && (\r\n
\r\n
Start Date:\r\n\r\n
\r\n {dateFormatter.format(subscription.startDate, {\r\n format: applicationDefaults.formats.date,\r\n })}\r\n
\r\n
\r\n )}\r\n
\r\n {isNil(subscription.endDate) ? (\r\n
\r\n {!isNil(subscription.nextBillingDate) && (\r\n \r\n \r\n {isPremiumSubscriptionTrial\r\n ? \"Start Billing Date:\"\r\n : \"Next Billing Date:\"}\r\n \r\n \r\n {dateFormatter.format(subscription.nextBillingDate, {\r\n format: applicationDefaults.formats.date,\r\n })}\r\n
\r\n \r\n )}\r\n \r\n ) : (\r\n
\r\n \r\n {isSubscriptionBundle(subscription.product.category)\r\n ? \"End of Obligated Period:\"\r\n : \"End Date:\"}\r\n \r\n \r\n {dateFormatter.format(subscription.endDate, {\r\n format: applicationDefaults.formats.date,\r\n })}\r\n
\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n {subscription.isInternal && (\r\n \r\n )}\r\n {isSubscriptionBundle(subscription.product.category) && (\r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
{item.deviceName}
\r\n
\r\n {t(\"ADMINISTRATION.USER.USER_DEVICES.ITEM.CONNECTED\")}:{\" \"}\r\n {dateFormatter.format(item.dateCreated, {\r\n format: applicationDefaults.formats.date,\r\n })}\r\n
\r\n
\r\n
\r\n {item.device.systemType.abrv === nakiRadioSystemTypes.venice ? (\r\n
{\r\n event.preventDefault();\r\n event.stopPropagation();\r\n toggleIsDisabled(item, !item.isDisabled);\r\n }}\r\n />\r\n ) : (\r\n Mobile device
\r\n )}\r\n \r\n
\r\n
{t(\"ADMINISTRATION.USER.PASSWORD_CHANGE.TITLE\")}
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n {item.title}\r\n {item.isPremium && }\r\n
\r\n
\r\n Exp. Date\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
(\r\n \r\n )}\r\n classNameOverride=\"c-card--list\"\r\n store={gridStore}\r\n t={t}\r\n cellRender={(props) => (\r\n \r\n )}\r\n />\r\n \r\n
\r\n {`${item.title}${\r\n !isEmpty(item.podcastGroupTitle)\r\n ? ` ${item.podcastGroupTitle}`\r\n : \"\"\r\n }`}\r\n {item.isPremium && (\r\n \r\n )}\r\n
\r\n
\r\n Exp. Date\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n
(\r\n \r\n )}\r\n classNameOverride=\"c-card--list\"\r\n store={gridStore}\r\n t={t}\r\n cellRender={(props) => (\r\n \r\n )}\r\n />\r\n \r\n \r\n {selectedOption.label}\r\n
\r\n );\r\n}\r\n\r\nDeviceSelectValue.propTypes = {\r\n selectedOption: PropTypes.object,\r\n};\r\n\r\nexport default UserDeviceSettingsTabHeadersTemplate;\r\n","import React from \"react\";\r\nimport { PropTypes } from \"prop-types\";\r\nimport {\r\n StationDeviceCell,\r\n UserListEmptyState,\r\n} from \"administration/user/components\";\r\nimport { MrbGrid } from \"mrb/components/grid\";\r\nimport { MrbQuerySearchInput } from \"mrb/components/input\";\r\nimport { MrbLineContentLoader } from \"mrb/components/loader\";\r\n\r\nfunction StationDeviceTemplate({ stationDeviceViewStore, t }) {\r\n const { gridStore, queryUtility } = stationDeviceViewStore;\r\n return (\r\n \r\n
\r\n \r\n
\r\n
(\r\n \r\n )}\r\n classNameOverride=\"test\"\r\n store={gridStore}\r\n t={t}\r\n cellRender={(props) => (\r\n \r\n )}\r\n />\r\n \r\n
\r\n {item.title}\r\n {item.isPremium && (\r\n \r\n )}\r\n
\r\n
\r\n toggleIsTurnedOn(event.target.checked)}\r\n />\r\n
\r\n
\r\n
\r\n \r\n
\r\n
(\r\n \r\n )}\r\n classNameOverride=\"test\"\r\n store={gridStore}\r\n t={t}\r\n cellRender={(props) => (\r\n \r\n )}\r\n />\r\n \r\n
\r\n {item.title}\r\n {item.isPremium && }\r\n
\r\n
\r\n toggleIsTurnedOn(event.target.checked)}\r\n />\r\n
\r\n
\r\n
\r\n
No results found
\r\n
Try adjusting your search to find what you are looking for.
\r\n
\r\n
\r\n
The user doesn't have any connected device
\r\n
Station and podcasts with default settings will be used.
\r\n
\r\n Go back\r\n \r\n \r\n \r\n
\r\n \r\n {item.deviceName}\r\n {item.isDisabled && (\r\n
Disabled
\r\n )}\r\n
\r\n
Device Downtime
\r\n \r\n \r\n \r\n
\r\n
\r\n {renderDowntimeDays(form.$(\"prohibitedTime\"), disableEntireDay, isAllDayChecked)}\r\n
\r\n\r\n
\r\n {renderDowntimeGrid(form.$(\"prohibitedTime\"), dayHours)}\r\n
\r\n
\r\n
\r\n {dayField.map((timeField) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n })}\r\n
\r\n disableEntireDay(dayField.key, event.target.checked)}\r\n />{\" \"}\r\n
\r\n );\r\n })}\r\n \r\n );\r\n}\r\n\r\nfunction renderHeader(dayHours) {\r\n return (\r\n \r\n {map(dayHours, (dayHour) => {\r\n return (\r\n
\r\n {dayHour.name}\r\n
\r\n );\r\n })}\r\n
\r\n {navigateBack ? (\r\n
\r\n \r\n \r\n \r\n {t(navigateBack.title)}\r\n \r\n ) : (\r\n
{t(title)}
\r\n )}\r\n
\r\n \r\n \r\n\r\n \r\n {renderActions(layoutActions)}\r\n
\r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n}\r\n\r\nDeviceEditPageHeaderTemplate.propTypes = {\r\n form: PropTypes.object.isRequired,\r\n onClickCancel: PropTypes.func,\r\n title: PropTypes.string,\r\n layoutActions: PropTypes.object,\r\n navigationOptions: PropTypes.object,\r\n navigateBack: PropTypes.object,\r\n t: PropTypes.func,\r\n submitLabel: PropTypes.string,\r\n cancelLabel: PropTypes.string,\r\n store: PropTypes.object.isRequired,\r\n};\r\n\r\nconst EditPageActions = observer(function EditPageActions({\r\n form,\r\n onClickCancel,\r\n submitLabel = \"Save\",\r\n cancelLabel = \"Cancel\",\r\n t,\r\n}) {\r\n return (\r\n \r\n {onClickCancel && isFunction(onClickCancel) && (\r\n \r\n )}{\" \"}\r\n \r\n \r\n );\r\n});\r\n\r\nEditPageActions.propTypes = {\r\n form: PropTypes.object.isRequired,\r\n onClickCancel: PropTypes.func,\r\n submitLabel: PropTypes.string,\r\n cancelLabel: PropTypes.string,\r\n t: PropTypes.func,\r\n};\r\n\r\nconst UnsavedChangesValidation = observer(\r\n function UnsavedChangesValidation({ store, t }) {\r\n return (\r\n store.isFormChanged && (\r\n \r\n
\r\n {t(\r\n \"APPLICATION.DEVICE_SETTINGS.EDIT.VALIDATION.DEVICE_CHANGED\"\r\n )}\r\n
\r\n