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

package/build/components/index.d.ts

@@ -114,4 +114,3 @@ export { default as ErrorToast } from './ErrorToast';
 export { default as ToggleView, type ToggleViewsValues, ToggleViews } from './ToggleView';
 export { default as LanguageDropdown } from './LanguageDropdown';
 export { default as DisplayAmount } from './DisplayAmount';
-export { default as AmountInput } from './AmountInput';

package/build/components/index.js

@@ -114,4 +114,3 @@ export { default as ErrorToast } from './ErrorToast';
 export { default as ToggleView, ToggleViews } from './ToggleView';
 export { default as LanguageDropdown } from './LanguageDropdown';
 export { default as DisplayAmount } from './DisplayAmount';
-export { default as AmountInput } from './AmountInput';

package/build/utils/number.d.ts

@@ -4,5 +4,3 @@ export declare const stringToNumber: (value: string) => number;
 export declare const numberToString: (value: number, fixed?: number) => string;
 export declare function pad(num: number, length?: number): string;
 export declare function isNegative(num: number): boolean;
-export declare const getRoundedAmount: (amount: number, decimals: number) => number;
-export declare const getAmountPlaceholder: (decimals: number) => string;

package/build/utils/number.js

@@ -1,4 +1,3 @@
-import round from 'lodash/round';
 export function formatOrdinal(num) {
     if (!num)
         return '';
@@ -30,9 +29,3 @@ export function pad(num, length = 2) {
 export function isNegative(num) {
     return Math.sign(num) === -1;
 }
-export const getRoundedAmount = (amount, decimals) => {
-    return round(amount, decimals);
-};
-export const getAmountPlaceholder = (decimals) => {
-    return `0.${'0'.repeat(decimals)}`;
-};

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.138-test.1",
-  "testVersion": 1,
+  "version": "0.1.138",
+  "testVersion": 0,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",
@@ -136,4 +136,4 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   }
-}
+}

package/build/components/AmountInput/AmountInput.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-import { Currency } from '../../types/index.js';
-interface AmountInputI extends BoxProps {
-    amount: number | string;
-    setAmount: (value?: number) => void;
-    maxAmount?: number;
-    isError?: boolean;
-    placeholder?: string;
-    selectedCurrency: Currency;
-}
-declare function AmountInput({ amount, setAmount, placeholder, maxAmount, isError, selectedCurrency, ...props }: AmountInputI): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof AmountInput>;
-export default _default;

package/build/components/AmountInput/AmountInput.js

@@ -1,43 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useMemo, useState } from 'react';
-import { isSafariBrowser, getAmountPlaceholder } from '../../utils/index.js';
-import { DisplayAmount } from '../index.js';
-import { Wrapper, InputStyled } from './style';
-const isSafari = isSafariBrowser();
-function AmountInput(_a) {
-    var { amount, setAmount, placeholder, maxAmount, isError, selectedCurrency } = _a, props = __rest(_a, ["amount", "setAmount", "placeholder", "maxAmount", "isError", "selectedCurrency"]);
-    const [editMode, setEditMode] = useState(false);
-    const [value, setValue] = useState(amount || '');
-    const currencyPlaceholder = useMemo(() => getAmountPlaceholder(selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.decimals), [selectedCurrency]);
-    const onChange = (e) => {
-        const newValue = Number(e.target.value) || 0;
-        if (!!maxAmount && newValue > maxAmount)
-            return false;
-        setValue(newValue);
-        setAmount(newValue);
-    };
-    const onBlur = () => {
-        setEditMode(false);
-        setAmount(Number(value));
-    };
-    const onKeyDown = (evt) => {
-        if (isSafari && isNaN(Number(evt.key)) && evt.key !== 'Backspace' && evt.key !== '.') {
-            evt.preventDefault();
-        }
-    };
-    return (_jsx(Wrapper, Object.assign({ sx: props.sx }, { children: editMode ? (_jsx(InputStyled, { placeholder: currencyPlaceholder, value: value, onChange: onChange, onBlur: onBlur, onKeyDown: onKeyDown, isError: isError, inputProps: { step: '0.01' }, hideArrows: true, autoFocus: true })) : (_jsx(DisplayAmount, { selectedCurrency: selectedCurrency, amount: amount, onClick: () => {
-                setEditMode(true);
-            } })) })));
-}
-export default memo(AmountInput);

package/build/components/AmountInput/index.d.ts

@@ -1,2 +0,0 @@
-import AmountInput from './AmountInput';
-export default AmountInput;

package/build/components/AmountInput/index.js

@@ -1,2 +0,0 @@
-import AmountInput from './AmountInput';
-export default AmountInput;

package/build/components/AmountInput/style.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const InputStyled: import("@emotion/styled").StyledComponent<Omit<Readonly<import("@mui/material").InputProps & {
-    isError?: boolean | undefined;
-    hideArrows?: boolean | undefined;
-}>, "ref"> & import("react").RefAttributes<HTMLInputElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/components/AmountInput/style.js

@@ -1,30 +0,0 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-import { InputNumber } from '../index.js';
-export const Wrapper = styled(Box)(({ theme }) => ({
-    color: theme.palette.text.primary,
-    border: `1px solid ${theme.palette.divider}`,
-    padding: theme.spacing(1),
-    borderRadius: '4px',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'flex-end',
-    width: 93,
-    height: 32,
-    textAlign: 'right',
-    input: {
-        fontSize: '11px',
-        border: 'none',
-        color: theme.palette.text.primary,
-        height: 30,
-        padding: 0,
-        textAlign: 'right',
-    },
-    img: { cursor: 'pointer' },
-}));
-export const InputStyled = styled(InputNumber)(() => ({
-    padding: 0,
-    border: 'none',
-    height: 24,
-    input: { textAlign: 'right', width: '100%' },
-}));