@tap-payments/os-micro-frontend-shared 0.3.182-test.2 → 0.3.182-test.4

package/build/_chunks/chunk-TMDIGTC5.js

@@ -1 +0,0 @@
-import {a as a$1}from'./chunk-SSBDL6XS.js';import {a}from'./chunk-7MCN6MRG.js';import {j,n}from'./chunk-7PJX5ZKM.js';import {Vb,yc}from'./chunk-2SKLD6QR.js';import {Dj,Ej,Kj,Oe}from'./chunk-OK75VWGZ.js';import {forwardRef,useState,useImperativeHandle,useEffect,useMemo,memo,useId}from'react';import {Button}from'@mui/material';import p from'@mui/material/Box';import {styled,alpha}from'@mui/material/styles';import {useTranslation}from'react-i18next';import {useDropzone}from'react-dropzone';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var G=styled(p)(()=>({textAlign:"center",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"32px"})),u=styled(p)(()=>({paddingInline:"40px"})),d=styled(j,{shouldForwardProp:e=>e!=="isError"})(({theme:e,isError:i})=>({color:i?"#FF2000":e.v2.palette.base.black,fontSize:"18px",fontWeight:600,lineHeight:"20px",marginBottom:"8px"})),J=styled(p)(({theme:e})=>({color:e.palette.text.primary,fontSize:"12px",fontWeight:500,lineHeight:"20px",padding:"4px 12px",borderRadius:"4px",border:`1px solid ${e.palette.divider}`,background:e.palette.common.white,cursor:"pointer"})),g=styled(j)(({theme:e})=>({color:alpha(e.v2.palette.base.black,.7),fontSize:"12px",fontWeight:500,lineHeight:"20px"})),F=styled(p,{shouldForwardProp:e=>e!=="width"})(({theme:e,width:i})=>({width:i||431,minHeight:176,border:`1px dashed ${e.palette.secondary.light}`,borderRadius:"8px",padding:"24px 0",display:"flex",alignItems:"center",justifyContent:"center"})),h=styled(p)(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"24px",color:e.palette.text.primary,fontSize:"14px",lineHeight:"20px",cursor:"default"})),K=styled("span")(()=>({fontWeight:600,textDecorationLine:"underline",cursor:"pointer"})),T=styled(p)(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",color:e.palette.text.primary})),z=styled(p)(({theme:e})=>({color:alpha(e.palette.text.primary,.7),fontSize:"12px",fontWeight:500,lineHeight:"20px"})),O=styled(Button)(({theme:e,disabled:i})=>({borderRadius:"4px",minWidth:"105px",background:i?alpha(e.palette.info.dark,.4):e.palette.info.dark,color:e.palette.common.white,padding:"4px 8px",fontSize:"9px",fontWeight:600,height:"32px",display:"flex",alignItems:"center",justifyContent:"center",textTransform:"none","&:hover":{background:e.palette.info.dark,opacity:.8},"&.Mui-disabled":{color:e.palette.common.white}})),Q=styled(p)(()=>({display:"flex",gap:"8px",justifyContent:"center",alignItems:"center",padding:"6px",boxShadow:"0px 4px 40px 0px rgba(0, 0, 0, 0.19)",borderRadius:"4px"}));var Y=forwardRef(({accept:e,footer:i,options:x,isCreateLoading:U,progress:oe,error:R,errorHint:te,subtitleComponent:S,isSuccess:P,onConfirm:re,isSendDisabled:ie,errorActionComponent:le,title:l,width:B,successFooter:pe,progressVariant:ae},ne)=>{let{t:a$2}=useTranslation(),[n$1,H]=useState([]),{getRootProps:de,getInputProps:se,open:f,acceptedFiles:v,isDragReject:j,fileRejections:s}=useDropzone(x);useImperativeHandle(ne,()=>({open:f}),[f]),useEffect(()=>{H(v);},[v]);let C=Vb(x?.maxSize||0,0).toUpperCase(),m=useMemo(()=>{let me=s.length&&s[0].errors.some(k=>k.code==="file-invalid-type"),ce=s.length&&s[0].errors.some(k=>k.code==="file-too-large");return j||me?a$2("invalidFileType"):ce?`File is larger than ${C}`:R},[j,R,s,C,a$2]),b=useMemo(()=>n$1.length?jsxs(T,{sx:{fontWeight:600},children:[jsx(p,{children:n$1[0].name}),jsx(z,{children:Vb(n$1[0].size)})]}):null,[n$1]);return P&&n$1.length&&!U?jsxs(Fragment,{children:[jsxs(u,{children:[typeof l=="string"?jsx(d,{children:l}):l??jsx(d,{children:"File uploaded"}),S]}),jsx(F,{width:B,children:jsxs(h,{children:[P&&jsx(p,{component:"img",src:Dj,width:56,height:56}),b]})}),pe??jsxs(Q,{children:[jsx(a,{onClick:()=>{H([]);},children:jsx(a$1,{src:Ej,alt:"delete",sx:{width:14,height:14}})}),jsx(O,{disabled:ie,onClick:()=>{re?.(n$1);},children:"Bulk Send"})]})]}):U&&n$1.length?jsxs(Fragment,{children:[jsxs(u,{children:[l&&typeof l!="string"?l:jsxs(Fragment,{children:[jsx(d,{children:l??a$2("uploading")}),jsx(g,{children:a$2("wait")})]}),S]}),jsx(F,{width:B,children:jsxs(h,{children:[U&&jsx(n,{size:56,value:oe,variant:ae??"determinate"}),b]})}),i]}):jsxs(Fragment,{children:[jsxs(u,{children:[m?jsx(d,{isError:true,children:m}):typeof l=="string"?jsx(d,{children:l}):l??jsx(d,{children:a$2("uploadBulkFile")}),S||!!m&&jsx(g,{children:"Supported formats: xls, xlxs"})]}),jsxs(F,{width:B,...de(),children:[jsx("input",{...se()}),jsxs(h,{"data-slot":"content",children:[jsx(p,{component:"img",src:m?Kj:Oe,width:56,height:56}),te,b,m?jsx(Fragment,{children:le||jsx(J,{onClick:f,children:a$2("uploadAgain")})}):jsxs(T,{children:[jsxs(p,{children:[jsx(K,{onClick:f,children:"Click to upload"})," or drag and drop"]}),jsxs(z,{children:["Maximum file size ",C]}),e&&jsx(g,{children:a$2("supportedFormats",{accept:e})})]})]})]}),i]})});Y.displayName="FileUploadBase";var Z=memo(Y);var L=forwardRef((e,i)=>{let x=yc(useId(),"file-upload");return jsx(G,{id:x,"data-testid":"FileUpload","data-slot":"file-upload-wrapper",children:jsx(Z,{...e,ref:i})})});L.displayName="FileUpload";var ee=memo(L);var Xe=ee;export{Xe as a};

package/build/_chunks/chunk-ZEF2G4DA.js

@@ -1 +0,0 @@
-import {yc}from'./chunk-2SKLD6QR.js';import {Cj}from'./chunk-OK75VWGZ.js';import {memo,useId}from'react';import f from'@mui/material/ButtonBase';import {styled}from'@mui/material/styles';import {jsx}from'react/jsx-runtime';import {Box}from'@mui/material';var d=styled(f,{shouldForwardProp:t=>t!=="variant"&&t!=="size"&&t!=="width"&&t!=="height"})(({theme:t,variant:o="confirm",size:e="default",width:n,height:r})=>({textTransform:"capitalize",borderRadius:"4px",lineHeight:"100%",gap:"8px","&.Mui-disabled":{opacity:.5},...o==="confirm"&&{color:t.palette.common.white,background:t.palette.info.dark},...o==="cancel"&&{color:t.palette.grey[700],border:`1px solid ${t.palette.divider}`},...e==="small"&&{height:24,width:"auto",padding:"8px 16px",fontWeight:600,fontSize:"10px"},...e==="default"&&{height:32,width:75,fontWeight:700,padding:"8px 24px",fontSize:"11px"},...n!==void 0&&{width:n},...r!==void 0&&{height:r}}));function u({children:t,sx:o,...e}){let n=yc(useId(),"button");return jsx(d,{id:n,"data-testid":"Button",sx:o,...e,children:t})}u.displayName="Button";var p=memo(u);function s({...t}){return jsx(Box,{component:"button","data-testid":"PlusButton",...t,sx:{cursor:"pointer",padding:0,margin:0,background:"transparent",border:"none",width:24,height:24,...t.sx},children:jsx("img",{src:Cj,alt:"Plus Button",width:24,height:24})})}s.displayName="PlusButton";var l=memo(s);var y=l;var q=p;export{y as a,q as b};

package/build/components/Button/Button.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { ButtonBaseProps } from '@mui/material/ButtonBase';
-export type Variant = 'confirm' | 'cancel';
-export type Size = 'small' | 'default';
-export interface ButtonI extends ButtonBaseProps {
-    variant?: Variant;
-    width?: number | string;
-    height?: number | string;
-    size?: Size;
-}
-declare function Button({ children, sx, ...props }: ButtonI): import("react").JSX.Element;
-declare namespace Button {
-    var displayName: string;
-}
-declare const _default: import("react").MemoExoticComponent<typeof Button>;
-export default _default;

package/build/components/Button/PlusButton/PlusButton.d.ts

@@ -1,10 +0,0 @@
-import { type ComponentPropsWithoutRef } from 'react';
-import { Box } from '@mui/material';
-interface PlusButtonProps extends ComponentPropsWithoutRef<typeof Box> {
-}
-declare function PlusButton({ ...props }: Readonly<PlusButtonProps>): import("react").JSX.Element;
-declare namespace PlusButton {
-    var displayName: string;
-}
-declare const _default: import("react").MemoExoticComponent<typeof PlusButton>;
-export default _default;

package/build/components/Button/PlusButton/index.d.ts

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

package/build/components/Button/StyledButton/StyledButton.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { BoxProps } from '@mui/material/Box';
-export interface StyledButtonProps extends BoxProps {
-    title?: string;
-    isActive?: boolean;
-    isDisabled?: boolean;
-    hasImageFilter?: boolean;
-}
-declare function StyledButton({ children, title, ...props }: StyledButtonProps): import("react").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<typeof StyledButton>;
-export default _default;

package/build/components/Button/StyledButton/index.d.ts

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

package/build/components/Button/StyledButton/style.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { StyledButtonProps } from './StyledButton';
-export declare const Button: 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> & Pick<StyledButtonProps, "isDisabled" | "isActive" | "hasImageFilter">, {}, {}>;

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

@@ -1,4 +0,0 @@
-import Button from './Button';
-export { default as PlusButton } from './PlusButton';
-export { default as StyledButton } from './StyledButton';
-export default Button;

package/build/components/Button/index.js

@@ -1 +0,0 @@
-export{a as PlusButton,b as default}from'../../_chunks/chunk-ZEF2G4DA.js';export{a as StyledButton}from'../../_chunks/chunk-7MCN6MRG.js';import'../../_chunks/chunk-7PJX5ZKM.js';import'../../_chunks/chunk-2SKLD6QR.js';import'../../_chunks/chunk-FH3OCBAM.js';import'../../_chunks/chunk-OK75VWGZ.js';import'../../_chunks/chunk-4GZ7XOYY.js';

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ButtonI } from './Button';
-export declare const BaseButtonStyled: import("@emotion/styled").StyledComponent<import("@mui/material/ButtonBase").ButtonBaseOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "disabled" | "classes" | "className" | "style" | "tabIndex" | "children" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ButtonI, {}, {}>;