robobyte-front-builder 1.0.0

package/src/services/helper/translsateStoreProductTransfer.js

@@ -0,0 +1,40 @@
+export default function translsateStoreProductTransfer(status) {
+  let result = {
+    ar: '',
+    color: 'primary'
+  }
+
+  switch (status) {
+    case 'In':
+      result = {
+        ar: 'ادخال',
+        color: 'primary'
+      }
+      break
+    case 'Out':
+      result = {
+        ar: 'اخراج',
+        color: 'warning'
+      }
+      break
+
+      case 'Release':
+        result = {
+          ar: 'فك الحجز',
+          color: 'warning'
+        }
+        break
+
+        
+      case 'Reserve':
+        result = {
+          ar: 'حجز',
+          color: 'warning'
+        }
+        break
+
+    default:
+      break
+  }
+  return result
+}

package/src/services/helper/translsateStoreType.js

@@ -0,0 +1,25 @@
+export default function translsateStoreType(status) {
+  let result = {
+    ar: '',
+    color: 'primary'
+  }
+
+  switch (status) {
+    case 'Import':
+      result = {
+        ar: 'استيراد',
+        color: 'primary'
+      }
+      break
+    case 'Branch':
+      result = {
+        ar: 'فرع',
+        color: 'warning'
+      }
+      break
+
+    default:
+      break
+  }
+  return result
+}

package/src/services/helper/useInterval.js

@@ -0,0 +1,21 @@
+import React, { useState, useEffect, useRef } from 'react';
+
+export default function useInterval(callback, delay) {
+    const savedCallback = useRef();
+  
+    // Remember the latest callback.
+    useEffect(() => {
+      savedCallback.current = callback;
+    }, [callback]);
+  
+    // Set up the interval.
+    useEffect(() => {
+      function tick() {
+        savedCallback.current();
+      }
+      if (delay !== null) {
+        let id = setInterval(tick, delay);
+        return () => clearInterval(id);
+      }
+    }, [delay]);
+  }

package/src/services/helper/yupCutomization.js

@@ -0,0 +1,15 @@
+import { setLocale } from 'yup'
+
+setLocale({
+  mixed: {
+    required: 'هذا الحقل مطلوب',
+    oneOf: 'يحب ان يكون مطابق الى: ${values}'
+  },
+  string: {
+    min: 'يجب ان يكون اكثر من ${min} حرف',
+    length: 'يجب ان يكون ${length} حرف'
+  },
+  number: {
+    min: 'يجب ان يكون اكثر من ${min}'
+  }
+})

package/src/services/reportData/fetchReportData.js

@@ -0,0 +1,210 @@
+// Simple data fetcher by report pageId, not tied to AG Grid
+// This file intentionally contains only the report-model based fetcher per requirements.
+// Parameters:
+// - pageId (string|number)
+// - filter (external filter object)
+// - dataasobject (bool) OR dataAsObject (bool)
+// - isPagination (bool)
+// - isSingle (bool)
+// Optional extras: page (default 1), pageSize (default 50)
+
+import { Services } from 'src/services/Endpoints'
+import { Endpoints } from 'src/services/Endpoints'
+import { ReportBuilderEndpoints } from 'services/Endpoints/ReportBuilderEndpoints'
+import { FilterFormat } from 'services/helper/FilterFormat'
+import { Helper } from 'services/helper/helper'
+
+// In-memory cache for builder models by pageId (resets on refresh/new tab)
+const builderModelCache = new Map()
+
+function toNestedByUnderscore(input) {
+  if (input == null) return input
+
+  if (Array.isArray(input)) {
+    return input.map(v => (v && typeof v === 'object' ? toNestedByUnderscore(v) : v))
+  }
+
+  if (typeof input !== 'object') return input
+
+  const result = {}
+
+  const setNested = (target, parts, value) => {
+    let ref = target
+    for (let i = 0; i < parts.length - 1; i++) {
+      const key = Helper.toCamelCaseDotNet(parts[i])
+      if (!ref[key] || typeof ref[key] !== 'object' || Array.isArray(ref[key])) {
+        ref[key] = {}
+      }
+      ref = ref[key]
+    }
+
+    const last = Helper.toCamelCaseDotNet(parts[parts.length - 1])
+    const existing = ref[last]
+    if (
+      existing &&
+      typeof existing === 'object' &&
+      !Array.isArray(existing) &&
+      value &&
+      typeof value === 'object' &&
+      !Array.isArray(value)
+    ) {
+      ref[last] = { ...existing, ...value }
+    } else {
+      ref[last] = value
+    }
+  }
+
+  for (const [key, val] of Object.entries(input)) {
+    const nestedVal = val && typeof val === 'object' ? toNestedByUnderscore(val) : val
+    const parts = String(key).split('_').filter(Boolean)
+    if (parts.length === 0) continue
+
+    if (parts.length === 1) {
+      const k = Helper.toCamelCaseDotNet(parts[0])
+      const existing = result[k]
+      if (existing && typeof existing === 'object' && nestedVal && typeof nestedVal === 'object') {
+        result[k] = { ...existing, ...nestedVal }
+      } else {
+        result[k] = nestedVal
+      }
+    } else {
+      setNested(result, parts, nestedVal)
+    }
+  }
+
+  return result
+}
+
+// Helper: convert flat API row to nested/object shape based on builder selectedFields
+function convertToNestedObject(flatObject, builderData) {
+  const resultObject = {}
+  Object.keys(flatObject || {}).forEach(path => {
+    const value = flatObject[path]
+    const matchedCol = builderData?.selectedFields?.find(col => {
+      const cleanedColPath = col.headerName ?? col.path.replace(/\./g, '_')
+      return cleanedColPath?.toLowerCase() === path.toLowerCase()
+    })
+    if ((path || '').startsWith('pivot_')) {
+      const cleanedPath = path.substring(6)
+      resultObject[cleanedPath] = value
+    } else {
+      const newPath = matchedCol?.headerName ?? matchedCol?.path?.replace(/\./g, '_') ?? path
+      resultObject[newPath] = value
+    }
+  })
+  return resultObject
+}
+
+export async function fetchReportDataByPageId({
+  pageId,
+  filter = {},
+  isDataOnly = false,
+  dataAsObject = false,
+  isPagination = true,
+  isSingle = false,
+  globalParams = null,
+  page = 1,
+  pageSize = 50
+}) {
+  try {
+    const asObject = dataAsObject
+
+    // 1) Load builder model via pageId with cache
+    const cacheKey = String(pageId)
+    let builderModel = builderModelCache.get(cacheKey)
+    if (!builderModel) {
+      const detailsResp = await Services.PostService(
+        Endpoints.ReportBuilder.Post.GetReportDetails,
+        false,
+        {},
+        { id: null, pageId }
+      )
+
+      const detailsData = detailsResp?.data
+      if (!detailsData || !detailsData.value) {
+        return { success: false, error: 'Report details not found' }
+      }
+
+      builderModel = { ...JSON.parse(detailsData.value), id: detailsData.id }
+      builderModelCache.set(cacheKey, builderModel)
+    }
+
+    if (globalParams != null && builderModel?.selectionParams != null) {
+      builderModel.selectionParams = builderModel.selectionParams.map((param, idx) => {
+        if (globalParams.hasOwnProperty(idx)) {
+          return { ...param, value: globalParams[idx] }
+        }
+        return param
+      })
+    }
+
+    // 2) Prepare filters (no AG Grid specifics)
+    let localFilter = filter ? { ...filter } : {}
+    let localTFilter = localFilter?.Tfilter ? [...localFilter.Tfilter] : []
+    localTFilter = localFilter?.TFilter ? [...localTFilter, ...localFilter.TFilter] : [...localTFilter]
+    const builderFilter = builderModel?.filter?.Tfilter ?? []
+    localTFilter = (localTFilter || []).filter(x => x?.value !== null && x?.value !== undefined && x?.value !== '')
+    localTFilter = [...localTFilter, ...builderFilter]
+    delete localFilter.Tfilter
+    delete localFilter.TFilter
+    delete localFilter.LocalTfilter
+    delete localFilter.localTfilter
+    delete localFilter.fixedTFilter
+    delete localFilter.fixedTfilter
+
+    const formattedT = FilterFormat(localTFilter)
+    let data = {
+      ...localFilter,
+      tFilter: Array.isArray(formattedT) ? formattedT.filter(f => (f == null ? false : f.value !== null)) : [],
+      selectFields: builderModel?.selectedFields || [],
+      selectParams: builderModel?.selectionParams || [],
+      rawSql: builderModel?.rawSql
+    }
+
+    // 3) Determine request options and call GenericGet
+    const getType = isPagination
+      ? builderModel?.isRaw
+        ? 'SqlPagination'
+        : 'Pagination'
+      : builderModel?.isRaw
+      ? 'SqlNoPagination'
+      : 'NoPagination'
+
+    const response = await Services.PostService(ReportBuilderEndpoints.Post.GenericGet, false, data, {
+      page: isSingle ? 1 : page,
+      pageSize: isSingle ? 1 : pageSize,
+      getType,
+      sourceModel: builderModel?.reportSource?.fullName
+    })
+
+    // 4) Shape output
+    let rows = Array.isArray(response?.data) ? response.data : []
+
+    if (asObject) {
+      rows = rows.map(r => toNestedByUnderscore(r))
+    }
+    if (isSingle) rows = rows[0]
+
+    if (isDataOnly) {
+      return rows
+    } else
+      return {
+        success: true,
+        rows,
+        total: response?.totalCount,
+        rawResponse: response,
+        finalRequest: {
+          endpoint: ReportBuilderEndpoints.Post.GenericGet,
+          getType,
+          filter: data,
+          sourceModel: builderModel?.reportSource?.fullName,
+          params: { page: isSingle ? 1 : page, pageSize: isSingle ? 1 : pageSize }
+        }
+      }
+  } catch (error) {
+    console.error('fetchReportDataByPageId error', error)
+    return { success: false, error }
+  }
+}
+
+export default fetchReportDataByPageId

package/src/views/ConfirmDialog.js

@@ -0,0 +1,178 @@
+import {
+  Button,
+  Checkbox,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Divider,
+  Grid,
+  MenuItem,
+  Select,
+  FormControl,
+  Autocomplete,
+  TextField,
+  Typography,
+  Alert,
+  Fade,
+  Zoom
+} from '@mui/material'
+import Box from '@mui/material/Box'
+import { Close } from 'mdi-material-ui'
+import { Warning, DeleteOutline } from '@mui/icons-material'
+import { useState } from 'react'
+
+const ConfirmDelete = props => {
+  const { handleToggleDialogs, dialog, actionsFunction } = props
+
+  const [isAnimating, setIsAnimating] = useState(false)
+
+  const handleDialogClose = async () => {
+    if (!isAnimating) {
+      handleToggleDialogs(dialog)
+    }
+  }
+
+  const handleDialogConfirm = async () => {
+    setIsAnimating(true)
+    setTimeout(() => {
+      actionsFunction()
+      setIsAnimating(false)
+      handleToggleDialogs(dialog)
+    }, 1000)
+  }
+
+  return (
+    <>
+      <DialogTitle id='confirmation-dialog-title' sx={{ padding: 0, marginBottom: 5 }}>
+        <Box
+          sx={{
+            display: 'flex',
+            justifyContent: 'space-between',
+            backgroundColor: 'background.default',
+            p: theme => theme.spacing(3, 3.255, 3, 5.255)
+          }}
+        >
+          <Zoom in={true} style={{ transitionDelay: '100ms' }}>
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
+              <Warning
+                sx={{
+                  fontSize: 30,
+                  color: '#ff5722',
+                  animation: isAnimating ? 'pulse 0.5s infinite' : 'none',
+                  '@keyframes pulse': {
+                    '0%': { transform: 'scale(1)' },
+                    '50%': { transform: 'scale(1.1)' },
+                    '100%': { transform: 'scale(1)' }
+                  }
+                }}
+              />
+              <Typography variant='h6' sx={{ fontWeight: 'bold', color: '#d32f2f' }}>
+                حذف العنصر
+              </Typography>
+            </Box>
+          </Zoom>
+          <Box sx={{ display: 'flex', alignItems: 'center' }}>
+            <Close fontSize='small' onClick={handleDialogClose} sx={{ cursor: 'pointer' }} />
+          </Box>
+        </Box>
+      </DialogTitle>
+
+      <DialogContent className='dialog-body'>
+        <Fade in={true} style={{ transitionDelay: '200ms' }}>
+          <Box>
+            <Alert
+              severity="error"
+              sx={{
+                mb: 3,
+                '& .MuiAlert-icon': {
+                  fontSize: 24
+                }
+              }}
+            >
+              <Typography variant="body1" sx={{ fontWeight: 'bold' }}>
+                تحذير: هذا الإجراء غير قابل للإلغاء!
+              </Typography>
+            </Alert>
+
+            <Typography variant='h5' sx={{ py: 5, textAlign: 'center', fontWeight: 'bold' }}>
+              هل انت متاكد من هذة العملية؟
+            </Typography>
+            <Typography variant="body2" color="text.secondary" sx={{ textAlign: 'center', mb: 3 }}>
+              لايمكن التراجع عن العملية بعد التاكيد
+            </Typography>
+
+            {isAnimating && (
+              <Fade in={isAnimating}>
+                <Box sx={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
+                  flexDirection: 'column',
+                  mt: 2,
+                  mb: 3
+                }}>
+                  <DeleteOutline
+                    sx={{
+                      fontSize: 40,
+                      color: '#d32f2f',
+                      animation: 'spin 1s linear infinite',
+                      '@keyframes spin': {
+                        '0%': { transform: 'rotate(0deg)' },
+                        '100%': { transform: 'rotate(360deg)' }
+                      }
+                    }}
+                  />
+                  <Typography variant="body2" sx={{ mt: 1, color: '#d32f2f' }}>
+                    جاري الحذف...
+                  </Typography>
+                </Box>
+              </Fade>
+            )}
+
+            <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 3 }}>  
+              <Button
+                variant='contained'
+                color='error'
+                onClick={handleDialogConfirm}
+                disabled={isAnimating}
+                sx={{
+                  minWidth: 120, 
+                  backgroundColor: '#d32f2f',
+                  '&:hover': {
+                    backgroundColor: '#b71c1c'
+                  },
+                  '&:disabled': {
+                    backgroundColor: '#ffcdd2'
+                  }
+                }}
+              >
+                {isAnimating ? 'جاري الحذف...' : 'تاكيد'}
+              </Button>
+              <Button
+                variant='contained'
+                color='inherit'
+                onClick={handleDialogClose}
+                disabled={isAnimating}
+                sx={{
+                  minWidth: 120,
+                  borderColor: '#9e9e9e',
+                  color: '#666',
+                  '&:hover': {
+                    backgroundColor: '#f5f5f5'
+                  }, 
+                  '&:disabled': {
+                    backgroundColor: '#e0e0e0'
+                  }
+                }}
+              >
+                الغاء
+              </Button>
+            </Box>
+          </Box>
+        </Fade>
+      </DialogContent>
+    </>
+  )
+}
+
+export default ConfirmDelete