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

package/build/_chunks/chunk-TQJTUYWX.js

@@ -1 +0,0 @@
-import {d,j}from'./chunk-EQWBC5CH.js';import {Wb,Zb,nc}from'./chunk-J3ZBLABV.js';import {Ij,Oe,Eb}from'./chunk-V2RLDP5A.js';import {forwardRef,useState,useMemo,useCallback,memo}from'react';import {useDropzone}from'react-dropzone';import {styled}from'@mui/material/styles';import {jsxs,jsx}from'react/jsx-runtime';var n="os-shared-FileUploader",r={root:`${n}-root`,content:`${n}-content`,iconWrapper:`${n}-iconWrapper`,textWrapper:`${n}-textWrapper`,upload:`${n}-upload`,maximum:`${n}-maximum`,errorMessage:`${n}-errorMessage`,closeButton:`${n}-closeButton`};var B=styled("div",{shouldForwardProp:e=>e!=="$disabled"})(({theme:e,$disabled:t})=>{let{grey:p}=e.v2.palette;return {width:"100%",borderRadius:e.v2.radius(4),padding:`${e.v2.spacing(4)} ${e.v2.spacing(8)}`,display:"flex",alignItems:"center",justifyContent:"flex-start",backgroundColor:p[50],gap:e.v2.spacing(8),cursor:t?"default":"pointer",position:"relative",'& [data-slot="input"]':{border:0,clip:"rect(0, 0, 0, 0)",clipPath:"inset(50%)",height:1,margin:"0 -1px -1px 0",overflow:"hidden",padding:0,position:"absolute",width:1,whiteSpace:"nowrap"},...t&&{'& [data-slot="content"], & [data-slot="icon-wrapper"]':{cursor:"default",opacity:.6}}}}),z=styled("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",color:"inherit",cursor:"pointer",gap:e.v2.spacing(8)})),v=styled("div")(({theme:e})=>({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",gap:e.v2.spacing(4),color:"inherit"})),E=styled("div")(({theme:e})=>{let{grey:t,base:p}=e.v2.palette;return {display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",width:32,height:32,flexShrink:0,padding:e.v2.spacing(7),backgroundColor:p.white,borderRadius:e.v2.radius(4),border:`1px solid ${t[100]}`}}),V=styled("button")(()=>({display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",backgroundColor:"transparent",border:"none",width:16,height:16,padding:0,marginLeft:"auto"}));var ne="Click to upload";function pe(e,t){return e||(t?`PDF, JPG or PNG files up to ${t}`:"PDF, JPG or PNG files")}var J=forwardRef(function({options:t,files:p,onChange:A,processFiles:x,disabled:f,error:N,invalidFileTypeText:$="Invalid file type",fileTooLargePrefix:P="File is larger than",maxFileSize:h,preventDuplicates:U,label:L=ne,hintText:X,onResetError:F,className:K,sx:O,id:I},Q){let[C,S]=useState(null),{getRootProps:Y,getInputProps:Z,open:_,isDragReject:W,fileRejections:d$1}=useDropzone({...t,disabled:f||t?.disabled}),g=useMemo(()=>{if(h)return h;if(t?.maxSize)return Wb(t.maxSize,0).toUpperCase()},[h,t?.maxSize]),c=useMemo(()=>{let o=d$1.length>0&&d$1[0].errors.some(s=>s.code==="file-invalid-type"),a=d$1.length>0&&d$1[0].errors.some(s=>s.code==="file-too-large");return W||o?$:a&&g?`${P} ${g}`:C||N},[W,d$1,g,C,N,$,P]),ee=useCallback(o=>{if(S(null),x)return x(o);if(!U)return o.map(l=>({file:l,id:l.name}));let a=[],s=[];for(let l of o)Zb(l,p??[])?a.push(l.name):s.push({file:l,id:l.name});if(a.length>0){let l=a.length===1?"file":"files";S(`Duplicate ${l} detected: ${a.join(", ")}`);}return s},[p,U,x]),w=Z(),te=pe(X,g),oe=useCallback(o=>{o.stopPropagation(),S(null),F?.(o);},[F]);return jsxs(B,{ref:Q,id:I,"data-testid":I??"FileUploader",...Y(),className:nc(r.root,K),sx:O,$disabled:f,onClick:f?void 0:_,children:[jsx("input",{"data-slot":"input",...w,onChange:o=>{w.onChange?.(o);let a=ee(Array.from(o.target.files||[]));(a.length>0||!U)&&A?.(a);},disabled:f}),jsxs(z,{"data-slot":"content",className:r.content,children:[jsx(E,{"data-slot":"icon-wrapper",className:r.iconWrapper,children:jsx(d,{src:c?Ij:Oe,alt:c?"Upload error":"Upload file",sx:{width:16,height:16}})}),c?jsxs(v,{className:r.textWrapper,children:[jsx(j,{textVariant:"micro.medium",className:r.errorMessage,sx:o=>({color:o.v2.palette.error[500]}),children:c}),jsx(j,{textVariant:"caption.medium",className:r.upload,children:"Click to upload again"})]}):jsxs(v,{className:r.textWrapper,children:[jsx(j,{textVariant:"caption.medium",className:r.upload,children:L}),jsx(j,{textVariant:"micro.medium",className:r.maximum,sx:{opacity:.7},children:te})]})]}),c&&F&&jsx(V,{type:"button","data-slot":"close-icon-wrapper",className:r.closeButton,onClick:oe,"aria-label":"Dismiss upload error",children:jsx(d,{src:Eb,alt:"Dismiss",sx:{width:10,height:10}})})]})});J.displayName="FileUploader";var q=memo(J);export{r as a,q as b};

package/build/components/FileDropbox/FileDropbox.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { FileDropboxProps, FileDropboxRef } from './type';
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<FileDropboxProps & import("react").RefAttributes<FileDropboxRef>>>;
-export default _default;

package/build/components/FileDropbox/constants.d.ts

@@ -1,13 +0,0 @@
-export declare const fileDropboxClassNamePrefix: "os-shared-FileDropbox";
-export declare const fileDropboxClassNames: {
-    readonly root: "os-shared-FileDropbox-root";
-    readonly header: "os-shared-FileDropbox-header";
-    readonly title: "os-shared-FileDropbox-title";
-    readonly format: "os-shared-FileDropbox-format";
-    readonly zone: "os-shared-FileDropbox-zone";
-    readonly content: "os-shared-FileDropbox-content";
-    readonly textWrapper: "os-shared-FileDropbox-textWrapper";
-    readonly maximum: "os-shared-FileDropbox-maximum";
-    readonly upload: "os-shared-FileDropbox-upload";
-    readonly uploadAgain: "os-shared-FileDropbox-uploadAgain";
-};

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

@@ -1,3 +0,0 @@
-export { default, default as FileDropbox } from './FileDropbox';
-export type { FileDropboxProps, FileDropboxRef, FileDropboxClassNames } from './type';
-export { fileDropboxClassNames } from './constants';

package/build/components/FileDropbox/index.js

@@ -1 +0,0 @@
-export{b as FileDropbox,b as default,a as fileDropboxClassNames}from'../../_chunks/chunk-MZTBBFA7.js';import'../../_chunks/chunk-EQWBC5CH.js';import'../../_chunks/chunk-J3ZBLABV.js';import'../../_chunks/chunk-V2RLDP5A.js';import'../../_chunks/chunk-ZDBICST5.js';

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-export declare const FileDropboxStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileDropboxHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileDropboxTitleStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").TypographyProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    $isError?: boolean | undefined;
-}, {}, {}>;
-export declare const FileDropboxFormatStyled: import("@emotion/styled").StyledComponent<Omit<Omit<import("../primitives").TypographyProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLElement> | ((instance: HTMLElement | null) => void) | null | undefined;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const FileDropboxZoneStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    $width?: string | number | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileDropboxContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileDropboxTextWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileDropboxMaximumStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileDropboxUploadStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const FileDropboxUploadAgainStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/build/components/FileDropbox/type.d.ts

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-import type { DropzoneProps } from 'react-dropzone';
-import type { SxProps, Theme } from '@mui/material/styles';
-import type { fileDropboxClassNames } from './constants';
-export type FileDropboxClassNames = (typeof fileDropboxClassNames)[keyof typeof fileDropboxClassNames];
-export interface FileDropboxProps {
-    /** Dropzone options. The dropbox owns `useDropzone` internally. */
-    options?: DropzoneProps;
-    /** Translated title. Falls back to `uploadBulkFileText` / state defaults. */
-    title?: React.ReactNode;
-    /** Extra content rendered below the title. */
-    subtitle?: React.ReactNode;
-    /** Accepted formats label (e.g. `csv, xls, xlsx`). Shown under the dropzone hint. */
-    accept?: string;
-    /** Shows the uploading state with progress. Requires a selected file. */
-    isLoading?: boolean;
-    /** Completion percentage shown in the uploading state. */
-    progress?: number;
-    /** Progress indicator mode. Defaults to `determinate`. */
-    progressVariant?: 'determinate' | 'indeterminate';
-    /** Shows the uploaded state. Requires a selected file. */
-    isSuccess?: boolean;
-    /** Translated error text. Rendered as the title when provided. */
-    error?: string;
-    /** Extra content rendered in the dropzone below the illustration while idle or loading. */
-    errorHint?: React.ReactNode;
-    /** Content rendered after the icon, replacing the default prompt block. When omitted, the default state shows the click-to-upload prompt and the error state shows an upload-again button. */
-    action?: React.ReactNode;
-    /** Footer rendered below the dropzone in every state (idle, loading, success). */
-    footer?: React.ReactNode;
-    /** Dropzone width. Defaults to 431. */
-    width?: number | string;
-    /** Translated fallback for invalid-type rejections. Defaults to `Invalid file type`. */
-    invalidFileTypeText?: string;
-    /** Translated prefix for too-large rejections (`{prefix} {maxFileSize}`). Defaults to `File is larger than`. */
-    fileTooLargePrefix?: string;
-    /** Translated uploading title fallback. Defaults to `Uploading...`. */
-    uploadingText?: string;
-    /** Translated wait hint fallback. Defaults to `Please wait`. */
-    waitText?: string;
-    /** Translated default title fallback. Defaults to `Upload bulk file`. */
-    uploadBulkFileText?: string;
-    /** Translated retry label fallback. Defaults to `Upload again`. */
-    uploadAgainText?: string;
-    /** Translated dropzone trigger fallback. Defaults to `Click to upload`. */
-    clickToUploadText?: string;
-    /** Translated dropzone hint joiner fallback. Defaults to `or drag and drop`. */
-    orDragAndDropText?: string;
-    /** Translated max-size prefix fallback. Defaults to `Maximum file size`. */
-    maximumFileSizePrefix?: string;
-    /** Translated formats prefix fallback. Defaults to `Supported formats`. */
-    supportedFormatsPrefix?: string;
-    /** Explicit id — caller passes it for `label` / `aria-*` wiring. Never auto-generated. */
-    id?: string;
-    /** Consumer class merged over the root slot (`fileDropboxClassNames.root`). */
-    className?: string;
-    /** MUI sx overrides applied to the root. */
-    sx?: SxProps<Theme>;
-}
-export interface FileDropboxRef {
-    /** Opens the file dialog programmatically. */
-    open: () => void;
-    /** Clears the selected files and returns to the idle state. */
-    clear: () => void;
-}

package/build/components/FilePreview/constants.d.ts

@@ -1,10 +0,0 @@
-export declare const filePreviewClassNamePrefix: "os-shared-FilePreview";
-export declare const filePreviewClassNames: {
-    readonly root: "os-shared-FilePreview-root";
-    readonly wrapper: "os-shared-FilePreview-wrapper";
-    readonly content: "os-shared-FilePreview-content";
-    readonly iconWrapper: "os-shared-FilePreview-iconWrapper";
-    readonly textWrapper: "os-shared-FilePreview-textWrapper";
-    readonly filename: "os-shared-FilePreview-filename";
-    readonly closeButton: "os-shared-FilePreview-closeButton";
-};

package/build/components/FileUploader/constants.d.ts

@@ -1,11 +0,0 @@
-export declare const fileUploaderClassNamePrefix: "os-shared-FileUploader";
-export declare const fileUploaderClassNames: {
-    readonly root: "os-shared-FileUploader-root";
-    readonly content: "os-shared-FileUploader-content";
-    readonly iconWrapper: "os-shared-FileUploader-iconWrapper";
-    readonly textWrapper: "os-shared-FileUploader-textWrapper";
-    readonly upload: "os-shared-FileUploader-upload";
-    readonly maximum: "os-shared-FileUploader-maximum";
-    readonly errorMessage: "os-shared-FileUploader-errorMessage";
-    readonly closeButton: "os-shared-FileUploader-closeButton";
-};