@tap-payments/os-micro-frontend-shared 0.1.319-test.1 → 0.1.319-test.3

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentCardNumber/PaymentCardNumber.d.ts

@@ -0,0 +1,10 @@
+interface PaymentCardNumberProps {
+    card: {
+        last_four: string;
+    };
+    paymentMethod?: string;
+    paymentScheme?: string;
+    paymentType?: string;
+}
+export declare function PaymentCardNumber({ card, paymentMethod, paymentType, paymentScheme }: PaymentCardNumberProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentCardNumber/PaymentCardNumber.js

@@ -0,0 +1,12 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import camelCase from 'lodash/camelCase';
+import { Tooltip } from '../../../../../index.js';
+import { Number } from './style';
+export function PaymentCardNumber({ card, paymentMethod, paymentType, paymentScheme }) {
+    const { t } = useTranslation();
+    if (!card.last_four)
+        return null;
+    const title = `${t(camelCase(paymentMethod !== paymentScheme ? paymentScheme : paymentType))} - ${card === null || card === void 0 ? void 0 : card.last_four}`;
+    return (_jsx(Tooltip, Object.assign({ title: title }, { children: _jsxs(Number, { children: ["\u00B7\u00B7\u00B7 ", card === null || card === void 0 ? void 0 : card.last_four] }) })));
+}

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentCardNumber/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentCardNumber';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentCardNumber/index.js

@@ -0,0 +1 @@
+export * from './PaymentCardNumber';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentCardNumber/style.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Number: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentCardNumber/style.js

@@ -0,0 +1,6 @@
+import { styled } from '@mui/material/styles';
+export const Number = styled('span')(({ theme }) => ({
+    fontSize: '10px',
+    fontWeight: 500,
+    color: theme.palette.text.primary
+}));

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentDevice/PaymentDevice.d.ts

@@ -0,0 +1,7 @@
+interface PaymentDeviceProps {
+    deviceType?: 'DESKTOP' | 'PHONE' | 'TABLET';
+    deviceCountry?: string;
+    regionCode?: string;
+}
+export declare function PaymentDevice({ deviceType, deviceCountry, regionCode }: PaymentDeviceProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentDevice/PaymentDevice.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DeviceIconChip, isDeviceIconShown } from '../../../../../index.js';
+export function PaymentDevice({ deviceType, deviceCountry, regionCode }) {
+    if (!isDeviceIconShown(deviceType) && !regionCode)
+        return null;
+    return _jsx(DeviceIconChip, { deviceType: deviceType, deviceCountry: deviceCountry });
+}

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentDevice/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentDevice';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentDevice/index.js

@@ -0,0 +1 @@
+export * from './PaymentDevice';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentInitiated/PaymentInitiated.d.ts

@@ -0,0 +1,5 @@
+interface PaymentInitiatedProps {
+    isCustomerInitiated: boolean;
+}
+export declare function PaymentInitiated({ isCustomerInitiated }: PaymentInitiatedProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentInitiated/PaymentInitiated.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { CustomerInitiatedIcon } from '../../../../../index.js';
+export function PaymentInitiated({ isCustomerInitiated }) {
+    return _jsx(_Fragment, { children: isCustomerInitiated === false && _jsx(CustomerInitiatedIcon, {}) });
+}

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentInitiated/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentInitiated';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentInitiated/index.js

@@ -0,0 +1 @@
+export * from './PaymentInitiated';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentIssuer/PaymentIssuer.d.ts

@@ -0,0 +1,7 @@
+interface PaymentIssuerProps {
+    countryCode?: string;
+    cardNumber?: string;
+    bankName?: string;
+}
+export declare function PaymentIssuer({ countryCode, cardNumber, bankName }: PaymentIssuerProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentIssuer/PaymentIssuer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IssuerIcon } from '../../../../../index.js';
+export function PaymentIssuer({ countryCode, cardNumber, bankName }) {
+    if (!countryCode && !cardNumber && !bankName)
+        return null;
+    return _jsx(IssuerIcon, { countryCode: countryCode, cardNumber: cardNumber, bankName: bankName });
+}

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentIssuer/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentIssuer';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentIssuer/index.js

@@ -0,0 +1 @@
+export * from './PaymentIssuer';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentMethod/PaymentMethod.d.ts

@@ -0,0 +1,3 @@
+export declare function PaymentMethod({ method }: {
+    method?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentMethod/PaymentMethod.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import camelCase from 'lodash/camelCase';
+import { useTranslation } from 'react-i18next';
+import { getPaymentMethodKey, SourceIcon } from '../../../../../index.js';
+export function PaymentMethod({ method }) {
+    var _a;
+    const { t } = useTranslation();
+    if (!method)
+        return null;
+    return _jsx(SourceIcon, { source: (_a = getPaymentMethodKey(method)) !== null && _a !== void 0 ? _a : method, title: `Payment Method - ${t(camelCase(method))}` });
+}

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentMethod/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentMethod';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentMethod/index.js

@@ -0,0 +1 @@
+export * from './PaymentMethod';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentScheme/PaymentScheme.d.ts

@@ -0,0 +1,6 @@
+interface PaymentSchemeProps {
+    scheme: string;
+    method: string;
+}
+export declare function PaymentScheme({ scheme, method }: PaymentSchemeProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentScheme/PaymentScheme.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from 'react-i18next';
+import camelCase from 'lodash/camelCase';
+import { SourceIcon, getPaymentMethodKey } from '../../../../../index.js';
+export function PaymentScheme({ scheme, method }) {
+    var _a;
+    const { t } = useTranslation();
+    if (!scheme || method === scheme)
+        return null;
+    return _jsx(SourceIcon, { source: (_a = getPaymentMethodKey(scheme)) !== null && _a !== void 0 ? _a : scheme, title: `Payment Scheme - ${t(camelCase(scheme))}` });
+}

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentScheme/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentScheme';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentScheme/index.js

@@ -0,0 +1 @@
+export * from './PaymentScheme';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentType/PaymentType.d.ts

@@ -0,0 +1,3 @@
+export declare function PaymentType({ type }: {
+    type?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentType/PaymentType.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import camelCase from 'lodash/camelCase';
+import { useTranslation } from 'react-i18next';
+import { getPaymentMethodKey, SourceIcon } from '../../../../../index.js';
+export function PaymentType({ type }) {
+    var _a, _b;
+    const { t } = useTranslation();
+    if (!type)
+        return null;
+    return _jsx(SourceIcon, { source: (_b = (_a = getPaymentMethodKey(type)) !== null && _a !== void 0 ? _a : type) !== null && _b !== void 0 ? _b : '', title: `Payment Type - ${t(camelCase(type))}` });
+}

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentType/index.d.ts

@@ -0,0 +1 @@
+export * from './PaymentType';

package/build/components/TableCells/CustomCells/SourceCell/components/PaymentType/index.js

@@ -0,0 +1 @@
+export * from './PaymentType';

package/build/components/TableCells/CustomCells/SourceCell/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './PaymentCardNumber';
+export * from './PaymentMethod';
+export * from './PaymentType';
+export * from './PaymentScheme';
+export * from './PaymentAgreement';
+export * from './PaymentAuth';
+export * from './PaymentDevice';
+export * from './PaymentIssuer';
+export * from './PaymentInitiated';

package/build/components/TableCells/CustomCells/SourceCell/components/index.js

@@ -0,0 +1,9 @@
+export * from './PaymentCardNumber';
+export * from './PaymentMethod';
+export * from './PaymentType';
+export * from './PaymentScheme';
+export * from './PaymentAgreement';
+export * from './PaymentAuth';
+export * from './PaymentDevice';
+export * from './PaymentIssuer';
+export * from './PaymentInitiated';

package/build/components/TableCells/CustomCells/SourceCell/constant.d.ts

@@ -0,0 +1,4 @@
+import { CENTER_ICON_KEY } from './type';
+export declare const RIGHT_ICON_PRIORITY: readonly [CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];
+export declare const LEFT_ICON_PRIORITY: readonly [CENTER_ICON_KEY.PAYMENT_ISSUER, CENTER_ICON_KEY.PAYMENT_INITIATED, CENTER_ICON_KEY.PAYMENT_DEVICE];
+export declare const CENTER_ICON_PRIORITY: readonly [CENTER_ICON_KEY.PAYMENT_METHOD, CENTER_ICON_KEY.PAYMENT_TYPE, CENTER_ICON_KEY.PAYMENT_SCHEME, CENTER_ICON_KEY.PAYMENT_CARD_NUMBER, CENTER_ICON_KEY.PAYMENT_ISSUER, CENTER_ICON_KEY.PAYMENT_INITIATED, CENTER_ICON_KEY.PAYMENT_DEVICE, CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];

package/build/components/TableCells/CustomCells/SourceCell/constant.js

@@ -0,0 +1,11 @@
+import { CENTER_ICON_KEY } from './type';
+export const RIGHT_ICON_PRIORITY = [CENTER_ICON_KEY.PAYMENT_AUTH, CENTER_ICON_KEY.PAYMENT_AGREEMENT];
+export const LEFT_ICON_PRIORITY = [CENTER_ICON_KEY.PAYMENT_ISSUER, CENTER_ICON_KEY.PAYMENT_INITIATED, CENTER_ICON_KEY.PAYMENT_DEVICE];
+export const CENTER_ICON_PRIORITY = [
+    CENTER_ICON_KEY.PAYMENT_METHOD,
+    CENTER_ICON_KEY.PAYMENT_TYPE,
+    CENTER_ICON_KEY.PAYMENT_SCHEME,
+    CENTER_ICON_KEY.PAYMENT_CARD_NUMBER,
+    ...LEFT_ICON_PRIORITY,
+    ...RIGHT_ICON_PRIORITY,
+];

package/build/components/TableCells/CustomCells/SourceCell/index.d.ts

@@ -1,2 +1,3 @@
-export { default as SourceCell } from './SourceCell';
-export { StyledSourceImage } from './style';
+import SourceCell from './SourceCell';
+export * from './components';
+export default SourceCell;

package/build/components/TableCells/CustomCells/SourceCell/index.js

@@ -1,2 +1,3 @@
-export { default as SourceCell } from './SourceCell';
-export { StyledSourceImage } from './style';
+import SourceCell from './SourceCell';
+export * from './components';
+export default SourceCell;

package/build/components/TableCells/CustomCells/SourceCell/type.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { CENTER_ICON_PRIORITY } from './constant';
+export declare enum CENTER_ICON_KEY {
+    PAYMENT_METHOD = "paymentMethod",
+    PAYMENT_TYPE = "paymentType",
+    PAYMENT_SCHEME = "paymentScheme",
+    PAYMENT_CARD_NUMBER = "paymentCardNumber",
+    PAYMENT_ISSUER = "paymentIssuer",
+    PAYMENT_INITIATED = "paymentInitiated",
+    PAYMENT_DEVICE = "paymentDevice",
+    PAYMENT_AUTH = "paymentAuth",
+    PAYMENT_AGREEMENT = "paymentAgreement"
+}
+export type CenterIconPropName = (typeof CENTER_ICON_PRIORITY)[number];
+export type StatusCellProps = {
+    [K in CenterIconPropName]?: React.ReactNode;
+};

package/build/components/TableCells/CustomCells/SourceCell/type.js

@@ -0,0 +1,12 @@
+export var CENTER_ICON_KEY;
+(function (CENTER_ICON_KEY) {
+    CENTER_ICON_KEY["PAYMENT_METHOD"] = "paymentMethod";
+    CENTER_ICON_KEY["PAYMENT_TYPE"] = "paymentType";
+    CENTER_ICON_KEY["PAYMENT_SCHEME"] = "paymentScheme";
+    CENTER_ICON_KEY["PAYMENT_CARD_NUMBER"] = "paymentCardNumber";
+    CENTER_ICON_KEY["PAYMENT_ISSUER"] = "paymentIssuer";
+    CENTER_ICON_KEY["PAYMENT_INITIATED"] = "paymentInitiated";
+    CENTER_ICON_KEY["PAYMENT_DEVICE"] = "paymentDevice";
+    CENTER_ICON_KEY["PAYMENT_AUTH"] = "paymentAuth";
+    CENTER_ICON_KEY["PAYMENT_AGREEMENT"] = "paymentAgreement";
+})(CENTER_ICON_KEY || (CENTER_ICON_KEY = {}));

package/build/components/TableCells/CustomCells/type.d.ts

@@ -4,7 +4,7 @@ import type { Charge, TableMode } from '../../../types/index.js';
 import { getGeographyBoxColor } from '../../../utils/index.js';
 import type { ActionType, FlagType } from './ActionCell';
 export type GeographyBoxVariant = keyof ReturnType<typeof getGeographyBoxColor>;
-export type PaymentMethod = 'VISA' | 'card' | 'MASTERCARD' | 'APPLE_PAY' | 'KNET' | 'MADA';
+export type PaymentMethods = 'VISA' | 'card' | 'MASTERCARD' | 'APPLE_PAY' | 'KNET' | 'MADA';
 export interface DateCellBaseProps extends TableCellProps {
     value: string | Date;
     format?: object;

package/build/constants/apps.d.ts

@@ -1001,5 +1001,4 @@ export declare const MF_APPS_MAPPER: Readonly<{
     TERMINALS: "TERMINALS";
     BILLING: "BILLING";
     ACCOUNT: "ACCOUNT";
-    BUSINESS: "BUSINESS";
 }>;

package/build/constants/apps.js

@@ -485,5 +485,4 @@ export const MF_APPS_MAPPER = Object.freeze({
     TERMINALS: 'TERMINALS',
     BILLING: 'BILLING',
     ACCOUNT: 'ACCOUNT',
-    BUSINESS: 'BUSINESS',
 });

package/build/constants/index.d.ts

@@ -17,4 +17,3 @@ export * from './rate';
 export * from './reports';
 export * from './document';
 export * from './authentication';
-export * from './country';

package/build/constants/index.js

@@ -17,4 +17,3 @@ export * from './rate';
 export * from './reports';
 export * from './document';
 export * from './authentication';
-export * from './country';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.319-test.1",
-  "testVersion": 1,
+  "version": "0.1.319-test.3",
+  "testVersion": 3,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

package/build/components/TableCells/CustomCells/SourceCell/style.d.ts

@@ -1,269 +0,0 @@
-/// <reference types="react" />
-export declare const StyledSourceCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const StyledSourceImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const PaymentSourcesContainer: import("@emotion/styled").StyledComponent<{
-    hidden?: boolean | undefined;
-    color?: string | undefined;
-    content?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    id?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "text" | "email" | "search" | "numeric" | "url" | "tel" | "decimal" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "list" | "both" | "inline" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "false" | "true" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "date" | "false" | "true" | "time" | "step" | "location" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "link" | "move" | "execute" | "popup" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "false" | "true") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "false" | "true" | "dialog" | "listbox" | "menu" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "false" | "true") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "false" | "true") | undefined;
-    "aria-multiline"?: (boolean | "false" | "true") | undefined;
-    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "false" | "true" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "false" | "true") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "false" | "true") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLSpanElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLSpanElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLSpanElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLSpanElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLSpanElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onError?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLSpanElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragOver?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDrop?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLSpanElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseMove?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLSpanElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLSpanElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLSpanElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLSpanElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    sourcesCount: number;
-}, {}, {}>;
-export declare const TextLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const BadgeTextWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;