@osano/osano-cmp-react-native 0.1.0 → 0.3.0

package/src/views/Drawer/Drawer.Iab.Disclosures.tsx

@@ -17,28 +17,27 @@ import React, {
 	useMemo,
 	useRef,
 } from 'react';
-import {
-	SHOW_IAB_DISCLOSURES,
-	getStack,
-	toggleIabPurposeOptOut,
-} from '../../store';
+import { SHOW_IAB_DISCLOSURES } from '../../actions';
+import { getStack } from '../../selectors';
 
 import Checkbox from '../../components/Checkbox';
 import { Divider } from '../../components/Divider';
 import DrawerHeader from './Drawer.Header';
-import { type IabDisclosureType } from '../../iab/types';
+import type { IabDisclosureType } from '../../iab/types';
 import Locale from '../../components/Locale';
 import { OsanoPrivateContext } from '../../context';
 import Translator from '../../utils/Translator';
 import useBoundCallback from '../../hooks/useBoundCallback';
 import { usePrevious } from '../../hooks/usePrevious';
+import { setPurposeConsent } from '../../iab/tcf/actions';
 
 const IabDisclosureItem: React.FC<
 	IabDisclosureType & { id: number; type: string }
-> = disclosure => {
+> = (disclosure) => {
 	const { id, name, description, descriptionLegal, type, illustrations } =
 		disclosure;
-	const { config, dispatch, locale } = useContext(OsanoPrivateContext);
+	const { config, dispatch, getState, locale } =
+		useContext(OsanoPrivateContext);
 	const { palette } = config || {};
 	const { infoDialogForegroundColor } = palette || {};
 	const drawerForeground = useMemo<StyleProp<TextStyle>>(() => {
@@ -49,14 +48,16 @@ const IabDisclosureItem: React.FC<
 
 	const isRTL = Translator.isRTL(locale);
 
-	const handleValueChange = useCallback(
-		(value: boolean) => {
-			dispatch(toggleIabPurposeOptOut({ id, value }));
+	const handleValueChange = useBoundCallback(
+		(purposeId, acceptOrDeny: boolean) => {
+			dispatch(setPurposeConsent(purposeId, acceptOrDeny));
 		},
-		[id],
+		[id]
 	);
 
-	const checked = config?.isIabPurposeOptedOut(id);
+	const partnerCount = config?.getCountOfVendorsUsingPurpose(type, id) ?? 0;
+
+	const checked = config?.isIabPurposeOptedOut(id, getState() as any);
 
 	return (
 		<View style={{ marginBottom: 16 }}>
@@ -71,6 +72,18 @@ const IabDisclosureItem: React.FC<
 			>
 				<Locale path={name} />
 			</Text>
+			{type === 'purpose' ? (
+				<Text style={[styles.paragraph, styles.listItem, drawerForeground]}>
+					<Locale
+						path={
+							partnerCount !== 1 ? 'iab.partnerCountPlural' : 'iab.partnerCount'
+						}
+						options={{
+							interpolations: { partnerCount: partnerCount.toString() },
+						}}
+					/>
+				</Text>
+			) : null}
 			<Text style={[styles.paragraph, styles.listItem, drawerForeground]}>
 				<Locale path={description} />
 			</Text>
@@ -166,7 +179,7 @@ const ListItemRenderer = ({
 
 const termAssign = (
 	type: string,
-	disclosures: Record<string, IabDisclosureType>,
+	disclosures: Record<string, IabDisclosureType>
 ) =>
 	Object.entries(disclosures).map(([itemId, disclosure]) => ({
 		id: parseInt(itemId, 10),
@@ -218,7 +231,7 @@ export const IabDisclosuresDrawer: React.FC = () => {
 				viewOffset,
 			});
 		},
-		[headerHeight],
+		[headerHeight]
 	);
 
 	const scrollToTop = useBoundCallback((animated: boolean = false) => {
@@ -236,27 +249,36 @@ export const IabDisclosuresDrawer: React.FC = () => {
 		);
 	}, [locale, stack.length]);
 
-	const { purposes, specialPurposes, features, specialFeatures } =
-		useMemo(() => {
-			return {
-				purposes: termAssign(
-					'purpose',
-					translate('iab.purposes') as Record<string, IabDisclosureType>,
-				),
-				specialPurposes: termAssign(
-					'specialPurpose',
-					translate('iab.specialPurposes') as Record<string, IabDisclosureType>,
-				),
-				features: termAssign(
-					'feature',
-					translate('iab.features') as Record<string, IabDisclosureType>,
-				),
-				specialFeatures: termAssign(
-					'specialFeature',
-					translate('iab.specialFeatures') as Record<string, IabDisclosureType>,
-				),
-			};
-		}, [locale]);
+	const {
+		purposes,
+		specialPurposes,
+		features,
+		specialFeatures,
+		dataCategories,
+	} = useMemo(() => {
+		return {
+			purposes: termAssign(
+				'purpose',
+				translate('iab.purposes') as Record<string, IabDisclosureType>
+			),
+			specialPurposes: termAssign(
+				'specialPurpose',
+				translate('iab.specialPurposes') as Record<string, IabDisclosureType>
+			),
+			features: termAssign(
+				'feature',
+				translate('iab.features') as Record<string, IabDisclosureType>
+			),
+			specialFeatures: termAssign(
+				'specialFeature',
+				translate('iab.specialFeatures') as Record<string, IabDisclosureType>
+			),
+			dataCategories: termAssign(
+				'dataCategories',
+				translate('iab.dataCategories') as Record<string, IabDisclosureType>
+			),
+		};
+	}, [locale]);
 
 	const jumpToIndex = useMemo(() => {
 		let idx = -1;
@@ -264,22 +286,22 @@ export const IabDisclosuresDrawer: React.FC = () => {
 			idx = 1; // account for the header
 			switch (scrollToType) {
 				case 'purpose':
-					idx += purposes.findIndex(item => item.id === scrollToId);
+					idx += purposes.findIndex((item) => item.id === scrollToId);
 					break;
 				case 'specialPurpose':
 					idx += purposes.length;
-					idx += specialPurposes.findIndex(item => item.id === scrollToId);
+					idx += specialPurposes.findIndex((item) => item.id === scrollToId);
 					break;
 				case 'feature':
 					idx += purposes.length;
 					idx += specialPurposes.length;
-					idx += features.findIndex(item => item.id === scrollToId);
+					idx += features.findIndex((item) => item.id === scrollToId);
 					break;
 				case 'specialFeature':
 					idx += purposes.length;
 					idx += specialPurposes.length;
 					idx += features.length;
-					idx += specialFeatures.findIndex(item => item.id === scrollToId);
+					idx += specialFeatures.findIndex((item) => item.id === scrollToId);
 					break;
 				default:
 					// scroll to top
@@ -308,8 +330,16 @@ export const IabDisclosuresDrawer: React.FC = () => {
 			...specialPurposes,
 			...features,
 			...specialFeatures,
+			...dataCategories,
 		];
-	}, [purposes, specialPurposes, features, specialFeatures, headerHeight]);
+	}, [
+		purposes,
+		specialPurposes,
+		features,
+		specialFeatures,
+		headerHeight,
+		dataCategories,
+	]);
 
 	const extraData = useMemo(() => {
 		return {};

package/src/views/Drawer/Drawer.Iab.Vendors.tsx

@@ -1,6 +1,5 @@
 import {
 	FlatList,
-	type LayoutChangeEvent,
 	type ListRenderItemInfo,
 	Platform,
 	type StyleProp,
@@ -10,17 +9,9 @@ import {
 	View,
 	type ViewStyle,
 } from 'react-native';
-import {
-	type GvlUrl,
-	type GvlVendor_v2,
-	type GvlVendor_v3,
-} from '../../iab/types';
+import type { GvlUrl, GvlVendor_v2, GvlVendor_v3 } from '../../iab/types';
 import React, { useCallback, useContext, useMemo } from 'react';
-import {
-	SHOW_IAB_DISCLOSURES,
-	getStack,
-	toggleIabVendorOptOut,
-} from '../../store';
+import { getStack } from '../../selectors';
 
 import { Divider } from '../../components/Divider';
 import DrawerHeader from './Drawer.Header';
@@ -30,6 +21,10 @@ import Locale from '../../components/Locale';
 import { OsanoPrivateContext } from '../../context';
 import Toggle from '../../components/Toggle';
 import Translator from '../../utils/Translator';
+import { AcceptAllButton, RejectAllButton } from '../../components/Button';
+import { SHOW_IAB_DISCLOSURES } from '../../actions';
+import useBoundCallback from '../../hooks/useBoundCallback';
+import { setVendorConsent } from '../../iab/tcf/actions';
 
 const determineDataRetention = (
 	purposeDataRetention: Record<string, number>,
@@ -88,7 +83,7 @@ const VendorLinks: React.FC<GvlUrl[]> = (vendorUrls: GvlUrl[]) => {
 		(acc, langUrlSet) => acc.set(langUrlSet.langId, langUrlSet),
 		new Map(),
 	);
-	const urlLang = Translator.fallbackLanguages(locale).find(lang =>
+	const urlLang = Translator.fallbackLanguages(locale).find((lang) =>
 		urlsByLang.has(lang || ''),
 	);
 	const urls = urlLang ? urlsByLang.get(urlLang) : vendorUrls[0];
@@ -121,8 +116,9 @@ const IabVendorDisclosure: React.FC<{
 	onPress?: (id: string | number) => void;
 	purposeId: string | number;
 	type: string;
+	partnerCount?: number;
 	style?: StyleProp<TextStyle>;
-}> = ({ onPress, purposeId, style, type }) => (
+}> = ({ onPress, purposeId, style, type, partnerCount, retention }) => (
 	<View key={purposeId} style={styles.paragraph}>
 		<Text style={{ fontSize: 12 }}>
 			<Link
@@ -130,8 +126,35 @@ const IabVendorDisclosure: React.FC<{
 				onPress={onPress ? () => onPress(purposeId) : undefined}
 			>
 				<Locale path={`iab.${type}.${purposeId}.name`} />
+				{partnerCount !== undefined ? (
+					<>
+						{' ('}
+						<Locale
+							path={
+								partnerCount === 1
+									? 'iab.partnerCount'
+									: 'iab.partnerCountPlural'
+							}
+							options={{
+								interpolations: {
+									partnerCount: partnerCount ? partnerCount.toString() : '0',
+								},
+							}}
+						/>
+						{')'}
+					</>
+				) : null}
 			</Link>
 		</Text>
+		{type !== 'dataCategories' && type !== 'features' ? (
+			<Text style={{ fontSize: 12 }}>
+				-{' '}
+				<Locale
+					path="iab.vendor.dataRetention"
+					options={{ interpolations: { days: retention?.toString() ?? '0' } }}
+				/>
+			</Text>
+		) : null}
 	</View>
 );
 
@@ -159,7 +182,7 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 	} = vendor as GvlVendor_v3;
 
 	const consentOnlyPurposes = purposes.filter(
-		purposeId => !flexiblePurposes.includes(purposeId),
+		(purposeId) => !flexiblePurposes.includes(purposeId),
 	);
 	const purposeMap = useCallback(
 		makePurposeMap(dataRetention as GvlVendor_v3['dataRetention']),
@@ -170,7 +193,8 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 		[],
 	);
 
-	const { config, dispatch, locale } = useContext(OsanoPrivateContext);
+	const { config, dispatch, locale, getState } =
+		useContext(OsanoPrivateContext);
 	const { palette } = config || {};
 	const { infoDialogForegroundColor } = palette || {};
 	const drawerForeground = useMemo<StyleProp<TextStyle>>(() => {
@@ -182,12 +206,11 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 	const isRTL = Translator.isRTL(locale);
 	const cookieMinutes = Math.max(cookieMaxAgeSeconds || 0, 0) / 60;
 	const cookieHours = cookieMinutes / 60;
-	const cookieDays = cookieHours / 24;
+	const cookieDays = Math.round(cookieHours / 24);
 
-	const handleValueChange = useCallback(
-		(value: boolean) => {
-			// Vendor opt-out `true` means the toggle is off, so we invert the value
-			dispatch(toggleIabVendorOptOut({ id, value: !value }));
+	const handleValueChange = useBoundCallback(
+		(id: number | string, value: boolean) => {
+			dispatch(setVendorConsent(id, value));
 		},
 		[id],
 	);
@@ -220,7 +243,8 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 		});
 	}, []);
 
-	const checked = config?.isIabVendorOptedOut(`${id}`);
+	// Has NOT opted out
+	const checked = !config?.isIabVendorOptedOut(id, getState() as any);
 	const links = useMemo(() => {
 		return urls.length ? urls : [{ langId: 'en', privacy: policyUrl }];
 	}, [policyUrl, urls]);
@@ -288,11 +312,15 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 						<Text style={[drawerForeground, styles.expansionDetailHeader]}>
 							<Locale path="iab.basis.legit" />
 						</Text>
-						{legIntPurposes.map(purposeMap).map(item => (
+						{legIntPurposes.map(purposeMap).map((item) => (
 							<IabVendorDisclosure
 								key={`purpose_${item.purposeId}`}
 								{...item}
 								onPress={linkToPurpose}
+								partnerCount={config?.getCountOfVendorsUsingPurpose(
+									'purposes',
+									Number(item.purposeId),
+								)}
 							/>
 						))}
 					</View>
@@ -302,11 +330,15 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 						<Text style={[drawerForeground, styles.expansionDetailHeader]}>
 							<Locale path="iab.basis.consent" />
 						</Text>
-						{consentOnlyPurposes.map(purposeMap).map(item => (
+						{consentOnlyPurposes.map(purposeMap).map((item) => (
 							<IabVendorDisclosure
 								key={`purpose_${item.purposeId}`}
 								{...item}
 								onPress={linkToPurpose}
+								partnerCount={config?.getCountOfVendorsUsingPurpose(
+									'purposes',
+									Number(item.purposeId),
+								)}
 							/>
 						))}
 					</View>
@@ -316,11 +348,15 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 						<Text style={[drawerForeground, styles.expansionDetailHeader]}>
 							<Locale path="iab.basis.combined" />
 						</Text>
-						{flexiblePurposes.map(purposeMap).map(item => (
+						{flexiblePurposes.map(purposeMap).map((item) => (
 							<IabVendorDisclosure
 								key={`purpose_${item.purposeId}`}
 								{...item}
 								onPress={linkToPurpose}
+								partnerCount={config?.getCountOfVendorsUsingPurpose(
+									'purposes',
+									Number(item.purposeId),
+								)}
 							/>
 						))}
 					</View>
@@ -330,11 +366,15 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 						<Text style={[drawerForeground, styles.expansionDetailHeader]}>
 							<Locale path="iab.terms.specialPurposes" />
 						</Text>
-						{specialPurposes.map(specialPurposeMap).map(item => (
+						{specialPurposes.map(specialPurposeMap).map((item) => (
 							<IabVendorDisclosure
 								key={`specialPurpose_${item.purposeId}`}
 								{...item}
 								onPress={linkToSpecialPurpose}
+								partnerCount={config?.getCountOfVendorsUsingPurpose(
+									'specialPurposes',
+									Number(item.purposeId),
+								)}
 							/>
 						))}
 					</View>
@@ -344,7 +384,7 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 						<Text style={[drawerForeground, styles.expansionDetailHeader]}>
 							<Locale path="iab.terms.features" />
 						</Text>
-						{features.map(featureMap).map(item => (
+						{features.map(featureMap).map((item) => (
 							<IabVendorDisclosure
 								key={`feature_${item.purposeId}`}
 								{...item}
@@ -358,7 +398,7 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 						<Text style={[drawerForeground, styles.expansionDetailHeader]}>
 							<Locale path="iab.terms.specialFeatures" />
 						</Text>
-						{specialFeatures.map(specialFeatureMap).map(item => (
+						{specialFeatures.map(specialFeatureMap).map((item) => (
 							<IabVendorDisclosure
 								key={`specialFeature_${item.purposeId}`}
 								{...item}
@@ -382,7 +422,7 @@ const IabVendorItem: React.FC<{ vendor: GvlVendor_v2 | GvlVendor_v3 }> = ({
 						</Text>
 						<Text style={drawerForeground}>
 							<Link href={deviceStorageDisclosureUrl}>
-								<Locale path={'iab.legal.title'} />
+								{deviceStorageDisclosureUrl}
 							</Link>
 						</Text>
 					</View>
@@ -423,7 +463,7 @@ const ListItemRenderer = ({
 	if (typeof item === 'number') {
 		return (
 			<IabVendorListHeader
-				style={{ paddingTop: Platform.OS === 'web' ? 0 : item }}
+				style={{ paddingTop: item }}
 			/>
 		);
 	}
@@ -433,13 +473,6 @@ const ListItemRenderer = ({
 
 export const IabVendorsDrawer: React.FC = () => {
 	const { config, getState, locale } = useContext(OsanoPrivateContext);
-
-	const [headerHeight, setHeaderHeight] = React.useState(0);
-	const handleHeaderLayoutChange = useCallback((e: LayoutChangeEvent) => {
-		const height = e.nativeEvent.layout.height;
-		setHeaderHeight(height + (Platform.OS === 'web' ? 0 : 16));
-	}, []);
-
 	const state = getState();
 	const stack = getStack(state);
 
@@ -448,7 +481,6 @@ export const IabVendorsDrawer: React.FC = () => {
 			<DrawerHeader
 				title="iab.vendor.title"
 				canGoBack={stack.length > 1}
-				onHeaderLayoutChange={handleHeaderLayoutChange}
 			/>
 		);
 	}, [locale, stack.length]);
@@ -461,25 +493,21 @@ export const IabVendorsDrawer: React.FC = () => {
 			config
 				?.getVendorIds()
 				.filter(Boolean)
-				.map(vendorId => config.getVendorData(vendorId))
+				.map((vendorId) => config.getVendorData(vendorId))
 				.filter(Boolean) || [];
 		return (vendorDetails as (GvlVendor_v2 | GvlVendor_v3)[]) || [];
-	}, [config, locale, headerHeight]);
+	}, [config, locale]);
 
 	const extraData = useMemo(() => {
 		return {};
 	}, [locale, state]);
-
 	return (
 		<View style={styles.renderItem}>
-			{Platform.OS === 'web' ? null : ListHeaderComponent}
+			{ListHeaderComponent}
+			<AcceptAllButton disabled={false}/>
+			<RejectAllButton disabled={false}/>
 			<FlatList
-				style={{ marginTop: Platform.OS === 'web' ? 0 : -headerHeight }}
 				data={vendors}
-				stickyHeaderIndices={Platform.OS === 'web' ? [0] : undefined}
-				ListHeaderComponent={
-					Platform.OS === 'web' ? ListHeaderComponent : undefined
-				}
 				ListFooterComponent={<View style={styles.listFooter} />}
 				renderItem={ListItemRenderer}
 				ItemSeparatorComponent={Divider}

package/src/views/Drawer/index.tsx

@@ -19,13 +19,13 @@ import React, {
 	useMemo,
 	useRef,
 } from 'react';
+import { close } from '../../actions';
+import { getStack } from '../../selectors';
 import {
 	SHOW_DRAWER,
 	SHOW_IAB_DISCLOSURES,
 	SHOW_IAB_VENDORS,
-	close,
-	getStack,
-} from '../../store';
+} from '../../actions';
 
 import { CloseButton } from '../../components/Button';
 import ConsentCategoriesDrawer from './Drawer.ConsentCategories';
@@ -76,12 +76,12 @@ export const Drawer: React.FC<DrawerProps> = () => {
 							Platform.OS === 'web'
 								? maxWebDrawerWidth
 								: Number.MAX_SAFE_INTEGER,
-							width,
+							width
 						)
 					: width;
 			setLayoutWidth(newWidth);
 		},
-		[initialPositionX],
+		[initialPositionX]
 	);
 
 	const drawerRange = useMemo(
@@ -91,7 +91,7 @@ export const Drawer: React.FC<DrawerProps> = () => {
 			extrapolateLeft: 'clamp' as Animated.ExtrapolateType,
 			extrapolateRight: 'clamp' as Animated.ExtrapolateType,
 		}),
-		[layoutWidth, infoDialogPosition],
+		[layoutWidth, infoDialogPosition]
 	);
 
 	useLayoutEffect(() => {
@@ -145,7 +145,7 @@ export const Drawer: React.FC<DrawerProps> = () => {
 			e:
 				| NativeSyntheticEvent<NativePointerEvent>
 				| PointerEvent
-				| GestureResponderEvent,
+				| GestureResponderEvent
 		) => {
 			if (e && e.target) {
 				if (e.target === overlayRef.current) {
@@ -155,7 +155,7 @@ export const Drawer: React.FC<DrawerProps> = () => {
 				dispatch(close(cmp));
 			}
 		},
-		[],
+		[]
 	);
 	const drawerStyles = useMemo(() => {
 		return {

package/lib/commonjs/iab/tcf/tcfcav1-api.js

@@ -1,41 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = makeApi;
-var _utils = require("../../utils");
-var _consent = require("./consent");
-function makeApi(initOptions) {
-  const getConsentDataObject = (0, _consent.makeGetConsentDataObject)(initOptions);
-  const buildTcData = state => {
-    const consentDataObj = getConsentDataObject(state);
-    return initOptions.coreFieldSequence.reduce((tcData, [tcDataField, length,, consentDataField, formatter]) => {
-      const value = (0, _utils.get)(consentDataObj, consentDataField);
-      tcData[`${tcDataField}`] = formatter ? formatter(value, length) : value;
-      return tcData;
-    }, {});
-  };
-  function bind(store) {
-    return function tcfApi(command, callback, parameter) {
-      const state = store.getState();
-      switch (command) {
-        case 'getField':
-          {
-            const field = parameter;
-            const tcData = buildTcData(state);
-            return tcData[`${field}`];
-          }
-        case 'getSection':
-          {
-            const tcData = buildTcData(state);
-            return tcData;
-          }
-      }
-    };
-  }
-  return {
-    bind
-  };
-}
-//# sourceMappingURL=tcfcav1-api.js.map

package/lib/commonjs/iab/tcf/tcfcav1-api.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","_consent","makeApi","initOptions","getConsentDataObject","makeGetConsentDataObject","buildTcData","state","consentDataObj","coreFieldSequence","reduce","tcData","tcDataField","length","consentDataField","formatter","value","get","bind","store","tcfApi","command","callback","parameter","getState","field"],"sourceRoot":"../../../../src","sources":["iab/tcf/tcfcav1-api.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEe,SAASE,OAAOA,CAACC,WAAW,EAAE;EAC5C,MAAMC,oBAAoB,GAAG,IAAAC,iCAAwB,EAACF,WAAW,CAAC;EAClE,MAAMG,WAAW,GAAGC,KAAK,IAAI;IAC5B,MAAMC,cAAc,GAAGJ,oBAAoB,CAACG,KAAK,CAAC;IAClD,OAAOJ,WAAW,CAACM,iBAAiB,CAACC,MAAM,CAC1C,CAACC,MAAM,EAAE,CAACC,WAAW,EAAEC,MAAM,GAAIC,gBAAgB,EAAEC,SAAS,CAAC,KAAK;MACjE,MAAMC,KAAK,GAAG,IAAAC,UAAG,EAACT,cAAc,EAAEM,gBAAgB,CAAC;MACnDH,MAAM,CAAE,GAAEC,WAAY,EAAC,CAAC,GAAGG,SAAS,GAAGA,SAAS,CAACC,KAAK,EAAEH,MAAM,CAAC,GAAGG,KAAK;MACvE,OAAOL,MAAM;IACd,CAAC,EACD,CAAC,CACF,CAAC;EACF,CAAC;EAED,SAASO,IAAIA,CAACC,KAAK,EAAE;IACpB,OAAO,SAASC,MAAMA,CAACC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAE;MACpD,MAAMhB,KAAK,GAAGY,KAAK,CAACK,QAAQ,CAAC,CAAC;MAC9B,QAAQH,OAAO;QACd,KAAK,UAAU;UAAE;YAChB,MAAMI,KAAK,GAAGF,SAAS;YACvB,MAAMZ,MAAM,GAAGL,WAAW,CAACC,KAAK,CAAC;YACjC,OAAOI,MAAM,CAAE,GAAEc,KAAM,EAAC,CAAC;UAC1B;QAEA,KAAK,YAAY;UAAE;YAClB,MAAMd,MAAM,GAAGL,WAAW,CAACC,KAAK,CAAC;YACjC,OAAOI,MAAM;UACd;MACD;IACD,CAAC;EACF;EAEA,OAAO;IACNO;EACD,CAAC;AACF","ignoreList":[]}