Android

.github/workflows/build-android.yml

@@ -129,9 +129,8 @@ jobs:
           packageName: com.remoteit
           releaseFiles: ./android/app/build/outputs/bundle/release/app-release.aab
           track: internal
-          status: inProgress
+          status: completed
           inAppUpdatePriority: 0
-          userFraction: 0.2
           changesNotSentForReview: true
           # whatsNewDirectory: distribution/whatsnew
           # mappingFile: app/build/outputs/mapping/release/mapping.txt

android/app/build.gradle

@@ -13,8 +13,8 @@ android {
         applicationId "com.remoteit"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 287
-        versionName "3.41.0"
+        versionCode 288
+        versionName "3.42.0"
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
         aaptOptions {
              // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps.

electron/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remoteit",
-  "version": "3.41.0",
+  "version": "3.42.0",
   "private": true,
   "main": "build/index.js",
   "description": "Remote.It cross platform desktop application for creating and hosting connections",

frontend/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remoteit-desktop-frontend",
-  "version": "3.41.0",
+  "version": "3.42.0",
   "private": true,
   "type": "module",
   "scripts": {

frontend/src/components/LicensingNoticeDisplay.tsx

@@ -8,6 +8,7 @@ import { Timestamp } from './Timestamp'
 import { Notice } from './Notice'
 import { Link } from './Link'
 import { Icon } from './Icon'
+import { MobileUI } from './MobileUI'
 
 type Props = {
   noticeType: string
@@ -29,11 +30,13 @@ export const LicensingNoticeDisplay: React.FC<Props> = ({ noticeType, license, s
 
   const UpgradeButton = (
     <>
-      <Link to="/account/plans">
-        <Button color="primary" variant="contained" size="small">
-          Upgrade
-        </Button>
-      </Link>
+      <MobileUI android hide>
+        <Link to="/account/plans">
+          <Button color="primary" variant="contained" size="small">
+            Upgrade
+          </Button>
+        </Link>
+      </MobileUI>
       <Tooltip title="Close">
         <IconButton onClick={onClose}>
           <Icon name="times" size="md" color="primary" />
@@ -49,7 +52,10 @@ export const LicensingNoticeDisplay: React.FC<Props> = ({ noticeType, license, s
         <Notice severity="warning" button={UpgradeButton}>
           {title} has expired.
           <em>
-            Please upgrade your license. <Link to="/account/plans">Learn more.</Link>
+            Please upgrade your license.{' '}
+            <MobileUI android hide>
+              <Link to="/account/plans">Learn more.</Link>
+            </MobileUI>
           </em>
         </Notice>
       )
@@ -59,7 +65,10 @@ export const LicensingNoticeDisplay: React.FC<Props> = ({ noticeType, license, s
         <Notice severity="error">
           {title} is past due.
           <em>
-            Please update your payment method. <Link to="/account/plans">Learn more.</Link>
+            Please update your payment method.{' '}
+            <MobileUI android hide>
+              <Link to="/account/plans">Learn more.</Link>
+            </MobileUI>
           </em>
         </Notice>
       )
@@ -70,7 +79,11 @@ export const LicensingNoticeDisplay: React.FC<Props> = ({ noticeType, license, s
         <Notice severity="warning">
           {title} is incomplete.
           <em>
-            Please <Link to="/account/plans">update your payment information </Link> to continue service.
+            Please{' '}
+            <MobileUI android hide>
+              <Link to="/account/plans">update your payment information </Link>
+            </MobileUI>{' '}
+            to continue service.
           </em>
         </Notice>
       )
@@ -80,7 +93,10 @@ export const LicensingNoticeDisplay: React.FC<Props> = ({ noticeType, license, s
         <Notice severity="warning" button={UpgradeButton}>
           {title} has been canceled.
           <em>
-            Please please check. <Link to="/account/plans">Learn more.</Link>
+            Please please check.{' '}
+            <MobileUI android hide>
+              <Link to="/account/plans">Learn more.</Link>
+            </MobileUI>
           </em>
         </Notice>
       )
@@ -91,7 +107,9 @@ export const LicensingNoticeDisplay: React.FC<Props> = ({ noticeType, license, s
           {title} <LicensingTitle count={serviceLimit?.value} />
           <em>
             You have exceeded your limit by {serviceLimit?.actual - serviceLimit?.value}.{' '}
-            <Link to="/account/plans">Learn more.</Link>
+            <MobileUI android hide>
+              <Link to="/account/plans">Learn more.</Link>
+            </MobileUI>
           </em>
         </Notice>
       )

frontend/src/components/LicensingServiceNotice.tsx

@@ -6,6 +6,7 @@ import { useSelector } from 'react-redux'
 import { Button } from '@mui/material'
 import { Notice } from './Notice'
 import { Link } from './Link'
+import { MobileUI } from './MobileUI'
 
 type Props = { device?: IDevice; license?: ILicense }
 
@@ -25,17 +26,21 @@ export const LicensingServiceNotice: React.FC<Props> = props => {
       <Notice
         severity="warning"
         button={
-          <Link to="/account/plans">
-            <Button color="primary" variant="contained" size="small">
-              Upgrade
-            </Button>
-          </Link>
+          <MobileUI android hide>
+            <Link to="/account/plans">
+              <Button color="primary" variant="contained" size="small">
+                Upgrade
+              </Button>
+            </Link>
+          </MobileUI>
         }
       >
         {title} <LicensingTitle count={serviceLimit?.value} />
         <em>
           This service will be accessible for {humanizeDays(evaluationLimit?.value)}, unless you upgrade your license.
-          <Link to="/account/plans">Learn more.</Link>
+          <MobileUI android hide>
+            <Link to="/account/plans">Learn more.</Link>
+          </MobileUI>
         </em>
       </Notice>
     )

frontend/src/components/MobileUI.tsx

@@ -13,8 +13,8 @@ type Props = {
 export const MobileUI: React.FC<Props> = ({ ios, android, hide, children }) => {
   let mobile = useMediaQuery(`(max-width:${MOBILE_WIDTH}px)`)
 
-  if (android) mobile = mobile && browser.isAndroid
-  if (ios) mobile = mobile && browser.isIOS
+  if (android) mobile = mobile || browser.isAndroid
+  if (ios) mobile = mobile || browser.isIOS
   if (hide) mobile = !mobile
 
   return mobile ? <>{children}</> : null

frontend/src/components/PlanActionChip.tsx

@@ -11,6 +11,7 @@ import { selectRemoteitLicense } from '../selectors/organizations'
 import { State } from '../store'
 import { ColorChip, Props as ChipProps } from './ColorChip'
 import { useHistory } from 'react-router-dom'
+import { MobileUI } from './MobileUI'
 
 export const PlanActionChip: React.FC<ChipProps> = ({ ...props }) => {
   const license = useSelector((state: State) => selectRemoteitLicense(state))
@@ -36,5 +37,9 @@ export const PlanActionChip: React.FC<ChipProps> = ({ ...props }) => {
       return null
   }
 
-  return <ColorChip {...props} size="small" onClick={() => history.push('/account/plans')} />
+  return (
+    <MobileUI android hide>
+      <ColorChip {...props} size="small" onClick={() => history.push('/account/plans')} />
+    </MobileUI>
+  )
 }

frontend/src/components/UpgradeBanner.tsx

@@ -6,6 +6,7 @@ import { useSelector } from 'react-redux'
 import { ColorChip } from './ColorChip'
 import { Notice } from './Notice'
 import { Box } from '@mui/material'
+import { MobileUI } from './MobileUI'
 
 export const UpgradeBanner: React.FC = () => {
   const plan = useSelector(selectPlan)
@@ -14,9 +15,11 @@ export const UpgradeBanner: React.FC = () => {
     <Notice gutterBottom>
       Access premium features & support
       <Box marginTop={1.4}>
-        <Link to="/account/plans">
-          <ColorChip size="small" variant="contained" color="primary" label="Upgrade Plan" />
-        </Link>
+        <MobileUI android hide>
+          <Link to="/account/plans">
+            <ColorChip size="small" variant="contained" color="primary" label="Upgrade Plan" />
+          </Link>
+        </MobileUI>
       </Box>
     </Notice>
   )

frontend/src/components/UpgradeNotice.tsx

@@ -7,6 +7,7 @@ import { selectLimits } from '../selectors/organizations'
 import { useSelector, useDispatch } from 'react-redux'
 import { State, Dispatch } from '../store'
 import { Pre } from './Pre'
+import { MobileUI } from './MobileUI'
 
 const oneWeek = 1000 * 60 * 60 * 24 * 7
 
@@ -32,11 +33,13 @@ export const UpgradeNotice: React.FC<React.HTMLAttributes<HTMLDivElement>> = ()
         severity="warning"
         onClose={() => dispatch.ui.setPersistent({ updateNoticeCleared: Date.now() })}
         button={
-          <Link to="/account/plans">
-            <Button variant="contained" color="warning" size="small">
-              Upgrade
-            </Button>
-          </Link>
+          <MobileUI android hide>
+            <Link to="/account/plans">
+              <Button variant="contained" color="warning" size="small">
+                Upgrade
+              </Button>
+            </Link>
+          </MobileUI>
         }
       >
         {message}

frontend/src/pages/CustomerPage.tsx

@@ -10,6 +10,7 @@ import { FormDisplay } from '../components/FormDisplay'
 import { Container } from '../components/Container'
 import { Avatar } from '../components/Avatar'
 import { Title } from '../components/Title'
+import { MobileUI } from '../components/MobileUI'
 
 export const CustomerPage: React.FC = () => {
   const { userID = '' } = useParams<{ userID: string }>()
@@ -44,9 +45,11 @@ export const CustomerPage: React.FC = () => {
     >
       <Typography variant="subtitle1" marginRight={3}>
         <Title>License</Title>
-        <Button to={`/organization/customer/${userID}/plans`} size="small" variant="contained" component={Link}>
-          Update Plan
-        </Button>
+        <MobileUI android hide>
+          <Button to={`/organization/customer/${userID}/plans`} size="small" variant="contained" component={Link}>
+            Update Plan
+          </Button>
+        </MobileUI>
       </Typography>
       <LicensingSetting licenses={license ? [{ ...license, limits }] : []} />
       <FormDisplay

frontend/src/pages/OrganizationAddPage.tsx

@@ -13,6 +13,7 @@ import { ColorChip } from '../components/ColorChip'
 import { Gutters } from '../components/Gutters'
 import { Notice } from '../components/Notice'
 import { Title } from '../components/Title'
+import { MobileUI } from '../components/MobileUI'
 
 export const OrganizationAddPage = () => {
   const organization = useSelector(selectOrganization)
@@ -74,9 +75,17 @@ export const OrganizationAddPage = () => {
             <Notice
               severity="warning"
               button={
-                <Link to="/account/plans">
-                  <ColorChip sx={{ marginTop: 1.4 }} size="small" variant="contained" color="warning" label="Upgrade" />
-                </Link>
+                <MobileUI android hide>
+                  <Link to="/account/plans">
+                    <ColorChip
+                      sx={{ marginTop: 1.4 }}
+                      size="small"
+                      variant="contained"
+                      color="warning"
+                      label="Upgrade"
+                    />
+                  </Link>
+                </MobileUI>
               }
               fullWidth
             >

frontend/src/pages/OrganizationRolesPage.tsx

@@ -43,14 +43,16 @@ export const OrganizationRolesPage: React.FC = () => {
       {!limits.roles && (
         <Notice severity="info" gutterTop>
           Upgrade your plan to Business to add custom roles.
-          <Button
-            variant="contained"
-            size="small"
-            onClick={() => history.push('/account/plans')}
-            sx={{ display: 'block', marginTop: 1, marginBottom: 1 }}
-          >
-            Upgrade
-          </Button>
+          <MobileUI android hide>
+            <Button
+              variant="contained"
+              size="small"
+              onClick={() => history.push('/account/plans')}
+              sx={{ display: 'block', marginTop: 1, marginBottom: 1 }}
+            >
+              Upgrade
+            </Button>
+          </MobileUI>
         </Notice>
       )}
       <Typography variant="subtitle1">

ios/App/App.xcodeproj/project.pbxproj

@@ -352,15 +352,15 @@
 				CODE_SIGN_IDENTITY = "Apple Development";
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 140;
+				CURRENT_PROJECT_VERSION = 141;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = NR6A6NQAYW;
 				INFOPLIST_FILE = App/Info.plist;
 				INFOPLIST_KEY_CFBundleDisplayName = Remote.It;
 				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.utilities";
 				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 3.41.0;
+				MARKETING_VERSION = 3.42.0;
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
 				PRODUCT_BUNDLE_IDENTIFIER = com.remoteit.mobile.ios;
 				PRODUCT_NAME = "$(TARGET_NAME)";
@@ -381,15 +381,15 @@
 				CODE_SIGN_IDENTITY = "Apple Development";
 				"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Distribution";
 				CODE_SIGN_STYLE = Manual;
-				CURRENT_PROJECT_VERSION = 140;
+				CURRENT_PROJECT_VERSION = 141;
 				DEVELOPMENT_TEAM = "";
 				"DEVELOPMENT_TEAM[sdk=iphoneos*]" = NR6A6NQAYW;
 				INFOPLIST_FILE = App/Info.plist;
 				INFOPLIST_KEY_CFBundleDisplayName = Remote.It;
 				INFOPLIST_KEY_LSApplicationCategoryType = "public.app-category.utilities";
 				IPHONEOS_DEPLOYMENT_TARGET = 15.6;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 3.41.0;
+				MARKETING_VERSION = 3.42.0;
 				PRODUCT_BUNDLE_IDENTIFIER = com.remoteit.mobile.ios;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";