@opexa/portal-components 0.0.583 → 0.0.585

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -160,7 +160,7 @@ export function BetRecords__client(props) {
160
160
  in: tz(localeInfo.timezone),
161
161
  }) }), _jsx("div", { className: "text-text-tertiary-600 leading-tight", children: format(data.dateTimeSettled, 'hh:mm a', {
162
162
  in: tz(localeInfo.timezone),
163
- }) })] })) }), _jsx(Table.Cell, { className: "!py-1", children: data?.betContent || '/' }), _jsx(Table.Cell, { className: "!py-1", children: data.metadata?.odds || '/' }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.bet, {
163
+ }) })] })) }), _jsx(Table.Cell, { className: "!py-1", children: data?.betContent || '/' }), _jsx(Table.Cell, { className: "!py-1", children: data.metadata?.odds ?? data.odds ?? '/' }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.bet, {
164
164
  currency: localeInfo.currency.code,
165
165
  minDecimalPlaces: 2,
166
166
  }) }), _jsx(Table.Cell, { className: "!py-1", children: formatNumber(data.validBet, {
@@ -26,6 +26,6 @@ export function GameProvidersList(props) {
26
26
  const classNames = isString(props.className)
27
27
  ? { root: props.className }
28
28
  : (props.className ?? {});
29
- const chunked = useChunk(gameProviders, 18);
30
- return (_jsxs("div", { className: classNames.root, children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Providers' }), _jsxs("div", { className: "mt-lg grid grid-cols-3 gap-1.5 lg:grid-cols-6 lg:gap-2.5", children: [props.showAllProviders && (_jsx(Link, { href: props.viewAllUrl ?? '/providers', className: twMerge('flex h-full w-full items-center justify-center overflow-hidden rounded-md bg-brand-800 font-extrabold lg:h-[5.75rem]', classNames.thumbnailRoot), "aria-label": `View all games`, children: _jsx("p", { className: "text-center text-4xl", children: " ALL" }) })), chunked.loadedItems.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), className: twMerge('flex h-full w-full items-center overflow-hidden rounded-md bg-brand-800 lg:h-[5.75rem]', classNames.thumbnailRoot), "aria-label": `View ${provider.name} games`, children: _jsx(Image, { src: props.gameProviderImages?.[provider.id] ?? provider.logo, alt: "", width: 300, height: 150, className: twMerge('mx-auto h-auto w-full', classNames.thumbnailImage) }) }, provider.id)))] }), _jsxs("div", { className: "mt-2xl flex flex-col items-center lg:mt-3xl", children: [_jsx(Progress.Root, { min: 0, max: chunked.totalItems, value: chunked.totalLoadedItems, onValueChange: noop, className: twMerge('w-[12.5rem]', classNames.progressRoot), children: _jsx(Progress.Track, { className: twMerge('bg-bg-tertiary', classNames.progressTrack), children: _jsx(Progress.Range, {}) }) }), _jsx("p", { className: "mt-md text-button-tertiary-fg text-sm", children: `Displaying ${chunked.totalLoadedItems} of ${chunked.totalItems}` }), chunked.hasNext && (_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, onClick: chunked.next, className: twMerge('mt-lg', classNames.loadMoreButton), children: "Load More" }))] })] }));
29
+ const chunked = useChunk(gameProviders, 24);
30
+ return (_jsxs("div", { className: classNames.root, children: [_jsx("h2", { className: "font-semibold text-lg", children: props.heading ?? 'Providers' }), _jsxs("div", { className: "mt-lg grid grid-cols-3 gap-1.5 lg:grid-cols-6 lg:gap-2.5", children: [props.showAllProviders && (_jsx(Link, { href: props.viewAllUrl ?? '/providers', className: twMerge('flex h-full w-full items-center justify-center overflow-hidden rounded-md bg-brand-800 font-extrabold lg:h-[5.75rem]', classNames.thumbnailRoot), "aria-label": `View all games`, children: _jsx("p", { className: "text-center text-4xl", children: " ALL" }) })), chunked.loadedItems.map((provider) => (_jsx(Link, { href: viewGamesUrl(provider), className: twMerge('flex h-full w-full items-center overflow-hidden rounded-md bg-brand-800 lg:h-[5.75rem]', classNames.thumbnailRoot), "aria-label": `View ${provider.name} games`, children: _jsx(Image, { src: props.gameProviderImages?.[provider.id] ?? provider.logo, alt: "", width: 300, height: 150, className: twMerge('mx-auto h-auto w-full', classNames.thumbnailImage) }) }, provider.id)))] }), !props.showAllProviders && (_jsxs("div", { className: "mt-2xl flex flex-col items-center lg:mt-3xl", children: [_jsx(Progress.Root, { min: 0, max: chunked.totalItems, value: chunked.totalLoadedItems, onValueChange: noop, className: twMerge('w-[12.5rem]', classNames.progressRoot), children: _jsx(Progress.Track, { className: twMerge('bg-bg-tertiary', classNames.progressTrack), children: _jsx(Progress.Range, {}) }) }), _jsx("p", { className: "mt-md text-button-tertiary-fg text-sm", children: `Displaying ${chunked.totalLoadedItems} of ${chunked.totalItems}` }), chunked.hasNext && (_jsx(Button, { size: "sm", variant: "outline", fullWidth: false, onClick: chunked.next, className: twMerge('mt-lg', classNames.loadMoreButton), children: "Load More" }))] }))] }));
31
31
  }
@@ -43,7 +43,7 @@ export declare const DEPOSIT = "\n query Deposit($id: ObjectId!) {\n node(id
43
43
  export declare const DEPOSITS_COUNT = "\n query DepositsCount {\n member {\n depositsCount\n }\n }\n";
44
44
  export declare const TOUCH_GCASH_DEPOSIT = "\n mutation TouchGCashDeposit($input: TouchGCashDepositInput!) {\n touchGCashDeposit(input: $input)\n }\n";
45
45
  export declare const TOUCH_QRPH_DEPOSIT = "\n mutation TouchQRPHDeposit($input: TouchQRPHDepositInput!) {\n touchQRPHDeposit(input: $input)\n }\n";
46
- export declare const BET_RECORDS = "\n query BetRecords($first: Int, $after: Cursor, $filter: BetRecordFilterInput) {\n member {\n betRecords(first: $first, after: $after, filter: $filter) {\n totalCount\n edges {\n cursor\n node {\n ... on BetRecord {\n id\n serialCode\n game {\n id\n name\n type\n provider\n }\n bet\n payout\n winloss\n jackpotPayout\n jackpotContribution\n status\n dateTimeCreated\n dateTimeSettled\n dateTimeLastUpdated\n metadata\n vendorRoundId\n betContent\n contestName\n externalCategory\n }\n }\n }\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n }\n";
46
+ export declare const BET_RECORDS = "\n query BetRecords($first: Int, $after: Cursor, $filter: BetRecordFilterInput) {\n member {\n betRecords(first: $first, after: $after, filter: $filter) {\n totalCount\n edges {\n cursor\n node {\n ... on BetRecord {\n id\n serialCode\n game {\n id\n name\n type\n provider\n }\n bet\n payout\n winloss\n jackpotPayout\n jackpotContribution\n status\n dateTimeCreated\n dateTimeSettled\n dateTimeLastUpdated\n odds\n metadata\n vendorRoundId\n betContent\n contestName\n externalCategory\n }\n }\n }\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n }\n";
47
47
  export declare const TRANSACTION_RECORDS = "\n query TransactionRecords(\n $first: Int\n $after: Cursor\n $filter: TransactionRecordFilter\n ) {\n member {\n transactionRecords(first: $first, after: $after, filter: $filter) {\n edges {\n cursor\n node {\n ... on TransactionRecord {\n id\n type\n amount\n content\n currentBalance\n currentBonusBalance\n referenceNumber\n dateTimeCreated\n }\n }\n }\n totalCount\n pageInfo {\n hasNextPage\n endCursor\n }\n }\n }\n }\n";
48
48
  export declare const PROMO_FRAGMENT = "\n \n fragment FileFragment on File {\n id\n url\n status\n }\n\n\n fragment PromoFragment on Promo {\n id\n type\n name\n banner {\n ...FileFragment\n }\n status\n description\n maximumBonusAmount\n minimumBonusAmount\n maximumDepositAmount\n minimumDepositAmount\n activationStartDateTime\n turnoverRequirementContributionPercentagePerGameProvider\n activationEndDateTime\n dateTimeCreated\n dateTimeLastUpdated\n }\n";
49
49
  export declare const PROMOS = "\n \n \n fragment FileFragment on File {\n id\n url\n status\n }\n\n\n fragment PromoFragment on Promo {\n id\n type\n name\n banner {\n ...FileFragment\n }\n status\n description\n maximumBonusAmount\n minimumBonusAmount\n maximumDepositAmount\n minimumDepositAmount\n activationStartDateTime\n turnoverRequirementContributionPercentagePerGameProvider\n activationEndDateTime\n dateTimeCreated\n dateTimeLastUpdated\n }\n\n\n query Promos {\n promos {\n ...PromoFragment\n }\n }\n";
@@ -1279,6 +1279,7 @@ export const BET_RECORDS = /* GraphQL */ `
1279
1279
  dateTimeCreated
1280
1280
  dateTimeSettled
1281
1281
  dateTimeLastUpdated
1282
+ odds
1282
1283
  metadata
1283
1284
  vendorRoundId
1284
1285
  betContent
@@ -225,6 +225,7 @@ export interface BetRecord {
225
225
  dateTimeLastUpdated: string;
226
226
  betContent?: string | null;
227
227
  contestName?: string | null;
228
+ odds?: string | null;
228
229
  externalCategory?: string | null;
229
230
  metadata?: BetRecordMetadata | null;
230
231
  }
@@ -1,7 +1,7 @@
1
1
  import { Checkbox } from '@ark-ui/react/checkbox';
2
2
  export declare const withContext: <Props extends {
3
3
  [x: string]: any;
4
- }>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
4
+ }>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "control" | "group" | "indicator") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
5
5
  size: {
6
6
  md: {
7
7
  control: string;
@@ -15,7 +15,7 @@ export declare const withContext: <Props extends {
15
15
  gray: {};
16
16
  neutral: {};
17
17
  };
18
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
18
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
19
19
  size: {
20
20
  md: {
21
21
  control: string;
@@ -29,7 +29,7 @@ export declare const withContext: <Props extends {
29
29
  gray: {};
30
30
  neutral: {};
31
31
  };
32
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
32
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
33
33
  size: {
34
34
  md: {
35
35
  control: string;
@@ -43,9 +43,9 @@ export declare const withContext: <Props extends {
43
43
  gray: {};
44
44
  neutral: {};
45
45
  };
46
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
46
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>, withProvider: <Props extends {
47
47
  [x: string]: any;
48
- }>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "indicator" | "group" | "control") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
48
+ }>(Component: import("react").ComponentType<Props>, slot: "label" | "root" | "control" | "group" | "indicator") => import("react").ComponentType<import("@ark-ui/react").Assign<Props, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
49
49
  size: {
50
50
  md: {
51
51
  control: string;
@@ -59,7 +59,7 @@ export declare const withContext: <Props extends {
59
59
  gray: {};
60
60
  neutral: {};
61
61
  };
62
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
62
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
63
63
  size: {
64
64
  md: {
65
65
  control: string;
@@ -73,7 +73,7 @@ export declare const withContext: <Props extends {
73
73
  gray: {};
74
74
  neutral: {};
75
75
  };
76
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
76
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
77
77
  size: {
78
78
  md: {
79
79
  control: string;
@@ -87,7 +87,7 @@ export declare const withContext: <Props extends {
87
87
  gray: {};
88
88
  neutral: {};
89
89
  };
90
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
90
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
91
91
  export declare const Root: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.RootProps & import("react").RefAttributes<HTMLLabelElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
92
92
  size: {
93
93
  md: {
@@ -102,7 +102,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
102
102
  gray: {};
103
103
  neutral: {};
104
104
  };
105
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
105
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
106
106
  size: {
107
107
  md: {
108
108
  control: string;
@@ -116,7 +116,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
116
116
  gray: {};
117
117
  neutral: {};
118
118
  };
119
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
119
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
120
120
  size: {
121
121
  md: {
122
122
  control: string;
@@ -130,7 +130,7 @@ export declare const Root: import("react").ComponentType<import("@ark-ui/react")
130
130
  gray: {};
131
131
  neutral: {};
132
132
  };
133
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
133
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
134
134
  export declare const Control: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.ControlProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
135
135
  size: {
136
136
  md: {
@@ -145,7 +145,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
145
145
  gray: {};
146
146
  neutral: {};
147
147
  };
148
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
148
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
149
149
  size: {
150
150
  md: {
151
151
  control: string;
@@ -159,7 +159,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
159
159
  gray: {};
160
160
  neutral: {};
161
161
  };
162
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
162
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
163
163
  size: {
164
164
  md: {
165
165
  control: string;
@@ -173,7 +173,7 @@ export declare const Control: import("react").ComponentType<import("@ark-ui/reac
173
173
  gray: {};
174
174
  neutral: {};
175
175
  };
176
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
176
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
177
177
  export declare const Group: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.GroupProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
178
178
  size: {
179
179
  md: {
@@ -188,7 +188,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
188
188
  gray: {};
189
189
  neutral: {};
190
190
  };
191
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
191
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
192
192
  size: {
193
193
  md: {
194
194
  control: string;
@@ -202,7 +202,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
202
202
  gray: {};
203
203
  neutral: {};
204
204
  };
205
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
205
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
206
206
  size: {
207
207
  md: {
208
208
  control: string;
@@ -216,7 +216,7 @@ export declare const Group: import("react").ComponentType<import("@ark-ui/react"
216
216
  gray: {};
217
217
  neutral: {};
218
218
  };
219
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
219
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
220
220
  export declare const Indicator: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
221
221
  size: {
222
222
  md: {
@@ -231,7 +231,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
231
231
  gray: {};
232
232
  neutral: {};
233
233
  };
234
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
234
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
235
235
  size: {
236
236
  md: {
237
237
  control: string;
@@ -245,7 +245,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
245
245
  gray: {};
246
246
  neutral: {};
247
247
  };
248
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
248
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
249
249
  size: {
250
250
  md: {
251
251
  control: string;
@@ -259,7 +259,7 @@ export declare const Indicator: import("react").ComponentType<import("@ark-ui/re
259
259
  gray: {};
260
260
  neutral: {};
261
261
  };
262
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
262
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
263
263
  export declare const Label: import("react").ComponentType<import("@ark-ui/react").Assign<Checkbox.LabelProps & import("react").RefAttributes<HTMLSpanElement>, import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
264
264
  size: {
265
265
  md: {
@@ -274,7 +274,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
274
274
  gray: {};
275
275
  neutral: {};
276
276
  };
277
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
277
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
278
278
  size: {
279
279
  md: {
280
280
  control: string;
@@ -288,7 +288,7 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
288
288
  gray: {};
289
289
  neutral: {};
290
290
  };
291
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
291
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
292
292
  size: {
293
293
  md: {
294
294
  control: string;
@@ -302,6 +302,6 @@ export declare const Label: import("react").ComponentType<import("@ark-ui/react"
302
302
  gray: {};
303
303
  neutral: {};
304
304
  };
305
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
305
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>>>>;
306
306
  export declare const HiddenInput: import("react").ForwardRefExoticComponent<Checkbox.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>>;
307
307
  export declare const Context: (props: Checkbox.ContextProps) => import("react").ReactNode;
@@ -12,7 +12,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
12
12
  gray: {};
13
13
  neutral: {};
14
14
  };
15
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, {
15
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, {
16
16
  size: {
17
17
  md: {
18
18
  control: string;
@@ -26,7 +26,7 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
26
26
  gray: {};
27
27
  neutral: {};
28
28
  };
29
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, import("tailwind-variants").TVReturnType<{
29
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, import("tailwind-variants").TVReturnType<{
30
30
  size: {
31
31
  md: {
32
32
  control: string;
@@ -40,4 +40,4 @@ export declare const checkboxRecipe: import("tailwind-variants").TVReturnType<{
40
40
  gray: {};
41
41
  neutral: {};
42
42
  };
43
- }, Record<"label" | "root" | "indicator" | "group" | "control", string | string[]>, undefined, unknown, unknown, undefined>>;
43
+ }, Record<"label" | "root" | "control" | "group" | "indicator", string | string[]>, undefined, unknown, unknown, undefined>>;