fix(platform): correct behavior for isApple util (#946)

libs/platform/src/constants.ts

@@ -0,0 +1,2 @@
+export const WA_SAFARI_REG_EXP = /^((?!chrome|android).)*safari/i;
+export const WA_IOS_REG_EXP = /ipad|iphone|ipod|mac/i;

libs/platform/src/index.ts

@@ -1,3 +1,4 @@
+export * from './constants';
 export * from './is-android';
 export * from './is-apple';
 export * from './is-edge';

libs/platform/src/is-apple.ts

@@ -1,13 +1,6 @@
-/**
- * @description:
- * All Chrome / Chromium-based browsers will return MacIntel on macOS,
- * no matter what the hardware architecture is. See the source code here:
- * https://source.chromium.org/chromium/chromium/src/+/master:third_party/blink/renderer/core/frame/navigator_id.cc;l=64;drc=703d3c472cf27470dad21a3f2c8972aca3732cd6
- * But maybe in future years, it will be changed to MacM1
- *
- * Documentation:
- * https://developer.mozilla.org/en-US/docs/Web/API/Navigator/platform
- */
+import {WA_SAFARI_REG_EXP} from './constants';
+import {isIos} from './is-ios';
+
 export function isApple(navigator: Navigator): boolean {
-    return navigator.platform.startsWith('Mac') || navigator.platform === 'iPhone';
+    return isIos(navigator) || WA_SAFARI_REG_EXP.test(navigator.userAgent);
 }

libs/platform/src/is-ios.ts

@@ -1,15 +1,10 @@
 import {inject, InjectionToken} from '@angular/core';
 import {WA_NAVIGATOR} from '@ng-web-apis/common';
 
-import {isApple} from './is-apple';
+import {WA_IOS_REG_EXP as ios, WA_SAFARI_REG_EXP as safari} from './constants';
 
-const IOS_REG_EXP = /ipad|iphone|ipod/;
-
-export function isIos(navigator: Navigator): boolean {
-    return (
-        IOS_REG_EXP.test(navigator.userAgent.toLowerCase()) ||
-        (isApple(navigator) && navigator.maxTouchPoints > 1)
-    );
+export function isIos({userAgent, maxTouchPoints}: Navigator): boolean {
+    return ios.test(userAgent) || (safari.test(userAgent) && maxTouchPoints > 1);
 }
 
 export const WA_IS_IOS = new InjectionToken<boolean>('', {