@campxdev/shared 1.10.91 → 1.10.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.10.91",
+  "version": "1.10.93",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/IconButtons/IconButtons.tsx

@@ -5,8 +5,9 @@ import {
   DisabledDeleteIcon,
   DisabledEditIcon,
   EditIcon,
-  ViewIcon,
   PrintIcon,
+  RestoreIcon,
+  ViewIcon,
 } from './Icons'
 
 interface ButtonProps extends IconButtonProps {
@@ -120,6 +121,16 @@ export function DeleteButton({
   )
 }
 
+export const RestoreButton = ({ ...props }: ButtonProps) => {
+  return (
+    <>
+      <Button {...props}>
+        <RestoreIcon />
+      </Button>
+    </>
+  )
+}
+
 const StyledIconButton = styled(IconButton)<{
   actionType: 'delete' | 'edit' | 'view' | 'print'
 }>(({ theme, actionType }) => ({

package/src/components/IconButtons/Icons.tsx

@@ -98,6 +98,28 @@ export const DeleteIcon = () => {
   )
 }
 
+export const RestoreIcon = () => {
+  return (
+    <>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="17.375"
+        height="17.375"
+        viewBox="0 0 17.375 17.375"
+      >
+        <path
+          id="Path_19300"
+          data-name="Path 19300"
+          d="M17.9,9.564A8.347,8.347,0,0,0,9.564,17.9a.333.333,0,0,0,.667,0,7.675,7.675,0,1,1,2.324,5.5h1.74a.333.333,0,1,0,0-.667h-2.5a.321.321,0,0,0-.08.016c-.01,0-.02,0-.03.006a.323.323,0,0,0-.076.042.312.312,0,0,0-.034.019s0,.006-.007.009a.9.9,0,0,0-.08.111s0,0,0,.007a.328.328,0,0,0-.025.129v2.5a.333.333,0,0,0,.667,0V23.914A8.337,8.337,0,1,0,17.9,9.564Z"
+          transform="translate(-9.214 -9.214)"
+          fill="#1c1c1c"
+          stroke="#1c1c1c"
+          stroke-width="0.7"
+        />
+      </svg>
+    </>
+  )
+}
 export const DisabledEditIcon = () => {
   return (
     <svg

package/src/components/IconButtons/index.tsx

@@ -1,8 +1,9 @@
 export {
-  ViewButton,
   DeleteButton,
   EditButton,
   PrintButton,
+  RestoreButton,
+  ViewButton,
 } from './IconButtons'
 
 export { DateRangeIcon } from './Icons'

package/src/components/ReportHeader.tsx

@@ -1,12 +1,24 @@
-import { Box, Typography } from '@mui/material'
+import { Box, SxProps, Typography } from '@mui/material'
+import { Variant } from '@mui/material/styles/createTypography'
 
+interface TypographyList {
+  text: string
+  sx?: SxProps
+  variant?: Variant
+}
 interface ReportHeaderProps {
+  typographyList?: TypographyList[]
   logo: any
-  address: string
-  title?: string
+  imageSize?: string
+  containerSx?: SxProps
 }
 
-export const ReportHeader = ({ logo, address, title }: ReportHeaderProps) => {
+export default function ReportHeader({
+  logo,
+  typographyList,
+  containerSx,
+  imageSize,
+}: ReportHeaderProps) {
   return (
     <Box
       sx={{
@@ -14,24 +26,23 @@ export const ReportHeader = ({ logo, address, title }: ReportHeaderProps) => {
         flexDirection: 'column',
         alignItems: 'center',
         gap: '5px',
+        ...containerSx,
       }}
     >
       <img
         style={{
-          height: '40px',
+          height: imageSize ? imageSize : '80px',
           objectFit: 'contain',
         }}
         src={logo}
       />
 
-      <Typography variant="h5" style={{ fontSize: '15px' }}>
-        {address}
-      </Typography>
-      {title && (
-        <Typography variant="h2" style={{ fontSize: '13px' }}>
-          {title}
-        </Typography>
-      )}
+      {typographyList &&
+        typographyList.map((s) => (
+          <Typography variant={s.variant} sx={{ ...s.sx }}>
+            {s.text}
+          </Typography>
+        ))}
     </Box>
   )
 }

package/src/components/index.ts

@@ -58,6 +58,7 @@ export { default as NoDataIllustration } from './NoDataIllustration'
 export { PageContent } from './PageContent'
 export { default as PageHeader } from './PageHeader'
 export { default as useConfirm } from './PopupConfirm/useConfirm'
+export { default as ReportHeader } from './ReportHeader'
 export { default as ReportPageHeader } from './ReportPageHeader'
 export { default as Spinner } from './Spinner'
 export { default as PaymentStepper } from './Stepper'

package/src/config/axiosXTenant.ts

@@ -7,6 +7,7 @@ import { formatParams } from './axios'
 const sessionKey = Cookies.get('campx_session_key')
 const clientId = window.location.pathname.split('/')[1] ?? 'campx_dev'
 const evaluatorKey = Cookies.get('campx_evaluator_key')
+const openPaymentsKey = Cookies.get('campx_open_payments_key')
 
 const axiosTenant = Axios.create({
   baseURL: process.env.REACT_APP_API_HOST,
@@ -20,6 +21,9 @@ const axiosTenant = Axios.create({
     ...(evaluatorKey && {
       campx_evaluator_key: evaluatorKey,
     }),
+    ...(openPaymentsKey && {
+      campx_open_payments_key: openPaymentsKey,
+    }),
   },
 })
 

package/src/contexts/Providers.tsx

@@ -35,7 +35,7 @@ export default function Providers({ children }: { children: ReactNode }) {
   useEffect(() => {
     if (!urlTenantKey) {
       if (isDevelopment) {
-        window.location.replace(window.location.origin + `/campx_dev`)
+        window.location.replace(window.location.origin + `/aupulse`)
       }
       if (campxTenantKey)
         window.location.replace(window.location.origin + `/${campxTenantKey}`)