@tap-payments/os-micro-frontend-shared 0.0.16-OTP-fix-v4 → 0.0.17

package/build/components/CardHeadline/CardHeadline.js

@@ -3,7 +3,6 @@ import { memo } from 'react';
 import Box from '@mui/material/Box';
 import { styled } from '@mui/material/styles';
 import Text from '../Text';
-import { OtpInputField } from '../index.js';
 const Wrapper = styled(Box)(({ theme }) => ({
     textAlign: 'center',
     color: theme.palette.text.primary,
@@ -11,6 +10,6 @@ const Wrapper = styled(Box)(({ theme }) => ({
 const HeadlineText = styled(Text)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.h3), { marginBottom: '7px', lineHeight: '48px', fontWeight: theme.typography.fontWeightMedium, textTransform: 'capitalize' })));
 const SubHeadlineText = styled(Text)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.h5), { lineHeight: '29px', opacity: 0.3, fontWeight: theme.typography.fontWeightMedium })));
 function CardHeadline({ headline, subHeadline }) {
-    return (_jsxs(Wrapper, { children: [headline && _jsx(HeadlineText, { children: headline }), subHeadline && _jsx(SubHeadlineText, { children: subHeadline }), _jsx(OtpInputField, {})] }));
+    return (_jsxs(Wrapper, { children: [headline && _jsx(HeadlineText, { children: headline }), subHeadline && _jsx(SubHeadlineText, { children: subHeadline })] }));
 }
 export default memo(CardHeadline);

package/build/components/{OtpInputField/OtpInputField.d.ts → OTPInput/OTPInput.d.ts}

@@ -5,6 +5,6 @@ interface OTPInputProps extends Omit<OtpInputProps, 'numInputs' | 'onChange'> {
     onChange?: (otp: string) => void;
     onSubmitOtp?: (otp: string) => void;
 }
-declare function OtpInputField({ numInputs, separateAfter, isInputSecure, isInputNum, onSubmitOtp, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof OtpInputField>;
+declare function OTPInput({ numInputs, separateAfter, isInputSecure, isInputNum, onSubmitOtp, ...props }: OTPInputProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof OTPInput>;
 export default _default;

package/build/components/{OtpInputField/OtpInputField.js → OTPInput/OTPInput.js}

@@ -11,9 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, memo } from 'react';
+import Box from '@mui/material/Box';
 import OtpInput from 'react18-input-otp';
 import { inputFocusStyle, inputStyle, inputErrorStyle, Separator } from './style';
-function OtpInputField(_a) {
+function OTPInput(_a) {
     var { numInputs = 6, separateAfter = 3, isInputSecure = true, isInputNum = true, onSubmitOtp } = _a, props = __rest(_a, ["numInputs", "separateAfter", "isInputSecure", "isInputNum", "onSubmitOtp"]);
     const [otp, setOtp] = useState('');
     const handleChange = (enteredOtp) => {
@@ -22,6 +23,10 @@ function OtpInputField(_a) {
             onSubmitOtp === null || onSubmitOtp === void 0 ? void 0 : onSubmitOtp(enteredOtp);
         }
     };
-    return (_jsx(OtpInput, Object.assign({ inputStyle: Object.assign(Object.assign({}, inputStyle), props.inputProps), focusStyle: inputFocusStyle, errorStyle: inputErrorStyle, value: otp, separator: _jsx(Separator, { children: "-" }), isInputNum: isInputNum, isInputSecure: isInputSecure, numInputs: numInputs, separateAfter: separateAfter, shouldAutoFocus: true, onChange: handleChange }, props)));
+    return (_jsx(Box, Object.assign({ sx: {
+            '::selection': {
+                background: 'transparent',
+            },
+        } }, { children: _jsx(OtpInput, Object.assign({ inputStyle: Object.assign(Object.assign({}, inputStyle), props.inputProps), focusStyle: inputFocusStyle, errorStyle: inputErrorStyle, value: otp, separator: _jsx(Separator, { children: "-" }), isInputNum: isInputNum, isInputSecure: isInputSecure, numInputs: numInputs, separateAfter: separateAfter, shouldAutoFocus: true, onChange: handleChange }, props)) })));
 }
-export default memo(OtpInputField);
+export default memo(OTPInput);

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

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

package/build/components/OTPInput/index.js

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

package/build/components/index.d.ts

@@ -80,4 +80,4 @@ export { default as ConfirmDialog, type ConfirmDialogFunction, type ConfirmDialo
 export { default as ControlPanelContainer } from './ControlPanelContainer';
 export { default as CopyImage } from './CopyImage';
 export { default as AccountDropdown } from './AccountDropdown';
-export { default as OtpInputField } from './OtpInputField';
+export { default as OTPInput } from './OTPInput';

package/build/components/index.js

@@ -80,4 +80,4 @@ export { default as ConfirmDialog } from './ConfirmDialog';
 export { default as ControlPanelContainer } from './ControlPanelContainer';
 export { default as CopyImage } from './CopyImage';
 export { default as AccountDropdown } from './AccountDropdown';
-export { default as OtpInputField } from './OtpInputField';
+export { default as OTPInput } from './OTPInput';

package/build/types/merchant.d.ts

@@ -36,6 +36,9 @@ export interface BusinessMerchant {
         entity: {
             id: string;
             status: VerificationStatus;
+            legal_name: {
+                en: string;
+            };
             merchant: {
                 id: string;
                 status: MerchantStatus;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.16-OTP-fix-v4",
+  "version": "0.0.17",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",

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

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

package/build/components/OtpInputField/index.js

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