@campxdev/shared 1.10.92 → 1.10.93

package/package.json

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

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}`)