@originallyus/feedback-rn-sdk 4.0.0-beta.6 → 4.0.0-beta.7

package/src/utils/common.ts

@@ -1,241 +0,0 @@
-import {Dimensions, I18nManager, Platform, Settings, NativeModules} from 'react-native'
-
-const isExpo = !NativeModules || Object.keys(NativeModules).length === 0 || !NativeModules.RNDeviceInfo
-
-type DeviceInfoLike = {
-	getUniqueId: () => string | Promise<string>
-	getSystemVersion: () => string | Promise<string>
-	getVersion: () => string | Promise<string>
-	getBuildNumber: () => string | Promise<string>
-	getModel: () => string | Promise<string>
-	getBundleId: () => string | Promise<string>
-	getManufacturer: () => string | Promise<string>
-	getDeviceType: () => string | Promise<string>
-	getDeviceId: () => string | Promise<string>
-	getBrand: () => string | Promise<string>
-	isTablet: () => boolean
-}
-
-let DeviceInfo: DeviceInfoLike = {
-	getUniqueId: function getUniqueIdDefault() {
-		return ''
-	},
-	getSystemVersion: function getSystemVersionDefault() {
-		return ''
-	},
-	getVersion: function getVersionDefault() {
-		return ''
-	},
-	getBuildNumber: function getBuildNumberDefault() {
-		return ''
-	},
-	getModel: function getModelDefault() {
-		return ''
-	},
-	getBundleId: function getBundleIdDefault() {
-		return ''
-	},
-	getManufacturer: function getManufacturerDefault() {
-		return ''
-	},
-	getDeviceType: function getDeviceTypeDefault() {
-		return ''
-	},
-	getDeviceId: function getDeviceIdDefault() {
-		return ''
-	},
-	getBrand: function getBrandDefault() {
-		return ''
-	},
-	isTablet: function isTabletDefault() {
-		return false
-	},
-}
-
-if (isExpo) {
-	const expoDevice = require('expo-device')
-
-	const expoApplication = require('expo-application')
-
-	DeviceInfo = {
-		getUniqueId: function getUniqueIdForExpo() {
-			if (Platform.OS === 'android') {
-				return expoApplication.getAndroidId()
-			}
-			return expoApplication.getIosIdForVendorAsync()
-		},
-		getSystemVersion: function getSystemVersionForExpo() {
-			return expoDevice.osVersion || ''
-		},
-		getVersion: function getVersionForExpo() {
-			return expoApplication.nativeApplicationVersion || ''
-		},
-		getBuildNumber: function getBuildNumberForExpo() {
-			return expoApplication.nativeBuildVersion || ''
-		},
-		getModel: function getModelForExpo() {
-			return expoDevice.modelName || ''
-		},
-		getBundleId: function getBundleIdForExpo() {
-			return expoApplication.applicationId || ''
-		},
-		getManufacturer: function getManufacturerForExpo() {
-			if (expoDevice.getManufacturerAsync) {
-				return expoDevice.getManufacturerAsync()
-			}
-
-			return expoDevice.manufacturer || ''
-		},
-		getDeviceType: function getDeviceTypeForExpo() {
-			if (expoDevice.deviceType) {
-				return String(expoDevice.deviceType)
-			}
-
-			return ''
-		},
-		getDeviceId: function getDeviceIdForExpo() {
-			if (expoDevice.modelId) {
-				return expoDevice.modelId
-			}
-
-			if (expoDevice.modelName) {
-				return expoDevice.modelName
-			}
-
-			return ''
-		},
-		getBrand: function getBrandForExpo() {
-			return expoDevice.brand || ''
-		},
-		isTablet: function isTabletForExpo() {
-			if (expoDevice.deviceType === 'tablet' || expoDevice.deviceType === 2) {
-				return true
-			}
-
-			return false
-		},
-	}
-}
-if (!isExpo) {
-	const rnDeviceInfo = require('react-native-device-info') as DeviceInfoLike
-	DeviceInfo = rnDeviceInfo
-}
-
-export const isTablet: boolean = DeviceInfo.isTablet()
-const {width, height} = Dimensions.get('window')
-
-export function isObject(value: unknown): value is object {
-	const type = typeof value
-	return value != null && (type === 'object' || type === 'function')
-}
-
-export function sample<T>(array: T[] | null | undefined): T | undefined {
-	const length = array == null ? 0 : array.length
-	const timestampSeconds = Math.floor(Date.now() / 1000)
-	return length && array ? array[timestampSeconds % length] : undefined
-}
-
-export function isNil(value: unknown): value is null | undefined {
-	return value == null
-}
-
-export function w_p(widthVal: number, paddingNumber: number): number {
-	return (paddingNumber / 375) * widthVal
-}
-
-export function w_p21(widthVal: number): number {
-	return (21 / 375) * widthVal
-}
-
-export function w_p16(widthVal: number): number {
-	return (16 / 375) * widthVal
-}
-
-export function h_p21(heightVal: number): number {
-	return (21 / 667) * heightVal
-}
-
-export function h_p16(heightVal: number): number {
-	return (16 / 667) * heightVal
-}
-
-export function getAppWidth(isIntrusive: boolean): number {
-	let appWidth = width
-	if (isTablet) {
-		appWidth = isIntrusive ? 768 : 375
-	}
-	return appWidth
-}
-
-export function getAppHeight(isIntrusive: boolean): number {
-	let appHeight = height
-	if (isTablet) {
-		appHeight = isIntrusive ? (height * 3) / 4 : 450
-	}
-	return appHeight
-}
-
-export const getUniqueID = async (): Promise<string> => {
-	const result = DeviceInfo.getUniqueId()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getSystemVersion = async (): Promise<string> => {
-	const result = DeviceInfo.getSystemVersion()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getVersion = async (): Promise<string> => {
-	const result = DeviceInfo.getVersion()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getBuildNumber = async (): Promise<string> => {
-	const result = DeviceInfo.getBuildNumber()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getModel = async (): Promise<string> => {
-	const result = DeviceInfo.getModel()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getBundleId = async (): Promise<string> => {
-	const result = DeviceInfo.getBundleId()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getManufacturer = async (): Promise<string> => {
-	const result = DeviceInfo.getManufacturer()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getDeviceType = async (): Promise<string> => {
-	const result = DeviceInfo.getDeviceType()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getDeviceId = async (): Promise<string> => {
-	const result = DeviceInfo.getDeviceId()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getBrand = async (): Promise<string> => {
-	const result = DeviceInfo.getBrand()
-	return typeof result === 'object' ? await result : result
-}
-
-export const getLocale = async (): Promise<string> => {
-	let currentLocale = 'en'
-
-	if (Platform.OS === 'ios') {
-		const settings = Settings.get('AppleLocale') as string | undefined
-		const locale = settings
-		if (locale) currentLocale = typeof locale === 'string' ? locale : String(locale)
-	} else {
-		const locale = I18nManager.getConstants().localeIdentifier
-		if (locale) currentLocale = locale
-	}
-
-	return currentLocale
-}

package/src/utils/constants.ts

@@ -1,60 +0,0 @@
-// Brand Colors
-export const PRIMARY_COLOR = 'rgba(224, 8, 66, 1)'
-export const PRESSED_COLOR = 'hsl(344, 92.90%, 38.40%)'
-export const ERROR_COLOR = '#D40C74'
-
-// Background Colors
-export const BG_DEFAULT = '#FFFFFF'
-export const BG_SECONDARY = '#EBEDF3'
-export const BG_DISABLED = 'rgba(224, 224, 224, 1)'
-export const BG_DISABLED_SECONDARY = 'rgba(240, 240, 240, 1)'
-export const BG_BUTTON_SECONDARY = 'rgba(255, 237, 241, 1)'
-
-export const BG_SELECTED = '#ebedf3'
-// Border Colors
-export const BORDER_DEFAULT = '#858b91'
-export const BORDER_SECONDARY = 'rgba(133, 139, 145, 1)'
-export const BORDER_FOCUS = '#082065'
-export const BORDER_SELECTED = '#082065'
-
-// Text Colors
-export const TEXT_DEFAULT = '#082065'
-export const TEXT_DARK = '#000000'
-export const TEXT_WHITE = '#FFFFFF'
-export const TEXT_PLACEHOLDER = '#9E9E9E'
-export const TEXT_NOTE = '#757575'
-export const TEXT_DISABLED = 'rgba(168, 168, 168, 1)'
-
-// Component Specific Colors
-export const COLOR_STAR_NORMAL = '#D0D0D0'
-export const COLOR_STAR_SELECTED = '#F7C926'
-
-export interface InitOptions {
-	language?: string
-	userId?: string | null
-	formSlug?: string
-	debug?: boolean
-	eventTag?: string
-	metadata?: any
-	appSec?: string
-	packageId?: string
-	deviceUuid?: string
-	[key: string]: any
-}
-
-export const OUS_VARS: any = {
-	ratingStars: 0,
-	fonts: null,
-	theme: null,
-	sdkCallbackFunction: null,
-	version: '4.0.0.beta.16', // Aligning with web version for compatibility
-	uuid: '',
-	language: 'en',
-	options: null,
-	ENDPOINTS: ['VlAI2Q1FDHvASMhqTXe0', 'rNwrNi5Iw36epJS9gprO', 'Ij8Ji87IpdZTXSw1kAFV'],
-	API_URL: 'https://aia-dfs.originally.us/backend',
-}
-
-export const xmlsUrl = 'http://www.w3.org/2000/svg'
-export const containerId = 'sdk_view_container'
-export const inlineComponentId = 'sdk_inline_view_container'

package/src/utils/index.ts

@@ -1,167 +0,0 @@
-import {Dimensions, Platform, PixelRatio} from 'react-native'
-
-const randomFrom = <T>(arr: T[]): T | undefined => {
-	return arr.length ? arr[Math.floor(Math.random() * arr.length)] : undefined
-}
-
-const trimLeft = (str: string, charlist?: string): string => {
-	if (!charlist) return str.replace(/^\s+/, '')
-	return str.replace(new RegExp('^[' + charlist + ']+'), '')
-}
-
-const trimRight = (str: string, charlist?: string): string => {
-	if (!charlist) return str.replace(/\s+$/, '')
-	return str.replace(new RegExp('[' + charlist + ']+$'), '')
-}
-
-const trim = (str: string, charlist?: string): string => {
-	if (charlist === undefined || charlist === null || charlist === '') {
-		return str.replace(/^\s+|\s+$/g, '')
-	}
-	return trimLeft(trimRight(str, charlist), charlist)
-}
-
-const sha256 = async (str: string): Promise<string> => {
-	const utf8 = (s: string) => {
-		const out: number[] = []
-		for (let i = 0; i < s.length; i++) {
-			let c = s.charCodeAt(i)
-
-			if (c < 0x80) out.push(c)
-			// eslint-disable-next-line no-bitwise
-			else if (c < 0x800) out.push(0xc0 | (c >> 6), 0x80 | (c & 0x3f))
-			// eslint-disable-next-line no-bitwise
-			else if (c < 0xd800 || c >= 0xe000) out.push(0xe0 | (c >> 12), 0x80 | ((c >> 6) & 0x3f), 0x80 | (c & 0x3f))
-			else {
-				// eslint-disable-next-line no-bitwise
-				c = 0x10000 + (((c & 0x3ff) << 10) | (s.charCodeAt(++i) & 0x3ff))
-				// eslint-disable-next-line no-bitwise
-				out.push(0xf0 | (c >> 18), 0x80 | ((c >> 12) & 0x3f), 0x80 | ((c >> 6) & 0x3f), 0x80 | (c & 0x3f))
-			}
-		}
-		return new Uint8Array(out)
-	}
-
-	// eslint-disable-next-line no-bitwise
-	const rotr = (n: number, b: number) => (n >>> b) | (n << (32 - b))
-	// eslint-disable-next-line no-bitwise
-	const sig0 = (x: number) => rotr(x, 2) ^ rotr(x, 13) ^ rotr(x, 22)
-	// eslint-disable-next-line no-bitwise
-	const sig1 = (x: number) => rotr(x, 6) ^ rotr(x, 11) ^ rotr(x, 25)
-	// eslint-disable-next-line no-bitwise
-	const gam0 = (x: number) => rotr(x, 7) ^ rotr(x, 18) ^ (x >>> 3)
-	// eslint-disable-next-line no-bitwise
-	const gam1 = (x: number) => rotr(x, 17) ^ rotr(x, 19) ^ (x >>> 10)
-	// eslint-disable-next-line no-bitwise
-	const ch = (x: number, y: number, z: number) => (x & y) ^ (~x & z)
-	// eslint-disable-next-line no-bitwise
-	const maj = (x: number, y: number, z: number) => (x & y) ^ (x & z) ^ (y & z)
-
-	const K = new Uint32Array([
-		0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, 0x59f111f1, 0x923f82a4, 0xab1c5ed5, 0xd807aa98,
-		0x12835b01, 0x243185be, 0x550c7dc3, 0x72be5d74, 0x80deb1fe, 0x9bdc06a7, 0xc19bf174, 0xe49b69c1, 0xefbe4786,
-		0x0fc19dc6, 0x240ca1cc, 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da, 0x983e5152, 0xa831c66d, 0xb00327c8,
-		0xbf597fc7, 0xc6e00bf3, 0xd5a79147, 0x06ca6351, 0x14292967, 0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, 0x53380d13,
-		0x650a7354, 0x766a0abb, 0x81c2c92e, 0x92722c85, 0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819,
-		0xd6990624, 0xf40e3585, 0x106aa070, 0x19a4c116, 0x1e376c08, 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a,
-		0x5b9cca4f, 0x682e6ff3, 0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, 0x90befffa, 0xa4506ceb, 0xbef9a3f7,
-		0xc67178f2,
-	])
-
-	const h = new Uint32Array([
-		0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a, 0x510e527f, 0x9b05688c, 0x1f83d9ab, 0x5be0cd19,
-	])
-
-	const m = utf8(str)
-	const l = m.length
-	// eslint-disable-next-line no-bitwise
-	const n = ((l + 8) >> 6) + 1
-	// eslint-disable-next-line no-bitwise
-	const w = new Uint32Array(n << 4)
-
-	for (let i = 0; i < l; i++) {
-		const byte = m[i] ?? 0
-		// eslint-disable-next-line no-bitwise
-		w[i >> 2]! |= byte << (24 - (i % 4) * 8)
-	}
-	// eslint-disable-next-line no-bitwise
-	w[l >> 2]! |= 0x80 << (24 - (l % 4) * 8)
-	// eslint-disable-next-line no-bitwise
-	w[(n << 4) - 1] = l * 8
-
-	// eslint-disable-next-line no-bitwise
-	for (let i = 0; i < n << 4; i += 16) {
-		const W = new Uint32Array(64)
-		for (let t = 0; t < 16; t++) W[t] = w[i + t]!
-		for (let t = 16; t < 64; t++) W[t] = (gam1(W[t - 2]!) + W[t - 7]! + gam0(W[t - 15]!) + W[t - 16]!) | 0
-
-		let [a, b, c, d, e, f, g, hh] = h
-
-		for (let t = 0; t < 64; t++) {
-			// eslint-disable-next-line no-bitwise
-			const t1 = (hh! + sig1(e!) + ch(e!, f!, g!) + K[t]! + W[t]!) | 0
-			// eslint-disable-next-line no-bitwise
-			const t2 = (sig0(a!) + maj(a!, b!, c!)) | 0
-			hh = g
-			g = f
-			f = e
-			// eslint-disable-next-line no-bitwise
-			e = (d! + t1) | 0
-			d = c
-			c = b
-			b = a
-			// eslint-disable-next-line no-bitwise
-			a = (t1 + t2) | 0
-		}
-
-		// eslint-disable-next-line no-bitwise
-		h[0] = (h[0]! + a!) | 0
-		// eslint-disable-next-line no-bitwise
-		h[1] = (h[1]! + b!) | 0
-		// eslint-disable-next-line no-bitwise
-		h[2] = (h[2]! + c!) | 0
-		// eslint-disable-next-line no-bitwise
-		h[3] = (h[3]! + d!) | 0
-		// eslint-disable-next-line no-bitwise
-		h[4] = (h[4]! + e!) | 0
-		// eslint-disable-next-line no-bitwise
-		h[5] = (h[5]! + f!) | 0
-		// eslint-disable-next-line no-bitwise
-		h[6] = (h[6]! + g!) | 0
-		// eslint-disable-next-line no-bitwise
-		h[7] = (h[7]! + hh!) | 0
-	}
-
-	return Array.from(h)
-		.map(x => (x >>> 0).toString(16).padStart(8, '0'))
-		.join('')
-}
-
-const sigma256 = async (apiPath: string, timeStamp: number) => {
-	return sha256('∑' + apiPath + (timeStamp + 2272) + '∆')
-}
-
-const copyright256 = async (apiPath: string, timeStamp: number) => {
-	return sha256('©' + apiPath + (timeStamp + 5524) + '®')
-}
-
-const delay = (ms: number) => {
-	return new Promise(resolve => setTimeout(resolve, ms))
-}
-
-export {delay, randomFrom, trim, trimLeft, trimRight, sigma256, copyright256, sha256}
-
-export var {width: SCREEN_WIDTH, height: SCREEN_HEIGHT} = Dimensions.get('window')
-
-// based on iPhone 8's scale
-const wscale: number = SCREEN_WIDTH / 375
-const hscale: number = SCREEN_HEIGHT / 667
-
-export default function normalize(size: number, based: 'width' | 'height' = 'width') {
-	const newSize = based === 'height' ? size * hscale : size * wscale
-	if (Platform.OS === 'ios') {
-		return Math.round(PixelRatio.roundToNearestPixel(newSize))
-	} else {
-		return Math.round(PixelRatio.roundToNearestPixel(newSize)) - 2
-	}
-}

package/src/utils/networking.ts

@@ -1,134 +0,0 @@
-import {Platform} from 'react-native'
-import '@/utils' // load prototype extensions
-import {OUS_VARS, type InitOptions} from '@/utils/constants'
-import {sha256, sigma256, copyright256} from '@/utils'
-
-export interface CustomFetchParams {
-	_shouldRetry: boolean
-	_url: string
-	_data: any
-	_callback: (response: any) => void
-	options?: InitOptions
-}
-
-var ousFeedbackSdkTimestampDelta: number | null = null
-
-const customFetch = async ({_shouldRetry, _url, _data, _callback, options}: CustomFetchParams) => {
-	const currentOptions = options || OUS_VARS.options
-	if (!currentOptions) {
-		console.warn('FeedbackSDK Error', 'Missing initialization options')
-		return
-	}
-	if (!currentOptions.appSec) {
-		console.warn('FeedbackSDK Error', 'Code 298761: missing credential appSec')
-		return
-	}
-
-	let packageId = currentOptions.packageId || currentOptions.pakageId
-	if (!packageId) {
-		console.error('FeedbackSDK Error', 'Code 289769: missing packageId')
-	}
-
-	const mandatoryHeaders = new Headers()
-	mandatoryHeaders.set('x-app-sec', currentOptions.appSec || '')
-	mandatoryHeaders.set('x-package-id', packageId || '')
-	mandatoryHeaders.set('x-sdk-platform', Platform.OS)
-	mandatoryHeaders.set('x-device-uuid', currentOptions.deviceUuid || OUS_VARS.uuid || '')
-	mandatoryHeaders.set('x-version', OUS_VARS.version || '')
-	mandatoryHeaders.set('x-lang', currentOptions.language || OUS_VARS.language || 'en')
-	mandatoryHeaders.set('x-app-user-id', currentOptions.userId || '')
-	// TODO: add x-app-user-id mode debug
-	if (currentOptions.debug) {
-		mandatoryHeaders.set('x-debug', '1')
-	}
-	mandatoryHeaders.set('content-type', 'application/json')
-
-	if (currentOptions.debug) {
-		console.log('Feedback SDK Headers:', JSON.stringify(Object.fromEntries((mandatoryHeaders as any).entries())))
-	}
-
-	var api_path = _url
-	if (!api_path) {
-		console.error("Feedback SDK: Invalid 'api_path' ", api_path)
-		return
-	}
-
-	// remove leading and trailing slashes from the api path
-	api_path = `${api_path}`.replace(/^\/+|\/+$/g, '')
-
-	// Random endpoint selection
-	const randomEndpoint = Array.isArray(OUS_VARS.ENDPOINTS)
-		? OUS_VARS.ENDPOINTS[Math.floor(Math.random() * OUS_VARS.ENDPOINTS.length)]
-		: OUS_VARS.ENDPOINTS.random()
-	var url = `${OUS_VARS.API_URL}/${randomEndpoint}`
-
-	// Calculate server timestamp
-	const device_timestamp = Math.round(new Date().getTime() / 1000)
-	const server_timestamp = device_timestamp - (ousFeedbackSdkTimestampDelta || 0)
-
-	// Hashed of server clock
-	const x_server_timestamp = await sha256('Ω' + server_timestamp + '994')
-
-	// Hash the API paths
-	if (!url.includes(api_path)) {
-		const evenTime = Math.floor(Math.random() * 10) % 2
-		const hashAlgorithm = evenTime ? sigma256 : copyright256
-		api_path = await hashAlgorithm(api_path, server_timestamp)
-	}
-
-	mandatoryHeaders.set('last-modify', `${server_timestamp}`)
-	mandatoryHeaders.set('if-non-matched', `${x_server_timestamp}`)
-	mandatoryHeaders.set('if-matched', `${api_path}`)
-
-	try {
-		const response = await fetch(url, {
-			method: 'POST',
-			headers: mandatoryHeaders,
-			body: JSON.stringify(_data),
-		})
-
-		if (!response.ok) {
-			console.error('Feedback SDK: Network error', response.status)
-			_callback(null)
-			return null
-		}
-
-		const res = await response.json()
-		if (!res) {
-			console.error('Feedback SDK: Network error - empty response')
-			_callback(null)
-			return null
-		}
-
-		// Sync with server timestamp
-		if (res && res.timestamp) {
-			const tmp_device_timestamp = Math.round(new Date().getTime() / 1000)
-			const tmp_server_timestamp = res.timestamp
-			ousFeedbackSdkTimestampDelta = tmp_device_timestamp - tmp_server_timestamp
-		}
-
-		// Local timestamp is wrong, sync & call again
-		if (res && _shouldRetry) {
-			var isTimingError = res['🍩'] || res['🎧'] || res['\ud83c\udf69'] || res['\ud83c\udfa7']
-			if (isTimingError) {
-				customFetch({
-					_shouldRetry: false,
-					_url: _url,
-					_data: _data,
-					_callback: _callback,
-					options: options,
-				})
-				return
-			}
-		}
-
-		_callback(res)
-	} catch (error) {
-		console.error('FeedbackSDK Error', error)
-		_callback(null)
-		return null
-	}
-	return
-}
-
-export {customFetch}