karthikalakshmi
/
Android_Retail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

After Suspense

This commit is contained in:
Your Name 2026-02-12 18:15:06 +05:30
parent dbf4657499
commit f41a0a376d
32 changed files with 1067 additions and 1482 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/App.jsx
View File

@ -52,17 +52,17 @@ const AppRoutes = () => {
}; };
}, []); }, []);
useEffect(() => { // useEffect(() => {
if (isMobile || isIOS) return; // if (isMobile || isIOS) return;
const timer = setInterval(() => { // const timer = setInterval(() => {
if (devtools.isOpen) { // if (devtools.isOpen) {
document.body.innerHTML = // document.body.innerHTML =
"<h1 style='color:red;text-align:center'>Close Inspect to continue</h1>"; // "<h1 style='color:red;text-align:center'>Close Inspect to continue</h1>";
} // }
}, 1000); // }, 1000);
return () => clearInterval(timer); // return () => clearInterval(timer);
}, []); // }, []);
if (extendModel) { if (extendModel) {

26
src/Components/Menu/PozoMenu.scss
View File

@ -1,12 +1,11 @@
// PozoMenu Component Styles - Integrated with SideMenuPozo
.pozo-menu { .pozo-menu {
font-family: "Poppins", sans-serif !important; font-family: "Poppins", sans-serif !important;
background: transparent; background: transparent;
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
// overflow: hidden;
overflow: auto; overflow: auto;
user-select: none; user-select: none;
scrollbar-width: none;
@media (max-width: 500px) { @media (max-width: 500px) {
overflow: scroll; overflow: scroll;
@ -336,24 +335,12 @@
// Bottom menu positioning // Bottom menu positioning
.bottom-menu { .bottom-menu {
.pozo-dropdown-submenu { .pozo-dropdown-submenu {
// Remove transform for bottom menu - use calculated position
transform: none !important; transform: none !important;
margin-top: 0 !important; margin-top: 0 !important;
} }
} }
// Responsive Design
@media (max-width: 900px) { @media (max-width: 900px) {
// .pozo-dropdown-submenu {
// // left: 70px !important;
// // min-width: 180px;
// // max-width: calc(100vw - 80px);
// }
// .pozo-dropdown-submenu.nested-submenu {
// // left: 70px !important;
// }
.bottom-menu .pozo-dropdown-submenu { .bottom-menu .pozo-dropdown-submenu {
left: 70px !important; left: 70px !important;
} }
@ -367,16 +354,11 @@
} }
.pozo-dropdown-submenu { .pozo-dropdown-submenu {
// min-width: 160px;
// max-width: calc(50vw - 20px);
// left: 30% !important;
// right: 10px !important;
position: unset !important; position: unset !important;
width: 100% !important; width: 100% !important;
min-width: unset !important; min-width: unset !important;
max-width: unset !important; max-width: unset !important;
background-color: #050d36c4; background-color: #050d36c4;
// border-top: 1px solid #23bbff;
margin-top: 2px !important; margin-top: 2px !important;
} }
@ -389,7 +371,6 @@
@media (max-width: 500px) { @media (max-width: 500px) {
.pozo-menu-item { .pozo-menu-item {
// padding: 8px 8px;
padding: 6px 4px 6px 6px; padding: 6px 4px 6px 6px;
font-size: 15px; font-size: 15px;
} }
@ -451,9 +432,8 @@
} }
} }
.clearGenQRCode {
.clearGenQRCode{ button {
button{
background-color: #000 !important; background-color: #000 !important;
} }
} }

6
src/Components/Menu/SideMenuPozo.jsx
View File

@ -1,4 +1,4 @@
import { useState, useEffect, useRef } from 'react'; import { useState, useEffect, useRef } from 'react';
import { useNavigate, useLocation } from 'react-router-dom'; import { useNavigate, useLocation } from 'react-router-dom';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
@ -9,7 +9,7 @@ import { AuthContext } from '../../AuthContext';
import PozoMenu from './PozoMenu'; import PozoMenu from './PozoMenu';
import { import {
changePreviewComponents, changePreviewComponents,
changeSelectedPrintdummyData changeSelectedPrintdummyData,
} from '../../Features/ThemeChange/ThemeChange'; } from '../../Features/ThemeChange/ThemeChange';
import { import {
changeBookingType, changeBookingType,
@ -350,7 +350,6 @@ const SideMenuPozo = ({ items = [] }) => {
); );
// Recursive render for menu and submenus // Recursive render for menu and submenus
// Custom onClick handler for PozoMenu // Custom onClick handler for PozoMenu
const handlePozoMenuClick = (e) => { const handlePozoMenuClick = (e) => {
console.log('PozoMenu clicked:', e); console.log('PozoMenu clicked:', e);
@ -379,6 +378,7 @@ const SideMenuPozo = ({ items = [] }) => {
gap: '6px', gap: '6px',
height: '68vh', height: '68vh',
overflow: 'auto', overflow: 'auto',
scrollbarWidth: 'none',
}} }}
> >
<div className="paypreLogoDiv"> <div className="paypreLogoDiv">

144
src/Pages/BookingScreen/BookingPage.jsx
View File

@ -1,12 +1,28 @@
import { useEffect, useState } from 'react'; import { useEffect, useState, lazy, Suspense } from 'react';
import { useSelector, useDispatch } from 'react-redux'; import { useSelector, useDispatch } from 'react-redux';
import BSLayout1 from '../../Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx';
import BSLayout2 from '../../Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx'; const BSLayout1 = lazy(
import BSLayout3 from '../../Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx'; () => import('../../Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx')
import BSLayout4 from '../../Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx'; );
import BSLayout5 from '../../Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx'; const BSLayout2 = lazy(
import BSLayout6 from '../../Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx'; () => import('../../Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx')
import BSCombo from '../../Pages/BookingScreen/Template/BSLayout7/BSCombo1.jsx'; );
const BSLayout3 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx')
);
const BSLayout4 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx')
);
const BSLayout5 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx')
);
const BSLayout6 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx')
);
const BSCombo = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout7/BSCombo1.jsx')
);
import { import {
getPrintSelectionComponentData, getPrintSelectionComponentData,
getTemplate, getTemplate,
@ -47,10 +63,7 @@ const BookingPage = () => {
const [ismounted, setIsmounted] = useState(false); const [ismounted, setIsmounted] = useState(false);
const [templateLoaded, setTemplateLoaded] = useState(false); const [templateLoaded, setTemplateLoaded] = useState(false);
const PricingAppPricingName = useSelector(GlobalPricingAppPricingName); const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
// const Advance = PricingAppPricingName?.some(item => item.PricingName === "Advance");
// const Pro = PricingAppPricingName?.some(
// (item) => item.PricingName === 'Customized'
// );
const CompId = getSession('CompId'); const CompId = getSession('CompId');
const BranchId = getSession('BranchId'); const BranchId = getSession('BranchId');
const AppId = getSession('AppId'); const AppId = getSession('AppId');
@ -59,16 +72,8 @@ const BookingPage = () => {
const UserType = getSession('UserType'); const UserType = getSession('UserType');
const AuthToken = sessionStorage.getItem('auth'); const AuthToken = sessionStorage.getItem('auth');
const SessionMobileNo = getSession('MobileNo'); const SessionMobileNo = getSession('MobileNo');
// const [FeatureAddonData, setFeatureAddonData] = useState([]);
const FeatureAddonData = useSelector(GlobalFeatAddOnData); const FeatureAddonData = useSelector(GlobalFeatAddOnData);
const Scantemplatedata = useSelector(GlobalScanTemplate); const Scantemplatedata = useSelector(GlobalScanTemplate);
// useEffect(() => {
// dispatch(
// getPreferenceData({ CompId: CompId, AppId: AppId, BranchId: BranchId })
// );
// financialYear();
// // dispatch(getTemplate({ CompId, BranchId, AppId })).unwrap();
// }, []);
useEffect(() => { useEffect(() => {
if (BranchId) { if (BranchId) {
@ -111,35 +116,6 @@ const BookingPage = () => {
}; };
} }
}; };
// const financialYear = async () => {
// const response = await dispatch(
// getBranchDetail({ BrId: BranchId })
// ).unwrap();
// if (response?.data?.statusCode === 1) {
// const data = response?.data?.data?.[0];
// const FYStatus = data?.FYStatus;
// const FYStartsFrom = data?.FYStartsFrom
// ? new Date(data.FYStartsFrom)
// : null;
// const today = new Date();
// today.setHours(0, 0, 0, 0);
// if (FYStartsFrom) FYStartsFrom.setHours(0, 0, 0, 0);
// let statusToDispatch = 'N';
// if (FYStatus === 'N') {
// statusToDispatch = 'Y';
// } else if (FYStatus === 'Y') {
// if (FYStartsFrom && FYStartsFrom <= today) {
// statusToDispatch = 'Y';
// } else {
// statusToDispatch = 'N';
// }
// }
// dispatch(ChangeBranchFinancialStatus(statusToDispatch));
// }
// };
useEffect(() => { useEffect(() => {
const SessionData = { const SessionData = {
@ -194,20 +170,11 @@ const BookingPage = () => {
appId: AppId, appId: AppId,
userId: UserId, userId: UserId,
}; };
// getFeatureAddonData();
} }
// dispatch(getConfigType({ TypeName: 'Booking Type' })).unwrap();
dispatch(PricingAppPricingNameData(data)).unwrap(); dispatch(PricingAppPricingNameData(data)).unwrap();
}, []); }, []);
// useEffect(() => {
// if (Advance) {
// Professional('Advance');
// }
// }, [Advance]);
useEffect(() => { useEffect(() => {
const fetchData = async (Plan) => { const fetchData = async (Plan) => {
if (templateLoaded) return; // STOP duplicate calls if (templateLoaded) return; // STOP duplicate calls
@ -415,13 +382,8 @@ const BookingPage = () => {
!templateResponse?.data?.data || !templateResponse?.data?.data ||
templateResponse.data.data.length === 0 templateResponse.data.data.length === 0
) { ) {
// If no template data, call Professional('Advance')
Professional(Plan); Professional(Plan);
// setIsmounted(false)
} }
// else {
// setIsmounted(false)
// }
} }
// Check if template data is empty or not // Check if template data is empty or not
}; };
@ -452,14 +414,8 @@ const BookingPage = () => {
// setIsmounted(false) // setIsmounted(false)
} }
} else { } else {
// if (hasCustomizedTemplate) {
// fetchData('Standard');
// } else {
fetchData('Standard'); fetchData('Standard');
// Professional('Standard');
// }
} }
// setIsmounted(false)
} }
}, [PricingAppPricingName]); }, [PricingAppPricingName]);
useEffect(() => { useEffect(() => {
@ -484,23 +440,11 @@ const BookingPage = () => {
SelectedApplication: AppId, SelectedApplication: AppId,
AppName: AppName, AppName: AppName,
Type: data, Type: data,
// === 'Standard' ? 'Standard' : 'Pro'
}; };
dispatch(changetemplateData(tempData)); dispatch(changetemplateData(tempData));
}; };
// const getFeatureAddonData = async () => {
// let featureAddon = await dispatch(
// FeatureAddon({ AppId: AppId, UserId: UserId })
// ).unwrap();
// if (featureAddon?.data?.statusCode === 1) {
// setFeatureAddonData(featureAddon?.data?.data?.[0]?.FeatAddonHdr?.[0]);
// } else {
// setFeatureAddonData([]);
// }
// };
if (ismounted) if (ismounted)
return ( return (
<div <div
@ -522,13 +466,37 @@ const BookingPage = () => {
<div style={{ backgroundColor: '#fff !important' }}> <div style={{ backgroundColor: '#fff !important' }}>
{Object.keys(templateData)?.length > 0 ? ( {Object.keys(templateData)?.length > 0 ? (
<> <>
{BookingLayout === 'Layout1' && <BSLayout1 />} <Suspense
{BookingLayout === 'Layout2' && <BSLayout2 />} fallback={
{BookingLayout === 'Layout3' && <BSLayout3 />} <div
{BookingLayout === 'Layout4' && <BSLayout4 />} style={{
{BookingLayout === 'Layout5' && <BSLayout5 />} fontSize: '14px',
{BookingLayout === 'Layout6' && <BSLayout6 />} fontFamily: 'Poppins',
{BookingLayout?.includes('Combo') && <BSCombo />} display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: '0',
height: '99vh',
overflow: 'hidden',
flexDirection: 'column',
fontWeight: '500',
}}
>
Loading Layout...
<span style={{ fontSize: '16px', fontWeight: '500' }}>
PozoApp
</span>
</div>
}
>
{BookingLayout === 'Layout1' && <BSLayout1 />}
{BookingLayout === 'Layout2' && <BSLayout2 />}
{BookingLayout === 'Layout3' && <BSLayout3 />}
{BookingLayout === 'Layout4' && <BSLayout4 />}
{BookingLayout === 'Layout5' && <BSLayout5 />}
{BookingLayout === 'Layout6' && <BSLayout6 />}
{BookingLayout?.includes('Combo') && <BSCombo />}
</Suspense>
</> </>
) : ( ) : (
<>{/* {Advance ? <div>Loading...</div> : null} */}</> <>{/* {Advance ? <div>Loading...</div> : null} */}</>

13
src/Pages/BookingScreen/Components/BSCategories/BSCategoryVertical.jsx
View File

@ -1007,7 +1007,6 @@ function BSCategoryVertical(props) {
// " % ", // " % ",
}))} }))}
className="field-DropDown" className="field-DropDown"
// placeholder="ConfigType"
label={<label class="required">Tax</label>} label={<label class="required">Tax</label>}
// optionsNames={{ value: "TaxPercentage", label: "TaxIdName" }} // optionsNames={{ value: "TaxPercentage", label: "TaxIdName" }}
onChangeFunction={(selectedValue) => onChangeFunction={(selectedValue) =>
@ -1229,11 +1228,9 @@ function BSCategoryVertical(props) {
)} )}
<div className="CategoryVertical-buttons" ref={containerRef}> <div className="CategoryVertical-buttons" ref={containerRef}>
{/* {isDownDisabled &&<button className="CategoryVertical-icon" onClick={scrollUp}> <div
<UpOutlined /> style={{ display: 'flex', justifyContent: 'center', width: '100%' }}
</button>} */} >
<div>
{showUpButton && ( {showUpButton && (
<div <div
className="CategoryVertical-icon" className="CategoryVertical-icon"
@ -1270,10 +1267,6 @@ function BSCategoryVertical(props) {
</div> </div>
)} )}
</div> </div>
{/* {isUpDisabled&& <button className="CategoryVertical-icon" onClick={scrollDown}>
<DownOutlined />
</button>} */}
</div> </div>
<div <div

5
src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx
View File

@ -6097,13 +6097,14 @@ const BSItemCard = (props) => {
<div <div
style={{ style={{
position: 'relative', position: 'relative',
overflow: 'auto', overflow: 'hidden',
scrollbarWidth:"none"
}} }}
className={ className={
(item?.OverAllQty !== undefined && (item?.OverAllQty !== undefined &&
!preferenceSingleSales !preferenceSingleSales
? returnCount( ? returnCount(
item?.ProductDetail?.[0]?.ProdName, item?.ProductDetail?.[0Btn-payment-mode]?.ProdName,
item?.OverAllQty, item?.OverAllQty,
CartOrderDetails, CartOrderDetails,
item?.OverAllPcs item?.OverAllPcs

1
src/Pages/BookingScreen/Components/UtillComponents/BSNavBarEst.jsx
View File

@ -17,6 +17,7 @@ import { isMobile } from 'react-device-detect';
import { Popover } from 'antd'; import { Popover } from 'antd';
import PozoSalesIcon from './Pozo retail icons/PozoSalesIcon.jsx'; import PozoSalesIcon from './Pozo retail icons/PozoSalesIcon.jsx';
import PozoCombinationIcon from './Pozo retail icons/PozoCombinationIcon.jsx'; import PozoCombinationIcon from './Pozo retail icons/PozoCombinationIcon.jsx';
import '../../../../Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss';
const BSNavBarEstimate = () => { const BSNavBarEstimate = () => {
const dispatch = useDispatch(); const dispatch = useDispatch();

398
src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx
View File

@ -1,32 +1,23 @@
import React, { useEffect, useState, useCallback, useRef } from 'react'; import {
useEffect,
useState,
useCallback,
useRef,
lazy,
Suspense,
} from 'react';
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import moment from 'moment'; import moment from 'moment';
import { Tooltip, Badge, Popconfirm } from 'antd'; import { Tooltip, Badge, Popconfirm } from 'antd';
import { isMobile } from 'react-device-detect'; import { isMobile } from 'react-device-detect';
import { ArrowUpOutlined } from '@ant-design/icons';
import TooltipWrapper from '../../../../Components/Tooltip/Tooltip.jsx';
import BSNavbar1 from '../../Components/BSNavbar/BSNavbar1';
import BSNavbar2 from '../../Components/BSNavbar/BSNavbar2';
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
import BSBillingTable1 from '../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1';
import BSBillingTable2 from '../../Components/BSBillingTables/BSBillingTable2/BSBillingTable2';
import BSBillingTable3 from '../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall';
import BSBillingTable4 from '../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full';
import BSBillingTable5 from '../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5';
import BSBillingTable6 from '../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6';
import BSBillingTable7 from '../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx';
import CategoryHorizontal from '../../Components/BSCategories/BSCategoryHorizontal';
import { dynamicComponentProps } from '../DynamicComponentProps.js'; import { dynamicComponentProps } from '../DynamicComponentProps.js';
import BSKioskCounterPayment from '../../Components/UtillComponents/BSKioskCounterPayment.jsx';
import { import {
getKioskDatas, getKioskDatas,
globalKioskSalesCount, globalKioskSalesCount,
} from '../../../../Features/Kiosk/kiosk.js'; } from '../../../../Features/Kiosk/kiosk.js';
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
import SalesCountComponent from '../SalesCountComponent.jsx';
import { import {
GlobalPricingAppPricingName, GlobalPricingAppPricingName,
SelectedGlobalBillingColorDetail,
SelectedGlobalCardColorDetail, SelectedGlobalCardColorDetail,
SelectedGlobalCatgColorDetail, SelectedGlobalCatgColorDetail,
SelectedGlobalLayoutColorDetail, SelectedGlobalLayoutColorDetail,
@ -37,7 +28,6 @@ import {
GlobalSalesDetailData, GlobalSalesDetailData,
getSalesDetailData, getSalesDetailData,
GlobalCombosearch, GlobalCombosearch,
GlobalOrderCardDetails,
GlobalOrderStatus, GlobalOrderStatus,
PreferenceData, PreferenceData,
GlobalAppExpDateData, GlobalAppExpDateData,
@ -51,35 +41,99 @@ import {
checkSession, checkSession,
ApplicationPreferences, ApplicationPreferences,
} from '../../../../Features/BrachLogin/BranchLogin'; } from '../../../../Features/BrachLogin/BranchLogin';
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
import SAdminUserNotification from '../../Components/BookingFunctionality/SAdminUserNotification.jsx';
import '../../../../Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss'; import '../../../../Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss';
import { import {
getBookingStatus, getBookingStatus,
GlobalBookingStatus, GlobalBookingStatus,
} from '../../../../Features/Payment/PaymentReceivedRetail/PaymentReceivedRetail.js'; } from '../../../../Features/Payment/PaymentReceivedRetail/PaymentReceivedRetail.js';
import RetailBookingClosing from '../RetailBookingClose.jsx';
import { PutBookingClose } from '../../../../Features/BookingScreen/RetailBookingClose.js'; import { PutBookingClose } from '../../../../Features/BookingScreen/RetailBookingClose.js';
import TooltipWrapper from '../../../../Components/Tooltip/Tooltip.jsx';
const BSNavbar1 = lazy(() => import('../../Components/BSNavbar/BSNavbar1'));
const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
const BSBillingTable1 = lazy(
() => import('../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1')
);
const BSBillingTable2 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable2/BSBillingTable2')
);
const BSBillingTable3 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall')
);
const BSBillingTable4 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full')
);
const BSBillingTable5 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5')
);
const BSBillingTable6 = lazy(
() => import('../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6')
);
const BSBillingTable7 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx')
);
const CategoryHorizontal = lazy(
() => import('../../Components/BSCategories/BSCategoryHorizontal')
);
const BSKioskCounterPayment = lazy(
() => import('../../Components/UtillComponents/BSKioskCounterPayment.jsx')
);
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
const SalesCountComponent = lazy(() => import('../SalesCountComponent.jsx'));
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
const SAdminUserNotification = lazy(
() =>
import('../../Components/BookingFunctionality/SAdminUserNotification.jsx')
);
const RetailBookingClosing = lazy(() => import('../RetailBookingClose.jsx'));
import BookingCloseIcon from '../../Components/UtillComponents/BookingCloseIcon.jsx'; import BookingCloseIcon from '../../Components/UtillComponents/BookingCloseIcon.jsx';
import ListOfSalesInvoices from '../../Components/BSBillingTables/ListofInvoices/ListOfSalesInvoices.jsx';
import BSEwayBillicon from '../../Components/UtillComponents/BSEwayBillicon.jsx'; import BSEwayBillicon from '../../Components/UtillComponents/BSEwayBillicon.jsx';
import BSComboItemCard from '../../Components/BSItemCards/BSComboItemCard.jsx'; const BSComboItemCard = lazy(
import BranchTransferComponent from '../../Components/UtillComponents/BSQuickBranchToBranchTransferComponent.jsx'; () => import('../../Components/BSItemCards/BSComboItemCard.jsx')
import BSExpireProductsList from '../../Components/UtillComponents/BSExpireProductsList.jsx'; );
import BSOtherServiceItemCard from '../../Components/BSItemCards/BSOtherServiceItemCard.jsx'; const BSOtherServiceItemCard = lazy(
import BSOtherServicesHorizontalcat from '../../Components/BSCategories/BSOtherServicesHorizontalcat'; () => import('../../Components/BSItemCards/BSOtherServiceItemCard.jsx')
import BSNavbar3 from '../../Components/BSNavbar/BSNavbar3.jsx'; );
import StandardTable from '../../Components/BSBillingTables/StandardTable/StandardTable.jsx'; const BSOtherServicesHorizontalcat = lazy(
import SalesCountForStandard from '../SalesCountForStandard.jsx'; () => import('../../Components/BSCategories/BSOtherServicesHorizontalcat')
import { CiShop } from 'react-icons/ci'; );
import BranchName from '../BranchName.jsx'; const SalesCountForStandard = lazy(
() => import('../SalesCountForStandard.jsx')
);
import BsBookingitemCard from '../../Components/BSItemCards/BsBookingitemCard.jsx'; import BsBookingitemCard from '../../Components/BSItemCards/BsBookingitemCard.jsx';
import ComboSalesBillTable from '../../Components/BSBillingTables/ComboSalesBillTable/ComboSalesBillTable.jsx'; const ListOfSalesInvoices = lazy(
import PlanExpireNotification from '../PlanExpireNotification.jsx'; () =>
import('../../Components/BSBillingTables/ListofInvoices/ListOfSalesInvoices.jsx')
);
const subDirectory = import.meta.env.BASE_URL; const BSNavbar3 = lazy(() => import('../../Components/BSNavbar/BSNavbar3.jsx'));
const commonDirectory = import.meta.env.COMMON_BASE_URL; const StandardTable = lazy(
() =>
import('../../Components/BSBillingTables/StandardTable/StandardTable.jsx')
);
const ComboSalesBillTable = lazy(
() =>
import('../../Components/BSBillingTables/ComboSalesBillTable/ComboSalesBillTable.jsx')
);
const BranchTransferComponent = lazy(
() =>
import('../../Components/UtillComponents/BSQuickBranchToBranchTransferComponent.jsx')
);
const BSExpireProductsList = lazy(
() => import('../../Components/UtillComponents/BSExpireProductsList.jsx')
);
const PlanExpireNotification = lazy(
() => import('../PlanExpireNotification.jsx')
);
const BSLayout2 = () => { const BSLayout2 = () => {
const dispatch = useDispatch(); const dispatch = useDispatch();
@ -93,7 +147,7 @@ const BSLayout2 = () => {
const SettingDataSelector = useSelector(PreferenceData); const SettingDataSelector = useSelector(PreferenceData);
const GlobalsalesDetailData = useSelector(GlobalSalesDetailData); const GlobalsalesDetailData = useSelector(GlobalSalesDetailData);
const OrderStatus = useSelector(GlobalOrderStatus); const OrderStatus = useSelector(GlobalOrderStatus);
const tableData = useSelector(GlobalOrderStatus);
const PricingAppPricingName = useSelector(GlobalPricingAppPricingName); const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
console.log(PricingAppPricingName, 'PricingAppPricingName'); console.log(PricingAppPricingName, 'PricingAppPricingName');
const Comboglobal = useSelector(GlobalCombosearch); const Comboglobal = useSelector(GlobalCombosearch);
@ -122,10 +176,7 @@ const BSLayout2 = () => {
const BranchId = SessionData?.BranchId; const BranchId = SessionData?.BranchId;
const UserId = SessionData?.UserId; const UserId = SessionData?.UserId;
const UserType = SessionData?.UserType; const UserType = SessionData?.UserType;
const AppName = SessionData?.AppName;
const BookingNavbar = BSLayout2Data?.BookingNavbar?.[0]; const BookingNavbar = BSLayout2Data?.BookingNavbar?.[0];
const BookingCategory = BSLayout2Data?.BookingCategory;
const BookingCard = BSLayout2Data?.BookingCard;
const BookingBilling = BSLayout2Data?.BookingBilling?.[0]; const BookingBilling = BSLayout2Data?.BookingBilling?.[0];
const DineInAccess = SettingDataSelector?.[0]?.SettingDtlDetails.filter( const DineInAccess = SettingDataSelector?.[0]?.SettingDtlDetails.filter(
(i) => i.SettingIdName === 'DineIn' (i) => i.SettingIdName === 'DineIn'
@ -159,7 +210,6 @@ const BSLayout2 = () => {
preference?.PreferredSubCatName === 'SportsApp' && preference?.PreferredSubCatName === 'SportsApp' &&
preference?.PreferredStatus == 'Y' preference?.PreferredStatus == 'Y'
); );
const SelectedBillColor = useSelector(SelectedGlobalBillingColorDetail);
let ss = animations[count]; let ss = animations[count];
@ -212,7 +262,6 @@ const BSLayout2 = () => {
await dispatch(getKioskDatas(data)); await dispatch(getKioskDatas(data));
}; };
const openModalKiosk = () => { const openModalKiosk = () => {
setKioskopen(true); setKioskopen(true);
}; };
@ -272,7 +321,6 @@ const BSLayout2 = () => {
let Postresponse = await dispatch(PutBookingClose(Postdata)).unwrap(); let Postresponse = await dispatch(PutBookingClose(Postdata)).unwrap();
if (Postresponse?.data?.statusCode === 1) { if (Postresponse?.data?.statusCode === 1) {
fetchBookingStatus(); fetchBookingStatus();
} else {
} }
}; };
const OpenBookingModal = () => { const OpenBookingModal = () => {
@ -298,23 +346,21 @@ const BSLayout2 = () => {
{UserType != 'Super Admin' && {UserType != 'Super Admin' &&
UserType != 'Super Admin User' && UserType != 'Super Admin User' &&
(AppExpDate?.RemainingDays <= 7 || AppExpDate === 'undefined') && ( (AppExpDate?.RemainingDays <= 7 || AppExpDate === 'undefined') && (
<PlanExpireNotification ss={ss}/> <Suspense fallback={<div>Loading...</div>}>
<PlanExpireNotification ss={ss} />
</Suspense>
)} )}
<div <div
className="BSLayout2-Master" className="BSLayout2-Master"
style={{ height: containerHeight, overflow: 'hidden' }} style={{ height: containerHeight, overflow: 'hidden' }}
> >
<div className="BSLayout2-NavBar"> <Suspense fallback={<div>Loading...</div>}>
{/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? ( <div className="BSLayout2-NavBar">
<> */} {BookingNavbar == 'Navbar1' && <BSNavbar1 />}
{BookingNavbar == 'Navbar1' && <BSNavbar1 />} {BookingNavbar == 'Navbar2' && <BSNavbar2 />}
{BookingNavbar == 'Navbar2' && <BSNavbar2 />} {BookingNavbar == 'Navbar3' && <BSNavbar3 />}
{BookingNavbar == 'Navbar3' && <BSNavbar3 />} </div>
{/* </> </Suspense>
) :
<BSNavbar3 />
} */}
</div>
<div <div
// className="BSLayout2" // className="BSLayout2"
className={ className={
@ -338,10 +384,12 @@ const BSLayout2 = () => {
</div> </div>
)} )}
{!OtherServicesglobal && ( {!OtherServicesglobal && (
<SalesCountComponent <Suspense fallback={null}>
DineInAccess={DineInAccess} <SalesCountComponent
GlobalsalesDetailData={GlobalsalesDetailData} DineInAccess={DineInAccess}
/> GlobalsalesDetailData={GlobalsalesDetailData}
/>
</Suspense>
)} )}
{SessionData?.FeatureAddonData?.FeatureDtls?.find( {SessionData?.FeatureAddonData?.FeatureDtls?.find(
(item) => (item) =>
@ -380,26 +428,32 @@ const BSLayout2 = () => {
isMobile={isMobile} isMobile={isMobile}
> >
{' '} {' '}
<BSExpireProductsList /> <Suspense fallback={<div>Loading...</div>}>
<BSExpireProductsList />
</Suspense>
</TooltipWrapper> </TooltipWrapper>
)} )}
{Kioskopen && ( {Kioskopen && (
<BSKioskCounterPayment <Suspense fallback={<div>Loading...</div>}>
Kioskopen={Kioskopen} <BSKioskCounterPayment
closeKioskModal={closeModalKiosk} Kioskopen={Kioskopen}
/> closeKioskModal={closeModalKiosk}
/>
</Suspense>
)} )}
{SAdminuserPin?.length > 0 && {SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && ( UserType != 'Super Admin User' && (
<div> <Suspense fallback={<div>Loading...</div>}>
<SAdminUserNotification <div>
SAdminuserPin={SAdminuserPin} <SAdminUserNotification
popOverOpen={popOverOpen} SAdminuserPin={SAdminuserPin}
handleSupportUser={handleSupportUser} popOverOpen={popOverOpen}
handlePopOverOpen={handlePopOverOpen} handleSupportUser={handleSupportUser}
/> handlePopOverOpen={handlePopOverOpen}
</div> />
</div>
</Suspense>
)} )}
{!OtherServicesglobal && ( {!OtherServicesglobal && (
<> <>
@ -468,11 +522,13 @@ const BSLayout2 = () => {
</div> </div>
</div> </div>
) : ( ) : (
<SalesCountForStandard <Suspense fallback={null}>
PricingAppPricingName={PricingAppPricingName} <SalesCountForStandard
DineInAccess={DineInAccess} PricingAppPricingName={PricingAppPricingName}
GlobalsalesDetailData={GlobalsalesDetailData} DineInAccess={DineInAccess}
/> GlobalsalesDetailData={GlobalsalesDetailData}
/>
</Suspense>
)} )}
<div <div
@ -494,22 +550,26 @@ const BSLayout2 = () => {
}} }}
> >
{!OtherServicesglobal && ( {!OtherServicesglobal && (
<CategoryHorizontal <Suspense fallback={<div>Loading...</div>}>
categoryFunction={dynamicComponentProps( <CategoryHorizontal
'Category', categoryFunction={dynamicComponentProps(
BSLayout2Data?.BookingCategory?.[1], 'Category',
BSLayout2Data?.BookingCategory?.[0] BSLayout2Data?.BookingCategory?.[1],
)} BSLayout2Data?.BookingCategory?.[0]
/> )}
/>
</Suspense>
)} )}
{OtherServicesglobal && ( {OtherServicesglobal && (
<BSOtherServicesHorizontalcat <Suspense fallback={<div>Loading...</div>}>
categoryFunction={dynamicComponentProps( <BSOtherServicesHorizontalcat
'Category', categoryFunction={dynamicComponentProps(
BSLayout2Data?.BookingCategory?.[1], 'Category',
BSLayout2Data?.BookingCategory?.[0] BSLayout2Data?.BookingCategory?.[1],
)} BSLayout2Data?.BookingCategory?.[0]
/> )}
/>
</Suspense>
)} )}
</div> </div>
<div <div
@ -520,8 +580,8 @@ const BSLayout2 = () => {
display: 'flex', display: 'flex',
}} }}
> >
{(Comboglobal === false && {Comboglobal === false &&
!OtherServicesglobal) && !OtherServicesglobal &&
(AvailableDate ? ( (AvailableDate ? (
<BsBookingitemCard <BsBookingitemCard
cardFunctionality={dynamicComponentProps( cardFunctionality={dynamicComponentProps(
@ -539,94 +599,96 @@ const BSLayout2 = () => {
)} )}
/> />
))} ))}
{(Comboglobal === true && !OtherServicesglobal) && ( {Comboglobal === true && !OtherServicesglobal && (
<BSComboItemCard <Suspense fallback={null}>
cardFunctionality={dynamicComponentProps( <BSComboItemCard
'Card', cardFunctionality={dynamicComponentProps(
BSLayout2Data?.BookingCard?.[1], 'Card',
BSLayout2Data?.BookingCard?.[0] BSLayout2Data?.BookingCard?.[1],
)} BSLayout2Data?.BookingCard?.[0]
/> )}
/>
</Suspense>
)} )}
{OtherServicesglobal && ( {OtherServicesglobal && (
<BSOtherServiceItemCard <Suspense fallback={null}>
// screenHeight={screenHeight} <BSOtherServiceItemCard
cardFunctionality={dynamicComponentProps( // screenHeight={screenHeight}
'Card', cardFunctionality={dynamicComponentProps(
BSLayout2Data?.BookingCard?.[1], 'Card',
BSLayout2Data?.BookingCard?.[0] BSLayout2Data?.BookingCard?.[1],
)} BSLayout2Data?.BookingCard?.[0]
/> )}
/>
</Suspense>
)} )}
</div> </div>
</div> </div>
{/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? ( */} {/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? ( */}
<div className="BSCategory2-tablecont"> <Suspense fallback={<div>Loading...</div>}>
{action ? ( <div className="BSCategory2-tablecont">
<BranchTransferComponent /> {action ? (
) : ( <BranchTransferComponent />
<> ) : (
{BSLayout2Data?.BookingBilling?.[0] == 'Billing1' && ( <Suspense fallback={<div>Loading...</div>}>
<BSBillingTable1 /> <>
)} {BSLayout2Data?.BookingBilling?.[0] == 'Billing1' && (
{BSLayout2Data?.BookingBilling?.[0] == 'Billing2' && ( <BSBillingTable1 />
<BSBillingTable2 /> )}
)} {BSLayout2Data?.BookingBilling?.[0] == 'Billing2' && (
{BSLayout2Data?.BookingBilling?.[0] == 'Billing3' && ( <BSBillingTable2 />
<BSBillingTable3 /> )}
)} {BSLayout2Data?.BookingBilling?.[0] == 'Billing3' && (
{BSLayout2Data?.BookingBilling?.[0] == 'Billing4' && ( <BSBillingTable3 />
<BSBillingTable4 /> )}
)} {BSLayout2Data?.BookingBilling?.[0] == 'Billing4' && (
{BSLayout2Data?.BookingBilling?.[0] == 'Billing5' && ( <BSBillingTable4 />
<BSBillingTable5 /> )}
)} {BSLayout2Data?.BookingBilling?.[0] == 'Billing5' && (
{BSLayout2Data?.BookingBilling?.[0] == 'Billing6' && ( <BSBillingTable5 />
<BSBillingTable6 /> )}
)} {BSLayout2Data?.BookingBilling?.[0] == 'Billing6' && (
{BSLayout2Data?.BookingBilling?.[0] == 'Billing7' && ( <BSBillingTable6 />
<BSBillingTable7 /> )}
)} {BSLayout2Data?.BookingBilling?.[0] == 'Billing7' && (
{BookingBilling == 'Billing8' && <ComboSalesBillTable />} <BSBillingTable7 />
{BSLayout2Data?.BookingBilling?.[0] == )}
'StandardBilling' && (
<div className="BSCategory2New">
<StandardTable />
</div>
)}
</>
)}
{/* <div
className="salesStoreName"
style={{
color: SelectedBillColor?.['FontColor'],
backgroundColor: SelectedBillColor?.['BackgroundColor'],
}}
>
<BranchName />
</div> */}
</div>
{/* ) :
<div className="BSCategory2New">
<StandardTable />
</div>
} */} {BookingBilling == 'Billing8' && (
<ComboSalesBillTable />
)}
{BSLayout2Data?.BookingBilling?.[0] ==
'StandardBilling' && (
<div className="BSCategory2New">
<Suspense fallback={<div>Loading table...</div>}>
<StandardTable />
</Suspense>
</div>
)}
</>
</Suspense>
)}
</div>
</Suspense>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{BookingModalOpen && ( {BookingModalOpen && (
<RetailBookingClosing <Suspense fallback={null}>
PaymentOpen={BookingModalOpen} <RetailBookingClosing
PaymentClose={HandleBookingModalClose} PaymentOpen={BookingModalOpen}
/> PaymentClose={HandleBookingModalClose}
/>
</Suspense>
)} )}
{ListOfInvoices && ( {ListOfInvoices && (
<ListOfSalesInvoices <Suspense fallback={<div>Loading...</div>}>
ListOfInvoicesOpen={ListOfInvoices} <ListOfSalesInvoices
handleInvoiceClose={handleInvoiceClose} ListOfInvoicesOpen={ListOfInvoices}
/> handleInvoiceClose={handleInvoiceClose}
/>
</Suspense>
)} )}
</> </>
); );

1
src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx
View File

@ -45,7 +45,6 @@ import {
globalKioskSalesCount, globalKioskSalesCount,
} from '../../../../Features/Kiosk/kiosk.js'; } from '../../../../Features/Kiosk/kiosk.js';
import SalesCountComponent from '../SalesCountComponent.jsx'; import SalesCountComponent from '../SalesCountComponent.jsx';
import '../../../../Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss';
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx'; import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
import { import {
GLobalSadminUserPin, GLobalSadminUserPin,

1
src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx
View File

@ -55,7 +55,6 @@ import {
import { Messages } from '../../../../Components/Notifications/Messages.jsx'; import { Messages } from '../../../../Components/Notifications/Messages.jsx';
import SAdminUserNotification from '../../Components/BookingFunctionality/SAdminUserNotification.jsx'; import SAdminUserNotification from '../../Components/BookingFunctionality/SAdminUserNotification.jsx';
import SalesCountComponent from '../SalesCountComponent.jsx'; import SalesCountComponent from '../SalesCountComponent.jsx';
import '../../../../Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss';
import { import {
getBookingStatus, getBookingStatus,
GlobalBookingStatus, GlobalBookingStatus,

46
src/Pages/BookingScreen/Template/SalesCountForStandard.jsx
View File

@ -48,12 +48,11 @@ import ListOfSalesInvoices from '../Components/BSBillingTables/ListofInvoices/Li
import { DefaultModal } from '../../../Components/Modal/DefaultModal.jsx'; import { DefaultModal } from '../../../Components/Modal/DefaultModal.jsx';
import CustomisedInvoiceChange from '../Components/UtillComponents/CustomisedInvoiceChange.jsx'; import CustomisedInvoiceChange from '../Components/UtillComponents/CustomisedInvoiceChange.jsx';
import ProductPriceChange from '../Components/UtillComponents/ProductPriceChange.jsx'; import ProductPriceChange from '../Components/UtillComponents/ProductPriceChange.jsx';
import { MdCallReceived, MdOutlineCallReceived } from 'react-icons/md'; import { MdOutlineCallReceived } from 'react-icons/md';
import { import {
getReceivedStocks, getReceivedStocks,
PostReceiveStocks, PostReceiveStocks,
} from '../../../Features/stockReceivedGodown/ReceivedStock.js'; } from '../../../Features/stockReceivedGodown/ReceivedStock.js';
import { TiTickOutline } from 'react-icons/ti';
import ReceivedStocksModal from '../../../Components/Modal/ReceivedStocksModal.jsx'; import ReceivedStocksModal from '../../../Components/Modal/ReceivedStocksModal.jsx';
import ProductDetailsModal from '../../../Components/Modal/ProductDetailsModal.jsx'; import ProductDetailsModal from '../../../Components/Modal/ProductDetailsModal.jsx';
import { GoPackageDependencies } from 'react-icons/go'; import { GoPackageDependencies } from 'react-icons/go';
@ -61,6 +60,7 @@ import { Messages } from '../../../../ownLib/my-ui-lib.js';
import ShortcutKeyHelper from '../Components/UtillComponents/ShortcutKeyHelper.jsx'; import ShortcutKeyHelper from '../Components/UtillComponents/ShortcutKeyHelper.jsx';
import AllSalesPageSettings from '../Components/UtillComponents/AllSalesPageSettings.jsx'; import AllSalesPageSettings from '../Components/UtillComponents/AllSalesPageSettings.jsx';
import '../../../Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss';
const SalesCountForStandard = ({ const SalesCountForStandard = ({
DineInAccess, DineInAccess,
@ -638,42 +638,6 @@ const SalesCountForStandard = ({
onComplete={onComplete} onComplete={onComplete}
/> />
<div className="LicenseActive"> <div className="LicenseActive">
{/* { AvailableDate && <div>
{isBulk ? <BsUiChecks size={28} onClick={() => {
setIsBulk(!isBulk);
setSelectedDate([]);
}} /> : <FaCheckToSlot size={25} onClick={() => {
setIsBulk(!isBulk);
setSelectedDate([]);
}} />}
</div>} */}
{/* <div>
{AvailableDate && !isBulk &&
<div style={{ padding: '3px 5px', marginLeft: '1rem' }}>
<DatePicker
disabledDate={disablePastDates}
format="DD-MMM-YYYY"
value={getDatePickerValue()}
onChange={handleDateChange}
/>
</div>
}
{isBulk && AvailableDate && (
<div style={{ padding: '3px 5px', marginLeft: '1rem' }}>
<DatePicker
multiple
value={getDatePickerValue()}
onChange={handleDateChange}
format="DD-MMM-YYYY"
placeholder="Select multiple dates"
style={{ height: 30, fontSize: 12 }}
disabledDate={disablePastDates}
/>
</div>
)}
</div> */}
<div> <div>
{showSalesTooltip ? ( {showSalesTooltip ? (
<Tooltip <Tooltip
@ -830,7 +794,11 @@ const SalesCountForStandard = ({
Stock Stock
</button> </button>
)} )}
{preferenceshortcutkey && <ShortcutKeyHelper />} {preferenceshortcutkey && (
<div className='KeyshortCutNav3'>
<ShortcutKeyHelper />
</div>
)}
<AllSalesPageSettings /> <AllSalesPageSettings />
<div style={{ display: 'flex', alignItems: 'center' }}> <div style={{ display: 'flex', alignItems: 'center' }}>
{Customisebillno && <CustomisedInvoiceChange />} {Customisebillno && <CustomisedInvoiceChange />}

13
src/Pages/DashBoard/RetailDashboard.jsx
View File

@ -1403,7 +1403,14 @@ const RetailDashboard = () => {
if (daysDiff <= 7 && daysDiff >= 0) { if (daysDiff <= 7 && daysDiff >= 0) {
return ( return (
<div> <div
style={{
display: 'flex',
alignItems: 'center',
gap: '5px',
lineHeight:"1.1"
}}
>
<img src={sandClock} alt="" width={25} /> <img src={sandClock} alt="" width={25} />
{PricingAppPricingName?.[0]?.PricingName && ( {PricingAppPricingName?.[0]?.PricingName && (
@ -1412,9 +1419,11 @@ const RetailDashboard = () => {
{PricingAppPricingName?.[0]?.PricingName + {PricingAppPricingName?.[0]?.PricingName +
' / ' + ' / ' +
PricingAppPricingName?.[0]?.Type} PricingAppPricingName?.[0]?.Type}
<div className="infoplan">
Plan Expiry on : {ExpiryDate}
</div>
</div> </div>
)} )}
<div className="infoplan">Plan Expiry on {ExpiryDate}</div>
</div> </div>
); );
} }

229
src/Pages/Payment/PaymentOptions/PaymentOptions.jsx
View File

@ -27,7 +27,8 @@ import {
getPaymentFeatures, getPaymentFeatures,
postPaymentOptions, postPaymentOptions,
putPaymentOptions, putPaymentOptions,
changeSalesPaymentoption, getPaymentUPIDetails changeSalesPaymentoption,
getPaymentUPIDetails,
} from '../../../Features/Payment/Paymentoptions/Paymentoptions.js'; } from '../../../Features/Payment/Paymentoptions/Paymentoptions.js';
import { FaCreditCard } from 'react-icons/fa'; import { FaCreditCard } from 'react-icons/fa';
@ -59,7 +60,7 @@ function PaymentOptions({ setModalOpen }) {
const [paymentFlows, setPaymentFlow] = useState([]); const [paymentFlows, setPaymentFlow] = useState([]);
const [paymentOptions, setPaymentOption] = useState([]); const [paymentOptions, setPaymentOption] = useState([]);
const [paymentMode, setPaymentMode] = useState([]); const [paymentMode, setPaymentMode] = useState([]);
const [BusinessUpiModes, setBusinessUpiModes] = useState([]) const [BusinessUpiModes, setBusinessUpiModes] = useState([]);
const [paymentGatewayMode, setPaymentGatewayMode] = useState([]); const [paymentGatewayMode, setPaymentGatewayMode] = useState([]);
const [paymentDeviceMode, setPaymentDeviceMode] = useState([]); const [paymentDeviceMode, setPaymentDeviceMode] = useState([]);
const [selectedConfigs, setSelectedConfigs] = useState({ const [selectedConfigs, setSelectedConfigs] = useState({
@ -73,7 +74,8 @@ function PaymentOptions({ setModalOpen }) {
const [configUpiId, setConfigUpiId] = useState(); const [configUpiId, setConfigUpiId] = useState();
const [empData, setEmpData] = useState(); const [empData, setEmpData] = useState();
const [addnewAccess, setaddnewAccess] = useState(true); const [addnewAccess, setaddnewAccess] = useState(true);
const [payAtCounterSalesDefaultMode, setPayAtCounterSalesDefaultMode] = useState(''); const [payAtCounterSalesDefaultMode, setPayAtCounterSalesDefaultMode] =
useState('');
// Helper function to get dropdown options based on checked modes for Pay at the counter // Helper function to get dropdown options based on checked modes for Pay at the counter
const getPayAtCounterSalesDropdownOptions = () => { const getPayAtCounterSalesDropdownOptions = () => {
@ -131,8 +133,6 @@ function PaymentOptions({ setModalOpen }) {
); );
}; };
useEffect(() => { useEffect(() => {
dispatch(changeBreadCrumb({ items: items })); dispatch(changeBreadCrumb({ items: items }));
fetchPaymentFlow(); fetchPaymentFlow();
@ -354,7 +354,10 @@ function PaymentOptions({ setModalOpen }) {
const paymentOptionResponse = await dispatch( const paymentOptionResponse = await dispatch(
getPaymentConfigData({ typeName: 'Payment Option' }) getPaymentConfigData({ typeName: 'Payment Option' })
).unwrap(); ).unwrap();
console.log(paymentOptionResponse?.data?.data, " paymentOptionResponse?.data?.data") console.log(
paymentOptionResponse?.data?.data,
' paymentOptionResponse?.data?.data'
);
if (paymentOptionResponse?.data?.statusCode == 1) { if (paymentOptionResponse?.data?.statusCode == 1) {
const requiredFeatureNames = ['Payment Gateway', 'Payment Device']; const requiredFeatureNames = ['Payment Gateway', 'Payment Device'];
const featureNames = checkPaymentFeatures?.data?.data?.flatMap((app) => const featureNames = checkPaymentFeatures?.data?.data?.flatMap((app) =>
@ -423,10 +426,17 @@ function PaymentOptions({ setModalOpen }) {
} }
); );
setPaymentMode(filteredSecondList); setPaymentMode(filteredSecondList);
let BusiData = { CompId: CompId, AppId: AppId, BranchId: BranchId, DetailType: "BU" } let BusiData = {
const Businessupidetails = await dispatch(getPaymentUPIDetails(BusiData)).unwrap() CompId: CompId,
setBusinessUpiModes(Businessupidetails?.data?.data) AppId: AppId,
console.log(Businessupidetails, "Businessupidetails") BranchId: BranchId,
DetailType: 'BU',
};
const Businessupidetails = await dispatch(
getPaymentUPIDetails(BusiData)
).unwrap();
setBusinessUpiModes(Businessupidetails?.data?.data);
console.log(Businessupidetails, 'Businessupidetails');
const paymentGatewayResponse = await dispatch( const paymentGatewayResponse = await dispatch(
getPaymentGatewayMode() getPaymentGatewayMode()
).unwrap(); ).unwrap();
@ -622,31 +632,31 @@ function PaymentOptions({ setModalOpen }) {
(details) => details.FlowId === sectionId (details) => details.FlowId === sectionId
) )
? prevState[key]?.map((details) => { ? prevState[key]?.map((details) => {
if (details.FlowId === sectionId) { if (details.FlowId === sectionId) {
return { return {
...details, ...details,
optionDetails: details?.optionDetails?.some( optionDetails: details?.optionDetails?.some(
(opt) => opt.optionId === optionId (opt) => opt.optionId === optionId
)
? details?.optionDetails?.filter(
(opt) => opt.optionId !== optionId
) )
: [ ? details?.optionDetails?.filter(
...details.optionDetails, (opt) => opt.optionId !== optionId
{ optionId, optionName: option }, )
], : [
}; ...details.optionDetails,
} { optionId, optionName: option },
return details; ],
}) };
}
return details;
})
: [ : [
...prevState[key], ...prevState[key],
{ {
FlowId: sectionId, FlowId: sectionId,
FlowName: section, FlowName: section,
optionDetails: [{ optionId, optionName: option }], optionDetails: [{ optionId, optionName: option }],
}, },
]; ];
return { ...prevState, [key]: updatedDetails }; return { ...prevState, [key]: updatedDetails };
}); });
@ -812,8 +822,8 @@ function PaymentOptions({ setModalOpen }) {
modeOptions = paymentGatewayMode; modeOptions = paymentGatewayMode;
} else if (configName === 'Payment Device') { } else if (configName === 'Payment Device') {
modeOptions = paymentDeviceMode; modeOptions = paymentDeviceMode;
} else if (configName === "Business Upi") { } else if (configName === 'Business Upi') {
modeOptions = BusinessUpiModes modeOptions = BusinessUpiModes;
} }
const configDetails = selectedConfigs[`${section}Details`] || []; const configDetails = selectedConfigs[`${section}Details`] || [];
@ -870,16 +880,29 @@ function PaymentOptions({ setModalOpen }) {
value={getSelectedRadioValue()} value={getSelectedRadioValue()}
onChange={(e) => { onChange={(e) => {
const selectedOption = modeOptions.find( const selectedOption = modeOptions.find(
(option) => (option.ConfigId || option.MethodId || option.MerchantNameId) === e.target.value (option) =>
(option.ConfigId ||
option.MethodId ||
option.MerchantNameId) === e.target.value
); );
if (selectedOption) { if (selectedOption) {
handleRadioChange(section, configName, selectedOption, sectionId); handleRadioChange(
section,
configName,
selectedOption,
sectionId
);
} }
}} }}
> >
{modeOptions.map((option) => { {modeOptions.map((option) => {
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId; const optionId =
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName; option.ConfigId || option.MethodId || option.MerchantNameId;
const optionName =
option.ConfigName ||
option.MethodName ||
option.MerchantNameIdName ||
option.BusinessName;
return ( return (
<Radio key={optionId} value={optionId}> <Radio key={optionId} value={optionId}>
@ -890,22 +913,39 @@ function PaymentOptions({ setModalOpen }) {
</Radio.Group> </Radio.Group>
) : ( ) : (
modeOptions.map((option) => { modeOptions.map((option) => {
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId; const optionId =
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName; option.ConfigId || option.MethodId || option.MerchantNameId;
const isChecked = getCurrentDetails(section, configName).OptionDetails?.some((details) => const optionName =
option.ConfigName ||
option.MethodName ||
option.MerchantNameIdName ||
option.BusinessName;
const isChecked = getCurrentDetails(
section,
configName
).OptionDetails?.some((details) =>
details?.ModeDetails?.some((mode) => mode.ModeId === optionId) details?.ModeDetails?.some((mode) => mode.ModeId === optionId)
); );
return ( return (
<div <div
key={optionId} key={optionId}
style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem' }} style={{
display: 'flex',
flexDirection: 'row',
gap: '0.5rem',
}}
> >
<input <input
type="checkbox" type="checkbox"
checked={isChecked} checked={isChecked}
onChange={() => onChange={() =>
handleCheckboxChange(section, configName, option, sectionId) handleCheckboxChange(
section,
configName,
option,
sectionId
)
} }
disabled={ disabled={
(configName === 'Pay at the counter' && (configName === 'Pay at the counter' &&
@ -965,8 +1005,13 @@ function PaymentOptions({ setModalOpen }) {
const handleRadioChange = (section, configName, option, sectionId) => { const handleRadioChange = (section, configName, option, sectionId) => {
setCheckedOptions((prevCheckedOptions) => { setCheckedOptions((prevCheckedOptions) => {
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId; const optionId =
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName; option.ConfigId || option.MethodId || option.MerchantNameId;
const optionName =
option.ConfigName ||
option.MethodName ||
option.MerchantNameIdName ||
option.BusinessName;
// Remove the current option for this section/configName combination // Remove the current option for this section/configName combination
let updatedOptions = prevCheckedOptions.filter( let updatedOptions = prevCheckedOptions.filter(
@ -997,7 +1042,8 @@ function PaymentOptions({ setModalOpen }) {
const handleCheckboxChange = (section, configName, option, sectionId) => { const handleCheckboxChange = (section, configName, option, sectionId) => {
setCheckedOptions((prevCheckedOptions) => { setCheckedOptions((prevCheckedOptions) => {
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId; const optionId =
option.ConfigId || option.MethodId || option.MerchantNameId;
const currentDetails = getCurrentDetails(section, configName); const currentDetails = getCurrentDetails(section, configName);
const isAdding = !currentDetails.OptionDetails?.some((details) => const isAdding = !currentDetails.OptionDetails?.some((details) =>
@ -1007,23 +1053,27 @@ function PaymentOptions({ setModalOpen }) {
// Update newOptionDetails based on whether we are adding or removing // Update newOptionDetails based on whether we are adding or removing
let newOptionDetails = isAdding let newOptionDetails = isAdding
? [ ? [
...currentDetails.OptionDetails, ...currentDetails.OptionDetails,
{ {
OptionName: configName, OptionName: configName,
ModeDetails: [ ModeDetails: [
{ {
ModeId: optionId, ModeId: optionId,
ModeName: option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName, ModeName:
}, option.ConfigName ||
], option.MethodName ||
}, option.MerchantNameIdName ||
] option.BusinessName,
},
],
},
]
: currentDetails.OptionDetails.map((details) => ({ : currentDetails.OptionDetails.map((details) => ({
...details, ...details,
ModeDetails: details.ModeDetails.filter( ModeDetails: details.ModeDetails.filter(
(mode) => mode.ModeId !== optionId (mode) => mode.ModeId !== optionId
), ),
})).filter((details) => details.ModeDetails.length > 0); })).filter((details) => details.ModeDetails.length > 0);
let updatedOptions = prevCheckedOptions.filter( let updatedOptions = prevCheckedOptions.filter(
(opt) => !(opt.FlowName === section && opt.Option === configName) (opt) => !(opt.FlowName === section && opt.Option === configName)
@ -1334,8 +1384,8 @@ function PaymentOptions({ setModalOpen }) {
postData['PaymentDetails'] = consolidatedData; postData['PaymentDetails'] = consolidatedData;
postData['KioskDefaultOption'] = postData['KioskDefaultOption'] =
checkedOptions?.length > 0 && checkedOptions?.length > 0 &&
(checkForCardDefaultOption(checkedOptions) || (checkForCardDefaultOption(checkedOptions) ||
checkForUpiDefaultOption(checkedOptions)) checkForUpiDefaultOption(checkedOptions))
? defaultStatus ? defaultStatus
: null; : null;
if (consolidatedData?.length > 0) { if (consolidatedData?.length > 0) {
@ -1356,7 +1406,7 @@ function PaymentOptions({ setModalOpen }) {
: 'Data Updated Successfully' : 'Data Updated Successfully'
); );
await dispatch(changeSalesPaymentoption(false)); await dispatch(changeSalesPaymentoption(false));
setModalOpen(false) setModalOpen(false);
// ✅ Call the function here to update global state // ✅ Call the function here to update global state
try { try {
await fetchAndSetPaymentOptions(dispatch, { await fetchAndSetPaymentOptions(dispatch, {
@ -1380,7 +1430,6 @@ function PaymentOptions({ setModalOpen }) {
}; };
return ( return (
<div className="pageOverAll"> <div className="pageOverAll">
<div className="userPage"> <div className="userPage">
<div className="userPageContent"> <div className="userPageContent">
@ -1389,11 +1438,16 @@ function PaymentOptions({ setModalOpen }) {
messageData={messageData} messageData={messageData}
onComplete={onComplete} onComplete={onComplete}
/> />
<div className="formName" style={{ display: "flex", alignItems: "center", gap: "4px" }}> <div
<FaCreditCard size={23} color='#2563eb' /> className="formName"
style={{ display: 'flex', alignItems: 'center', gap: '4px' }}
>
<FaCreditCard size={23} color="#2563eb" />
<FormHeader title={'Payment Options'} /> <FormHeader title={'Payment Options'} />
</div> </div>
<p style={{ color: "#a5a5a5", fontSize: "11px", fontWeight: "400", }}>Configure Your Payment Methods</p> <p style={{ color: '#a5a5a5', fontSize: '11px', fontWeight: '400' }}>
Configure Your Payment Methods
</p>
<div className="option-maindiv"> <div className="option-maindiv">
{paymentFlows?.length > 0 && {paymentFlows?.length > 0 &&
paymentFlows.map((flow) => ( paymentFlows.map((flow) => (
@ -1441,27 +1495,36 @@ function PaymentOptions({ setModalOpen }) {
option.optionId option.optionId
)} )}
{option.optionName === 'Pay at the counter' && {option.optionName === 'Pay at the counter' &&
getPayAtCounterSalesDropdownOptions().length > 0 && ( getPayAtCounterSalesDropdownOptions().length >
0 && (
<div style={{ marginTop: '4px' }}> <div style={{ marginTop: '4px' }}>
<select <select
value={payAtCounterSalesDefaultMode} value={payAtCounterSalesDefaultMode}
onChange={(e) => handlePayAtCounterModeChange(e.target.value)} onChange={(e) =>
handlePayAtCounterModeChange(
e.target.value
)
}
style={{ style={{
padding: '4px 8px', padding: '4px 8px',
borderRadius: '4px', borderRadius: '4px',
border: '1px solid #d4d4d4', border: '1px solid #d4d4d4',
fontFamily: 'Poppins', fontFamily: 'Poppins',
fontSize: '13px', fontSize: '13px',
width: '150px' width: '150px',
}} }}
> >
{getPayAtCounterSalesDropdownOptions().map((opt) => ( {getPayAtCounterSalesDropdownOptions().map(
<option key={opt.value} value={opt.value}> (opt) => (
{opt.label} <option
</option> key={opt.value}
))} value={opt.value}
>
{opt.label}
</option>
)
)}
</select> </select>
</div> </div>
)} )}
</div> </div>
@ -1519,10 +1582,7 @@ function PaymentOptions({ setModalOpen }) {
<label className="section-sub-title"> <label className="section-sub-title">
Set as Default Kiosk Sales Set as Default Kiosk Sales
</label> </label>
<Radio.Group <Radio.Group onChange={onChangeStatus} value={defaultStatus}>
onChange={onChangeStatus}
value={defaultStatus}
>
<Radio value={'PD'}>Payment Device</Radio> <Radio value={'PD'}>Payment Device</Radio>
<Radio value={'PG'}>Payment Gateway </Radio> <Radio value={'PG'}>Payment Gateway </Radio>
</Radio.Group> </Radio.Group>
@ -1530,7 +1590,7 @@ function PaymentOptions({ setModalOpen }) {
</> </>
)} )}
<div className=" submitButtonDiv" > <div className="SBTNPaymentOptions">
<Buttons <Buttons
buttonText="SUBMIT" buttonText="SUBMIT"
color="901D77" color="901D77"
@ -1543,7 +1603,6 @@ function PaymentOptions({ setModalOpen }) {
</div> </div>
</div> </div>
</div> </div>
); );
} }

356
src/Pages/Product/Utils/CellSelect.jsx
View File

@ -1,203 +1,245 @@
import { memo, useCallback, useEffect, useRef, useState } from "react"; import { memo, useCallback, useEffect, useRef, useState } from 'react';
import { IoIosArrowDown, IoIosArrowUp, IoIosCloseCircle } from "react-icons/io"; import { createPortal } from 'react-dom';
import { IoIosArrowDown, IoIosArrowUp, IoIosCloseCircle } from 'react-icons/io';
import '../../../Styles/Product/TurboAddForm.scss';
const CellSelect = memo(({ const CellSelect = memo(
value, ({
onChange, value,
onKeyDown, onChange,
dataCell, onKeyDown,
options, dataCell,
hasError, options,
placeholder = "Select option", hasError,
onClick placeholder = 'Select option',
}) => { onClick,
}) => {
const [isOpen, setIsOpen] = useState(false); const [isOpen, setIsOpen] = useState(false);
const [dropdownDirection, setDropdownDirection] = useState("down"); const [dropdownDirection, setDropdownDirection] = useState('down');
const [searchTerm, setSearchTerm] = useState(""); const [searchTerm, setSearchTerm] = useState('');
const [dropdownPosition, setDropdownPosition] = useState({
top: 0,
left: 0,
width: 0,
});
const selectRef = useRef(null); const selectRef = useRef(null);
const dropdownRef = useRef(null); const dropdownRef = useRef(null);
const searchInputRef = useRef(null); const searchInputRef = useRef(null);
// Filter options based on search term // Filter options based on search term
const filteredOptions = options?.filter(option => const filteredOptions =
options?.filter((option) =>
option.label.toLowerCase().includes(searchTerm.toLowerCase()) option.label.toLowerCase().includes(searchTerm.toLowerCase())
) || []; ) || [];
// Calculate dropdown position // Calculate dropdown position
const calculateDropdownPosition = useCallback(() => { const calculateDropdownPosition = useCallback(() => {
if (!selectRef.current) return "down"; if (!selectRef.current) return 'down';
const rect = selectRef.current.getBoundingClientRect(); const rect = selectRef.current.getBoundingClientRect();
const spaceBelow = window.innerHeight - rect.bottom; const spaceBelow = window.innerHeight - rect.bottom;
const spaceAbove = rect.top; const spaceAbove = rect.top;
return (spaceBelow < 200 && spaceAbove > spaceBelow) ? "up" : "down"; return spaceBelow < 200 && spaceAbove > spaceBelow ? 'up' : 'down';
}, []); }, []);
// Close dropdown on outside click or scroll // Close dropdown on outside click or scroll
useEffect(() => { useEffect(() => {
if (!isOpen) return; if (!isOpen) return;
const handler = e => { const handler = (e) => {
if ( if (
!dropdownRef.current?.contains(e.target) && !dropdownRef.current?.contains(e.target) &&
!selectRef.current?.contains(e.target) !selectRef.current?.contains(e.target)
) { ) {
setIsOpen(false); setIsOpen(false);
// Reset search term when closing dropdown // Reset search term when closing dropdown
setSearchTerm(""); setSearchTerm('');
} }
}; };
const scrollHandler = e => { const scrollHandler = (e) => {
if ( if (
dropdownRef.current && dropdownRef.current &&
!dropdownRef.current.contains(e.target) && !dropdownRef.current.contains(e.target) &&
selectRef.current && selectRef.current &&
!selectRef.current.contains(e.target) !selectRef.current.contains(e.target)
) { ) {
setIsOpen(false); setIsOpen(false);
setSearchTerm(""); setSearchTerm('');
} }
}; };
document.addEventListener("mousedown", handler); document.addEventListener('mousedown', handler);
window.addEventListener("scroll", scrollHandler, true); window.addEventListener('scroll', scrollHandler, true);
return () => { return () => {
document.removeEventListener("mousedown", handler); document.removeEventListener('mousedown', handler);
window.removeEventListener("scroll", scrollHandler, true); window.removeEventListener('scroll', scrollHandler, true);
}; };
}, [isOpen]); }, [isOpen]);
// Focus search input when dropdown opens // Focus search input when dropdown opens
useEffect(() => { useEffect(() => {
if (isOpen && searchInputRef.current) { if (isOpen && searchInputRef.current) {
searchInputRef.current.focus(); searchInputRef.current.focus();
} }
}, [isOpen]); }, [isOpen]);
// Update dropdown direction // Update dropdown direction and position
useEffect(() => { useEffect(() => {
if (isOpen) setDropdownDirection(calculateDropdownPosition()); if (isOpen && selectRef.current) {
}, [isOpen, calculateDropdownPosition]); const rect = selectRef.current.getBoundingClientRect();
const spaceBelow = window.innerHeight - rect.bottom;
const spaceAbove = rect.top;
const direction =
spaceBelow < 200 && spaceAbove > spaceBelow ? 'up' : 'down';
setDropdownDirection(direction);
setDropdownPosition({
top: direction === 'up' ? rect.top : rect.bottom,
left: rect.left,
width: rect.width,
});
}
}, [isOpen]);
// Keyboard navigation // Keyboard navigation
const handleKeyDown = e => { const handleKeyDown = (e) => {
if (!isOpen && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) { if (
e.preventDefault(); !isOpen &&
onKeyDown(e); ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key)
return; ) {
} e.preventDefault();
if (isOpen && ["ArrowLeft", "ArrowRight"].includes(e.key)) {
e.preventDefault();
return;
}
if (e.key === "Enter") {
e.preventDefault();
if (isOpen && filteredOptions.length > 0) {
// Select the first option when pressing Enter
handleSelectChange(filteredOptions[0].value);
} else {
setIsOpen(v => !v);
}
return;
}
if (e.key === "Escape") {
e.preventDefault();
setIsOpen(false);
setSearchTerm("");
return;
}
// Allow typing to search when dropdown is open
if (isOpen && e.key.length === 1 && !e.ctrlKey && !e.metaKey) {
setSearchTerm(prev => prev + e.key);
e.preventDefault();
return;
}
onKeyDown(e); onKeyDown(e);
}; return;
}
const handleSelectChange = v => { if (isOpen && ['ArrowLeft', 'ArrowRight'].includes(e.key)) {
onChange({ target: { value: v } }); e.preventDefault();
return;
}
if (e.key === 'Enter') {
e.preventDefault();
if (isOpen && filteredOptions.length > 0) {
// Select the first option when pressing Enter
handleSelectChange(filteredOptions[0].value);
} else {
setIsOpen((v) => !v);
}
return;
}
if (e.key === 'Escape') {
e.preventDefault();
setIsOpen(false); setIsOpen(false);
setSearchTerm(""); // Clear search term after selection setSearchTerm('');
return;
}
// Allow typing to search when dropdown is open
if (isOpen && e.key.length === 1 && !e.ctrlKey && !e.metaKey) {
setSearchTerm((prev) => prev + e.key);
e.preventDefault();
return;
}
onKeyDown(e);
}; };
const handleSearchChange = e => { const handleSelectChange = (v) => {
setSearchTerm(e.target.value); onChange({ target: { value: v } });
setIsOpen(false);
setSearchTerm(''); // Clear search term after selection
};
const handleSearchChange = (e) => {
setSearchTerm(e.target.value);
}; };
const clearSearch = () => { const clearSearch = () => {
setSearchTerm(""); setSearchTerm('');
if (searchInputRef.current) { if (searchInputRef.current) {
searchInputRef.current.focus(); searchInputRef.current.focus();
} }
}; };
const selectedOption = options?.find(opt => opt.value === value); const selectedOption = options?.find((opt) => opt.value === value);
const displayValue = selectedOption ? selectedOption.label : placeholder; const displayValue = selectedOption ? selectedOption.label : placeholder;
return ( return (
<div className="custom-select-container" ref={selectRef}> <div className="custom-select-container" ref={selectRef}>
<div <div
className={`custom-select-trigger${hasError ? " error" : ""}${isOpen ? " open" : ""}`} className={`custom-select-trigger${hasError ? ' error' : ''}${isOpen ? ' open' : ''}`}
onClick={e => { onClick={(e) => {
setIsOpen(v => !v); setIsOpen((v) => !v);
onClick?.(e); onClick?.(e);
}} }}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
data-cell={dataCell} data-cell={dataCell}
tabIndex={0} tabIndex={0}
> >
<span className={!value ? "placeholder-text" : ""}> <span className={!value ? 'placeholder-text' : ''}>
{isOpen ? ( {isOpen ? (
<input <input
ref={searchInputRef} ref={searchInputRef}
className="search-input" className="search-input"
value={searchTerm} value={searchTerm}
onChange={handleSearchChange} onChange={handleSearchChange}
onClick={e => e.stopPropagation()} onClick={(e) => e.stopPropagation()}
placeholder={selectedOption?.label || placeholder} placeholder={selectedOption?.label || placeholder}
/> />
) : ( ) : (
displayValue displayValue
)}
</span>
<span className="dropdown-arrow">
{isOpen ? <IoIosArrowUp /> : <IoIosArrowDown />}
</span>
</div>
{isOpen && (
<div
className={`custom-select-dropdown ${dropdownDirection}`}
ref={dropdownRef}
style={dropdownDirection === "up" ? { bottom: "100%", top: "auto" } : {}}
>
<div className="dropdown-content">
{filteredOptions.length === 0 ? (
<div className="dropdown-option disabled">
{searchTerm ? "No matches found" : "No data"}
</div>
) : (
filteredOptions.map(option => (
<div
key={option.value}
className={`dropdown-option${value === option.value ? " selected" : ""}`}
onClick={() => handleSelectChange(option.value)}
>
{option.label}
</div>
))
)}
</div>
</div>
)} )}
</span>
<span className="dropdown-arrow">
{isOpen ? <IoIosArrowUp /> : <IoIosArrowDown />}
</span>
</div> </div>
{isOpen &&
createPortal(
<div
className={`custom-select-dropdown ${dropdownDirection}`}
ref={dropdownRef}
style={{
position: 'fixed',
top:
dropdownDirection === 'up'
? 'auto'
: `${dropdownPosition.top}px`,
bottom:
dropdownDirection === 'up'
? `${window.innerHeight - dropdownPosition.top}px`
: 'auto',
left: `${dropdownPosition.left}px`,
width: `${dropdownPosition.width}px`,
zIndex: 99999,
fontFamily:"Poppins"
}}
>
<div className="dropdown-content">
{filteredOptions.length === 0 ? (
<div className="dropdown-option disabled">
{searchTerm ? 'No matches found' : 'No data'}
</div>
) : (
filteredOptions.map((option) => (
<div
key={option.value}
className={`dropdown-option${value === option.value ? ' selected' : ''}`}
onClick={() => handleSelectChange(option.value)}
>
{option.label}
</div>
))
)}
</div>
</div>,
document.body
)}
</div>
); );
}); }
);
export default CellSelect; export default CellSelect;

7
src/Pages/PurchaseScreen/LSBillTable/ExtraCharge.scss
View File

@ -31,7 +31,7 @@
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid #909090; border: 1px solid #909090;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
> thead { > thead {
position: sticky; position: sticky;
@ -71,7 +71,6 @@
font-size: 12px !important; font-size: 12px !important;
} }
.custom-table tbody tr td { .custom-table tbody tr td {
text-align: left; text-align: left;
@ -80,7 +79,7 @@
} }
} }
.custom-table tbody tr td[colspan='7'] { .custom-table tbody tr td[colspan="7"] {
padding: 20px; padding: 20px;
} }
@ -124,8 +123,6 @@
} }
} }
.custom-table { .custom-table {
Button:disabled, Button:disabled,
Button[disabled] { Button[disabled] {

31
src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss
View File

@ -1,5 +1,5 @@
.body { .body {
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.BSBilling3div { .BSBilling3div {
@ -46,7 +46,7 @@
// } // }
.BSBill-Table3-content { .BSBill-Table3-content {
background-color: rgba(235, 235, 236, 1); background-color: rgba(235, 235, 236, 1);
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 16px; font-size: 16px;
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
@ -213,7 +213,7 @@
} }
.Table3-rate { .Table3-rate {
font-family: 'Gilroy-SemiBold'; font-family: "Gilroy-SemiBold";
font-size: 30px; font-size: 30px;
font-weight: 600; font-weight: 600;
line-height: 50px; line-height: 50px;
@ -229,7 +229,7 @@
.BSBill3-items { .BSBill3-items {
color: var(--SELECTED_COLOR); color: var(--SELECTED_COLOR);
text-align: right; text-align: right;
font-family: 'Gilroy-SemiBold'; font-family: "Gilroy-SemiBold";
font-size: 20px; font-size: 20px;
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
@ -290,7 +290,7 @@
.Table3-items { .Table3-items {
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
font-family: 'Gilroy-Medium'; font-family: "Gilroy-Medium";
align-items: right; align-items: right;
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
@ -299,7 +299,7 @@
.Table3-item-price { .Table3-item-price {
text-align: center; text-align: center;
font-family: 'Gilroy-Medium'; font-family: "Gilroy-Medium";
font-size: 14px; font-size: 14px;
text-align: right; text-align: right;
padding-right: 8px; padding-right: 8px;
@ -308,7 +308,7 @@
.BSBill-item-extraprice { .BSBill-item-extraprice {
color: var(--SELECTED_COLOR); color: var(--SELECTED_COLOR);
font-family: 'Gilroy-SemiBold'; font-family: "Gilroy-SemiBold";
font-size: 20px; font-size: 20px;
font-style: normal; font-style: normal;
} }
@ -331,7 +331,7 @@
text-align: right; text-align: right;
font-weight: 600; font-weight: 600;
font-size: 18px; font-size: 18px;
font-family: 'Poppins'; font-family: "Poppins";
} }
// .table3body { // .table3body {
@ -354,12 +354,8 @@
justify-content: space-between; justify-content: space-between;
overflow: auto; overflow: auto;
width: inherit; width: inherit;
// height: 86vh;
height: 85vh; height: 85vh;
// height: clamp(75vh, 50vh, 30vh); scrollbar-width: none;
//nk
// height: 93vh;
//
border-radius: 10px; border-radius: 10px;
} }
@ -371,6 +367,7 @@
overflow-y: auto; overflow-y: auto;
height: 100vh; height: 100vh;
background-color: #fff; background-color: #fff;
scrollbar-width: none;
} }
.Cust-tag { .Cust-tag {
@ -552,7 +549,7 @@
.BSBill-Table3-content-Disabled { .BSBill-Table3-content-Disabled {
pointer-events: none; pointer-events: none;
background-color: rgb(243, 248, 213); background-color: rgb(243, 248, 213);
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 16px; font-size: 16px;
font-style: normal; font-style: normal;
font-weight: bold; font-weight: bold;
@ -704,7 +701,7 @@
text-align: center; text-align: center;
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
font-family: 'Gilroy'; font-family: "Gilroy";
padding: 0rem 1rem; padding: 0rem 1rem;
display: inline-block; display: inline-block;
padding: 2px; padding: 2px;
@ -725,7 +722,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-height: 150px; max-height: 150px;
font-family: 'Gilroy'; font-family: "Gilroy";
overflow-y: auto; overflow-y: auto;
} }
@ -956,7 +953,7 @@
.CustMob-Name { .CustMob-Name {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: 'row'; flex-direction: "row";
column-gap: 2rem; column-gap: 2rem;
} }

19
src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss
View File

@ -51,17 +51,14 @@
.CategoryHorizontal-scroll-container { .CategoryHorizontal-scroll-container {
overflow-y: scroll; overflow-y: scroll;
/* Add a vertical scrollbar when content overflows */
max-height: 300px; max-height: 300px;
/* Set a maximum height for the container */ scrollbar-width: none;
display: flex; display: flex;
// flex-direction: row;
column-gap: 0.5rem; column-gap: 0.5rem;
} }
.CategoryHorizontal-label { .CategoryHorizontal-label {
font-family: 'Gilroy'; font-family: "Gilroy";
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
} }
@ -176,7 +173,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 16px; margin-top: 16px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-weight: 400; font-weight: 400;
.CategoryHorizontal-sub-samplecard { .CategoryHorizontal-sub-samplecard {
@ -321,12 +318,12 @@
.CategoryHorizontalNew { .CategoryHorizontalNew {
padding: 1.5rem; padding: 1.5rem;
font-family: 'Inter', sans-serif; font-family: "Inter", sans-serif;
} }
.CategoryHorizontalNew { .CategoryHorizontalNew {
padding: 10px 10px; padding: 10px 10px;
font-family: 'Inter', sans-serif; font-family: "Inter", sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
@ -401,7 +398,7 @@
font-weight: 400; font-weight: 400;
color: #ffffff; color: #ffffff;
transition: all 0.2s ease; transition: all 0.2s ease;
font-family: 'Poppins'; font-family: "Poppins";
text-align: center; text-align: center;
display: flex; display: flex;
align-items: center; align-items: center;
@ -422,7 +419,7 @@
line-height: 1.25rem; line-height: 1.25rem;
color: #4b5563; color: #4b5563;
// font-family: "Inter", sans-serif !important; // font-family: "Inter", sans-serif !important;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
// -webkit-text-stroke-width: 0.2px; // -webkit-text-stroke-width: 0.2px;
width: max-content; width: max-content;
@ -531,7 +528,7 @@
font-size: 15px; font-size: 15px;
line-height: 1.25rem; line-height: 1.25rem;
color: #4b5563; color: #4b5563;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
width: max-content; width: max-content;
// min-width: 150px; // min-width: 150px;
border-radius: 4px; border-radius: 4px;

24
src/Styles/BookingScreen/Components/BSCategories/BSCategoryVertical.scss
View File

@ -12,7 +12,6 @@
.CategoryVertical-master-container { .CategoryVertical-master-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// flex-wrap: wrap;
column-gap: 0.7rem; column-gap: 0.7rem;
row-gap: 0.7rem; row-gap: 0.7rem;
width: max-content; width: max-content;
@ -45,16 +44,14 @@
.CategoryVertical-btn-option2 { .CategoryVertical-btn-option2 {
display: flex; display: flex;
align-items: center; align-items: center;
// padding: 0vw 2vh;
width: max-content !important; width: max-content !important;
// background-color: #ffffff;
padding: 5px 10px; padding: 5px 10px;
} }
.CategoryVertical-label { .CategoryVertical-label {
display: flex; display: flex;
width: max-content !important; width: max-content !important;
font-family: 'Gilroy'; font-family: "Gilroy";
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
@ -62,7 +59,6 @@
.CategoryVertical-scroll-container { .CategoryVertical-scroll-container {
overflow-y: auto; overflow-y: auto;
// max-height: 300px;
scrollbar-width: thin; scrollbar-width: thin;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -76,16 +72,11 @@
border: 1px solid #666; border: 1px solid #666;
} }
/* Style the scroll-down button */
::-webkit-scrollbar-button:end { ::-webkit-scrollbar-button:end {
background-color: #333; background-color: #333;
border: 1px solid #666; border: 1px solid #666;
} }
// ::-webkit-scrollbar {
// display: none;
// }
.CategoryVertical-icon { .CategoryVertical-icon {
border: none; border: none;
font-size: 15px; font-size: 15px;
@ -100,15 +91,13 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 8rem; width: 8rem;
width: 100%;
} }
.CategoryVertical-btn-option2 { .CategoryVertical-btn-option2 {
display: flex; display: flex;
align-items: center; align-items: center;
// padding: 10px 10px;
width: max-content !important; width: max-content !important;
// border-radius: 5px;
// background-color: #dbfbe1;
} }
.CategoryVertical-input-style { .CategoryVertical-input-style {
@ -148,18 +137,13 @@
} }
.CategoryVertical-sampleCard { .CategoryVertical-sampleCard {
/* Your existing styles for sampleCard */
padding: 2px 3px; padding: 2px 3px;
/* ... */
/* Add this to specify the border style */
border: 1px solid transparent; border: 1px solid transparent;
cursor: pointer; cursor: pointer;
/* Optional: add a pointer cursor to indicate clickability */
} }
.CategoryVertical-sampleCard-border { .CategoryVertical-sampleCard-border {
border-color: black; border-color: black;
/* Specify the border color you want */
} }
@media (min-width: 280px) and (max-width: 499px) { @media (min-width: 280px) and (max-width: 499px) {
@ -179,7 +163,6 @@
position: sticky; position: sticky;
margin: 0; margin: 0;
top: 0; top: 0;
// width: 20.7vw;
margin-left: 10px; margin-left: 10px;
} }
.CategoryVertical-scroll-container { .CategoryVertical-scroll-container {
@ -188,9 +171,6 @@
.CategoryVertical-scroll-container { .CategoryVertical-scroll-container {
height: 75vh; height: 75vh;
} }
// .BSCategory5-Contentcont .CategoryVertical{
// height: 98vh !important;
// }
} }
.CategoryVertical-scroll-container .sampleCard { .CategoryVertical-scroll-container .sampleCard {

111
src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
View File

@ -1,8 +1,8 @@
.bs-item-card-masterdiv { .bs-item-card-masterdiv {
padding: 0rem 0rem; padding: 0rem 0rem;
overflow: auto; overflow: auto;
// height: 80vh;
height: inherit; height: inherit;
scrollbar-width: none;
@media (max-width: 768px) { @media (max-width: 768px) {
padding-bottom: 35rem !important; padding-bottom: 35rem !important;
@ -51,10 +51,10 @@
row-gap: 18px; row-gap: 18px;
justify-content: flex-start; justify-content: flex-start;
margin-top: 2px; margin-top: 2px;
// padding: 0rem 0.5rem;
padding-bottom: 20rem; padding-bottom: 20rem;
overflow: scroll; overflow: scroll;
height: 100%; height: 100%;
scrollbar-width: none;
} }
.BSItemCard-container { .BSItemCard-container {
@ -115,7 +115,7 @@
color: #52c41a; color: #52c41a;
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
font-family: 'Gilroy'; font-family: "Gilroy";
// nk // nk
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -598,7 +598,7 @@
.qtyUomName { .qtyUomName {
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
font-family: 'Gilroy'; font-family: "Gilroy";
text-align: center; text-align: center;
} }
@ -606,7 +606,7 @@
.qtyUomName-itemCard { .qtyUomName-itemCard {
font-size: 15px; font-size: 15px;
font-weight: 600; font-weight: 600;
font-family: 'Gilroy'; font-family: "Gilroy";
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
@ -1013,7 +1013,7 @@
flex-direction: column; flex-direction: column;
gap: 0.5rem; gap: 0.5rem;
padding: 1rem; padding: 1rem;
font-family: 'Inter', sans-serif; font-family: "Inter", sans-serif;
letter-spacing: -0.5px; letter-spacing: -0.5px;
@media (max-width: 500px) { @media (max-width: 500px) {
@ -1026,7 +1026,7 @@
line-height: 1.25rem; line-height: 1.25rem;
font-weight: 500; font-weight: 500;
color: #1f2937; color: #1f2937;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
@media (max-width: 500px) { @media (max-width: 500px) {
font-size: 0.7rem; font-size: 0.7rem;
@ -1039,7 +1039,7 @@
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
font-weight: 500; font-weight: 500;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
} }
.card4Price { .card4Price {
@ -1062,7 +1062,7 @@
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
font-weight: 500; font-weight: 500;
border-radius: 50px; border-radius: 50px;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
} }
} }
@ -1142,7 +1142,7 @@
transition: transition:
background-color 0.2s ease, background-color 0.2s ease,
color 0.2s ease; color 0.2s ease;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
&:hover { &:hover {
background-color: #dce7ff; background-color: #dce7ff;
@ -1223,7 +1223,7 @@
row-gap: 0.5rem; row-gap: 0.5rem;
// position: fixed; // position: fixed;
// bottom: 10px; // bottom: 10px;
font-family: 'Poppins'; font-family: "Poppins";
font-size: 14px; font-size: 14px;
color: #000; color: #000;
font-weight: 400; font-weight: 400;
@ -1286,7 +1286,7 @@
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
font-family: 'Poppins'; font-family: "Poppins";
display: flex; display: flex;
align-items: center; align-items: center;
gap: 4px; gap: 4px;
@ -1327,7 +1327,7 @@
background-color: #4caf50; background-color: #4caf50;
color: #fff; color: #fff;
font-size: 14px; font-size: 14px;
font-family: 'Poppins'; font-family: "Poppins";
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
} }
@ -1341,7 +1341,7 @@
} }
.blukSlotTbody { .blukSlotTbody {
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
text-align: center; text-align: center;
} }
@ -1431,7 +1431,7 @@
.slot-price { .slot-price {
font-weight: 500; font-weight: 500;
font-family: 'Poppins'; font-family: "Poppins";
font-size: 0.8rem; font-size: 0.8rem;
> div:nth-child(1) { > div:nth-child(1) {
@ -1481,7 +1481,7 @@
.bookingModalBulk { .bookingModalBulk {
min-width: max-content !important; min-width: max-content !important;
max-width: 90vw !important; max-width: 90vw !important;
font-family: 'Poppins' !important; font-family: "Poppins" !important;
.ant-modal-content { .ant-modal-content {
padding: 24px !important; padding: 24px !important;
@ -1510,7 +1510,7 @@
width: max-content; width: max-content;
height: max-content; height: max-content;
padding: 9px 16px; padding: 9px 16px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
border-radius: 6px; border-radius: 6px;
@ -1534,7 +1534,7 @@
align-items: center; align-items: center;
display: flex; display: flex;
font-size: 18px; font-size: 18px;
font-family: 'Poppins'; font-family: "Poppins";
font-weight: 500; font-weight: 500;
.CiShopIcon { .CiShopIcon {
@ -1549,7 +1549,7 @@
} }
p { p {
font-family: 'Poppins'; font-family: "Poppins";
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
} }
@ -1589,7 +1589,7 @@
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
min-width: 90px; min-width: 90px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
&:hover { &:hover {
background: rgba(13, 110, 253, 0.1); background: rgba(13, 110, 253, 0.1);
@ -1670,7 +1670,7 @@
color: #495057; color: #495057;
min-width: 120px; min-width: 120px;
text-align: center; text-align: center;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
width: 100%; width: 100%;
transition: all 0.3s; transition: all 0.3s;
scrollbar-width: thin; scrollbar-width: thin;
@ -1923,7 +1923,7 @@
.booked-details-container { .booked-details-container {
padding: 8px; padding: 8px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
.booked-details-title { .booked-details-title {
font-size: 24px; font-size: 24px;
@ -2054,7 +2054,7 @@
font-weight: 400; font-weight: 400;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
min-width: 70px; min-width: 70px;
&:disabled { &:disabled {
@ -2104,7 +2104,7 @@
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
min-width: 120px; min-width: 120px;
box-shadow: 0 2px 4px rgba(55, 147, 245, 0.3); box-shadow: 0 2px 4px rgba(55, 147, 245, 0.3);
@ -2130,7 +2130,7 @@
.all-bookings-container { .all-bookings-container {
padding: 8px; padding: 8px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
.all-bookings-title { .all-bookings-title {
font-size: 22px; font-size: 22px;
@ -2218,7 +2218,7 @@
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
min-width: 60px; min-width: 60px;
&:disabled { &:disabled {
@ -2268,7 +2268,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
cursor: pointer; cursor: pointer;
@ -2282,7 +2282,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
width: 11rem; width: 11rem;
@ -2299,7 +2299,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
width: 9rem; width: 9rem;
@ -2315,7 +2315,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
cursor: pointer; cursor: pointer;
@ -2331,7 +2331,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
cursor: pointer; cursor: pointer;
@ -2346,3 +2346,52 @@
position: relative; position: relative;
border: 2px solid rgba(0, 0, 0, 0.3); border: 2px solid rgba(0, 0, 0, 0.3);
} }
.voiceToTextIcon {
position: fixed;
// width: max-content;
top: 7px;
left: 10px;
display: flex;
align-items: center;
gap: 0.3rem;
background-color: #414d5c;
color: #f5d945;
padding: 0.2rem 0.9rem;
border-radius: 0.75rem;
font-size: 0.7rem;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
cursor: pointer;
position: relative;
z-index: 0;
button {
background: none;
border: none;
color: #f5d945;
svg {
font-size: 1.1rem;
display: flex;
}
}
@keyframes rainbowBorder {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@media (max-width: 500px) {
top: 2px;
left: 8px;
}
}

24
src/Styles/BookingScreen/Components/BSSubCategories/BSSubCategoryVertical.scss
View File

@ -10,7 +10,6 @@
.SubCategoryVertical-master-container { .SubCategoryVertical-master-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// flex-wrap: wrap;
column-gap: 0.7rem; column-gap: 0.7rem;
row-gap: 0.7rem; row-gap: 0.7rem;
width: max-content; width: max-content;
@ -44,16 +43,14 @@
.SubCategoryVertical-btn-option2 { .SubCategoryVertical-btn-option2 {
display: flex; display: flex;
align-items: center; align-items: center;
// padding: 0vw 2vh;
width: max-content !important; width: max-content !important;
// background-color: #ffffff;
padding: 5px 10px; padding: 5px 10px;
} }
.SubCategoryVertical-label { .SubCategoryVertical-label {
display: flex; display: flex;
width: max-content !important; width: max-content !important;
font-family: 'Gilroy'; font-family: "Gilroy";
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
@ -62,13 +59,9 @@
.SubCategoryVertical-scroll-container { .SubCategoryVertical-scroll-container {
height: clamp(61vh, 10vw, 98vh); height: clamp(61vh, 10vw, 98vh);
width: 100%; width: 100%;
// max-height: 300px;
scrollbar-width: none; scrollbar-width: none;
// height:max(100vh, 980px ) ;
// overflow: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// row-gap: 0.5rem;
row-gap: 1rem; row-gap: 1rem;
overflow: scroll; overflow: scroll;
padding-bottom: 15rem; padding-bottom: 15rem;
@ -79,16 +72,11 @@
border: 1px solid #666; border: 1px solid #666;
} }
/* Style the scroll-down button */
::-webkit-scrollbar-button:end { ::-webkit-scrollbar-button:end {
background-color: #333; background-color: #333;
border: 1px solid #666; border: 1px solid #666;
} }
// ::-webkit-scrollbar {
// display: none;
// }
.SubCategoryVertical-icon { .SubCategoryVertical-icon {
border: none; border: none;
font-size: 15px; font-size: 15px;
@ -108,10 +96,7 @@
.SubCategoryVertical-btn-option2 { .SubCategoryVertical-btn-option2 {
display: flex; display: flex;
align-items: center; align-items: center;
// padding: 10px 10px;
width: max-content !important; width: max-content !important;
// border-radius: 5px;
// background-color: #dbfbe1;
} }
.SubCategoryVertical-input-style { .SubCategoryVertical-input-style {
@ -149,19 +134,14 @@
} }
.SubCategoryVertical-sampleCard { .SubCategoryVertical-sampleCard {
/* Your existing styles for sampleCard */
padding: 2px 3px; padding: 2px 3px;
/* ... */
/* Add this to specify the border style */
border: 1px solid transparent; border: 1px solid transparent;
cursor: pointer; cursor: pointer;
/* Optional: add a pointer cursor to indicate clickability */
} }
.SubCategoryVertical-sampleCard-border { .SubCategoryVertical-sampleCard-border {
border-color: black; border-color: black;
/* Specify the border color you want */
} }
@media (min-width: 500px) and (max-width: 767px) { @media (min-width: 500px) and (max-width: 767px) {
@ -176,7 +156,6 @@
margin: 0; margin: 0;
top: 0; top: 0;
width: clamp(280px, 45vw, px); width: clamp(280px, 45vw, px);
// margin-left: 7px;
} }
.SubCategoryVertical-scroll-container { .SubCategoryVertical-scroll-container {
@ -190,5 +169,4 @@
.SubCategoryVertical-sampleCard-border { .SubCategoryVertical-sampleCard-border {
border-color: black; border-color: black;
/* Specify the border color you want */
} }

91
src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss
View File

@ -22,9 +22,6 @@
} }
.layout1-card-content { .layout1-card-content {
height: 100% !important; height: 100% !important;
//nk
// height: 85vh !important;
//
} }
.BSLayout1-NavBar { .BSLayout1-NavBar {
@ -42,9 +39,6 @@ body {
position: relative; position: relative;
top: 2rem; top: 2rem;
height: 99vh; height: 99vh;
//nk
// height: 94vh;
//
} }
.BSBillingTable-oCbtn { .BSBillingTable-oCbtn {
@ -60,17 +54,12 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0rem 0rem; padding: 0rem 0rem;
//nk
//padding: 1rem 0.3rem;
//
// width: 100vw;
} }
.BSCategory1-Cardcont { .BSCategory1-Cardcont {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
height: 85vh; height: 85vh;
// column-gap: 1rem;
} }
.BSLayout1-ContentDiv { .BSLayout1-ContentDiv {
@ -79,14 +68,10 @@ body {
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
overflow: hidden; overflow: hidden;
// background-color:#dbd8d8
} }
.BSCategory1-tablecont { .BSCategory1-tablecont {
width: 430px; width: 430px;
// height: min(100vh, 66vh);
// height: min(100vh, 93vh);
// height: calc(36.1em + 1.5vw);
height: clamp(100vh, 51rem, 45vh); height: clamp(100vh, 51rem, 45vh);
margin: 0.5rem 0.3rem 1rem 0.3rem; margin: 0.5rem 0.3rem 1rem 0.3rem;
background-color: #fff; background-color: #fff;
@ -95,8 +80,6 @@ body {
.Layout-bill-container { .Layout-bill-container {
width: 100vw; width: 100vw;
height: 30px; height: 30px;
// background-color: lightblue; //srinath made changes By Sridhar Anna
// margin-top: 9px;
align-items: center; align-items: center;
display: flex; display: flex;
} }
@ -121,29 +104,11 @@ body {
overflow: auto; overflow: auto;
} }
// .layout1-card-content{
// flex-grow: 1;
// height: 66vh !important;
// }
//nk
.layout1-card-content { .layout1-card-content {
flex-grow: 1; flex-grow: 1;
height: 100% !important; height: 100% !important;
//nk
//height: 57vh !important;
//
} }
//nk
// .BSLayout1-Master .bs-item-card-masterdiv {
// height: 50vh !important;
// }
//
//
.BSCategory1-tablecont { .BSCategory1-tablecont {
width: 0px; width: 0px;
justify-content: flex-end !important; justify-content: flex-end !important;
@ -160,22 +125,10 @@ body {
display: none; display: none;
} }
//nk
.Layout-bill-Subcontainer {
font-size: 10px;
flex-wrap: wrap;
}
.pricing-name-details {
font-size: 10px !important;
}
.Layout-bill-container { .Layout-bill-container {
height: max-content !important; height: max-content !important;
padding: 4px 0; padding: 4px 0;
} }
//
} }
@media (min-width: 500px) and (max-width: 767px) { @media (min-width: 500px) and (max-width: 767px) {
@ -183,18 +136,8 @@ body {
height: 74vh !important; height: 74vh !important;
} }
//nk
// .BSLayout1-Master .bs-item-card-masterdiv {
// height: 55vh !important;
// }
//
.layout1-card-content { .layout1-card-content {
height: 100% !important; height: 100% !important;
//nk
// height: 65vh !important;
//
} }
.BSCategory1-tablecont { .BSCategory1-tablecont {
@ -204,16 +147,7 @@ body {
justify-content: space-between !important; justify-content: space-between !important;
position: fixed !important; position: fixed !important;
align-items: center !important; align-items: center !important;
// bottom: 0px;
// background:rgb(255, 255, 255) !important;
} }
//nk
.Layout-bill-Subcontainer {
font-size: 12px;
}
//
} }
@media (width: 1280px) and (max-height: 1024px) { @media (width: 1280px) and (max-height: 1024px) {
@ -230,8 +164,6 @@ body {
.Layout-bill-container { .Layout-bill-container {
width: 100vw; width: 100vw;
height: 30px; height: 30px;
// background-color: lightblue; //srinath made changes By Sridhar Anna
// margin-top: 9px;
align-items: center; align-items: center;
display: flex; display: flex;
} }
@ -243,6 +175,11 @@ body {
font-weight: 600; font-weight: 600;
align-items: center; align-items: center;
gap: 2px; gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
} }
.L .example { .L .example {
@ -255,37 +192,26 @@ body {
.L { .L {
height: 32px; height: 32px;
/* Set the height of the navbar to 30px */
margin-top: 0px; margin-top: 0px;
/* Remove margin for the navbar */
} }
.custom-search .ant-input-affix-wrapper { .custom-search .ant-input-affix-wrapper {
height: 30px !important; height: 30px !important;
/* Match the height of the navbar */
padding: 0; padding: 0;
/* Remove any padding */
display: flex; display: flex;
/* Use flexbox to align items */
align-items: center; align-items: center;
/* Vertically center the input */
width: 80%; width: 80%;
} }
.custom-search .ant-input { .custom-search .ant-input {
height: 28px !important; height: 28px !important;
/* Slightly less than 30px to fit within the wrapper */
font-size: 10px; font-size: 10px;
/* Adjust font size as needed */
line-height: 28px; line-height: 28px;
/* Align text vertically */
padding: 0 8px; padding: 0 8px;
/* Adjust padding to fit the input field */
} }
.custom-search .ant-input-suffix { .custom-search .ant-input-suffix {
height: 28px; height: 28px;
/* Ensure the clear icon fits */
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -295,7 +221,7 @@ body {
} }
.pricing-name-details { .pricing-name-details {
font-family: 'Poppins'; font-family: "Poppins";
font-size: 12px; font-size: 12px;
background: var(--SELECTED_COLOR); background: var(--SELECTED_COLOR);
padding: 3px 5px; padding: 3px 5px;
@ -304,6 +230,9 @@ body {
white-space: nowrap; white-space: nowrap;
margin-left: 8rem; margin-left: 8rem;
font-weight: 400; font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
} }
@keyframes shake { @keyframes shake {
@ -338,7 +267,7 @@ body {
border-radius: 4px 4px; border-radius: 4px 4px;
color: white; color: white;
font-size: 12px; font-size: 12px;
font-family: 'POPPINS'; font-family: "POPPINS";
font-weight: 500; font-weight: 500;
cursor: pointer; cursor: pointer;
} }

128
src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
View File

@ -10,7 +10,6 @@
z-index: 3; z-index: 3;
display: flex; display: flex;
align-items: center; align-items: center;
// box-shadow: var(--BOX_SHADOW_LEVEL2); //srinth made changes By Sridhar Anna
} }
.BSCategory2-subcat { .BSCategory2-subcat {
@ -69,7 +68,6 @@ body {
@media (max-width: 768px) { @media (max-width: 768px) {
width: 100%; width: 100%;
// height: 70%;
height: 86%; height: 86%;
} }
} }
@ -78,7 +76,7 @@ body {
overflow: auto; overflow: auto;
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
// height: min(85vh, 720px); scrollbar-width: none;
@media (max-width: 768px) { @media (max-width: 768px) {
flex: 1; flex: 1;
@ -89,9 +87,6 @@ body {
.BsLayout2-ContentDiv { .BsLayout2-ContentDiv {
display: flex; display: flex;
height: 89vh; height: 89vh;
//nk
// height: 95vh;
//
overflow: hidden; overflow: hidden;
justify-content: space-between; justify-content: space-between;
background-color: #f1f5f9; background-color: #f1f5f9;
@ -112,11 +107,8 @@ body {
.BSCategory2-tablecont { .BSCategory2-tablecont {
width: 425px; width: 425px;
// height: calc(34.1em + 1.5vw);
margin: 0.2rem 0.5rem; margin: 0.2rem 0.5rem;
// height: clamp(72vh, 71rem, 50vh);
background-color: #fff; background-color: #fff;
//vm
border-radius: 12px; border-radius: 12px;
@media (max-width: 768px) { @media (max-width: 768px) {
@ -144,30 +136,16 @@ body {
display: none; display: none;
} }
//nk
.BSLayout2-Master .bs-item-card-masterdiv { .BSLayout2-Master .bs-item-card-masterdiv {
height: 82%; height: 82%;
} }
//
// .BsLayout2-ContentDiv {
// height: 73vh;
// }
// Naresh
.BsLayout2-ContentDiv { .BsLayout2-ContentDiv {
//nk
// height: 71vh;
//
height: 65vh; height: 65vh;
} }
//
.BSCategory2-tablecont { .BSCategory2-tablecont {
// width:300px!important;
width: 0px; width: 0px;
// justify-content: flex-end !important;
// height: 104px;
display: flex !important; display: flex !important;
position: fixed !important; position: fixed !important;
align-items: center !important; align-items: center !important;
@ -175,12 +153,9 @@ body {
left: -4px; left: -4px;
} }
//nk
.BSLayout2-Master .BSCategory2-Cardcont { .BSLayout2-Master .BSCategory2-Cardcont {
height: 44vh !important; height: 44vh !important;
} }
//
} }
@media (min-width: 500px) and (max-width: 767px) { @media (min-width: 500px) and (max-width: 767px) {
@ -188,27 +163,14 @@ body {
height: 0 !important; height: 0 !important;
} }
// .BSCategory2-Cardcont {
// height: 74vh !important;
// }
//Naresh
//nk
.BSLayout2-Master .bs-item-card-masterdiv { .BSLayout2-Master .bs-item-card-masterdiv {
height: 70%; height: 70%;
} }
//
.BSCategory2-Cardcont { .BSCategory2-Cardcont {
height: 52vh !important; height: 52vh !important;
//nk
// height: 65.5vh !important;
//
} }
//
//nk
.BSLayout2-Master .BsTable2-Master { .BSLayout2-Master .BsTable2-Master {
height: 0vh !important; height: 0vh !important;
} }
@ -228,10 +190,6 @@ body {
} }
@media (width: 1280px) and (max-height: 1024px) { @media (width: 1280px) and (max-height: 1024px) {
// .BSLayout1-ContentDiv {
// height: clamp(99.5vh, 80rem, 99vh) !important;
// }
.BSCategory2-tablecont { .BSCategory2-tablecont {
height: clamp(79.5vh, 80rem, 76vh) !important; height: clamp(79.5vh, 80rem, 76vh) !important;
} }
@ -239,32 +197,26 @@ body {
//nk //nk
.BSLayout2-Master .BSBTOverall1-Default { .BSLayout2-Master .BSBTOverall1-Default {
// height: 84vh;
height: 81vh; height: 81vh;
} }
.BSLayout2-Master .BsTable2-Master { .BSLayout2-Master .BsTable2-Master {
// height: 83vh;
height: 81vh; height: 81vh;
} }
.BSLayout2-Master .BSTable3_overall { .BSLayout2-Master .BSTable3_overall {
// height: 84vh;
height: 81vh; height: 81vh;
} }
.BSLayout2-Master .BSBilling4TableCont-default { .BSLayout2-Master .BSBilling4TableCont-default {
// height: 84vh;
height: 81vh; height: 81vh;
} }
.BSLayout2-Master .BSBillingTable5-table-master-div { .BSLayout2-Master .BSBillingTable5-table-master-div {
// height: 85vh;
height: 81vh; height: 81vh;
} }
.BSLayout2-Master .BSBTOverall6-defaultscreen { .BSLayout2-Master .BSBTOverall6-defaultscreen {
// height: 84vh;
height: 81vh; height: 81vh;
} }
@ -286,11 +238,10 @@ body {
flex-direction: row; flex-direction: row;
gap: 1.2rem; gap: 1.2rem;
justify-content: space-between; justify-content: space-between;
// justify-content: space-between;
width: 100%; width: 100%;
padding: 0.75rem 1.5rem; padding: 0.5rem 1.5rem;
background-color: #1e2536; background-color: #1e2536;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important; font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
.price-change-btn { .price-change-btn {
color: #fff !important; color: #fff !important;
filter: invert(2); filter: invert(2);
@ -338,12 +289,6 @@ body {
} }
} }
// .NetAmountIcons {
// display: flex;
// flex-direction: row;
// gap: 0.5rem;
// color: #eeeeee;
// }
.AdvanceYearly { .AdvanceYearly {
background-color: #16a34a; background-color: #16a34a;
padding: 0.2rem 0.75rem; padding: 0.2rem 0.75rem;
@ -351,7 +296,7 @@ body {
border-radius: 50px; border-radius: 50px;
font-weight: 400; font-weight: 400;
color: #fff; color: #fff;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important; font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
} }
.SalesCountNew { .SalesCountNew {
@ -376,22 +321,9 @@ body {
align-items: center; align-items: center;
gap: 2px; gap: 2px;
font-size: 14px; font-size: 14px;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important; font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
font-weight: 400; font-weight: 400;
} }
// .NetAmountIcons {
// svg {
// font-size: 1.3rem;
// padding:6px 4px;
// cursor:pointer;
// width: 28px;
// height: 30px;
// &:hover{
// background-color: #fff3;
// }
// }
// }
} }
.NetAmountNew { .NetAmountNew {
@ -399,14 +331,14 @@ body {
align-items: center; align-items: center;
gap: 5px; gap: 5px;
font-size: 14px; font-size: 14px;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important; font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
font-weight: 400; font-weight: 400;
} }
.standardTooltipDineIN { .standardTooltipDineIN {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important; font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
} }
@media (max-width: 500px) { @media (max-width: 500px) {
@ -425,13 +357,12 @@ body {
} }
.salesStoreName { .salesStoreName {
// background-color: #2563eb;
color: #000000; color: #000000;
padding: 0.1rem 0.5rem; padding: 0.1rem 0.5rem;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
font-family: 'Poppins'; font-family: "Poppins";
margin: 3px 3px 1px 3px; margin: 3px 3px 1px 3px;
svg { svg {
@ -451,7 +382,7 @@ body {
} }
.price-change-btn { .price-change-btn {
font-family: 'Poppins'; font-family: "Poppins";
text-wrap: nowrap; text-wrap: nowrap;
background-color: unset; background-color: unset;
color: #333333; color: #333333;
@ -461,7 +392,6 @@ body {
border: none; border: none;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
// box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease; transition: all 0.2s ease;
outline: none !important; outline: none !important;
margin-right: 5px; margin-right: 5px;
@ -474,7 +404,6 @@ body {
.price-change-btn:hover { .price-change-btn:hover {
background-color: #f9fafb; background-color: #f9fafb;
// box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
outline: none; outline: none;
} }
@ -484,7 +413,6 @@ body {
} }
.price-change-btn:focus { .price-change-btn:focus {
// box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
outline: none; outline: none;
} }
@ -502,3 +430,41 @@ body {
border-spacing: 0 !important; border-spacing: 0 !important;
} }
} }
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}
.KeyshortCutNav3 {
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
padding: 0 0;
border-radius: 4px;
font-size: 14px;
background-color: rgb(240, 240, 240);
}

89
src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss
View File

@ -12,10 +12,6 @@
height: 40px; height: 40px;
} }
// body{
// background-color: #f3f3f3;
// }
.BSLayout3 { .BSLayout3 {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
@ -50,27 +46,18 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100vw; width: 100vw;
// width: 100vw;
} }
.BSCategory3-Cardcont { .BSCategory3-Cardcont {
overflow: auto; overflow: auto;
display: flex; display: flex;
height: 100%; height: 100%;
//nk
// height:74vh,
//
// height: 75vh;
// height: clamp(80vh, 71rem, 50vh);
} }
.BsLayout3-ContentDiv { .BsLayout3-ContentDiv {
display: flex; display: flex;
overflow: hidden; overflow: hidden;
height: 89vh; height: 89vh;
//nk
// height: 94vh;
//
justify-content: space-between; justify-content: space-between;
} }
@ -86,14 +73,6 @@
height: 0vh !important; height: 0vh !important;
} }
// .BSCategory3-Cardcont {
// height: 66vh !important;
// }
//Naresh
// .BSCategory3-Cardcont {
// height: 48vh !important;
// }
//
.BSLayout3-Master .bs-item-card-masterdiv { .BSLayout3-Master .bs-item-card-masterdiv {
height: 68%; height: 68%;
} }
@ -134,26 +113,13 @@
.BSLayout3-Master .BsTable2-Master { .BSLayout3-Master .BsTable2-Master {
height: 0vh !important; height: 0vh !important;
} }
//
} }
@media (min-width: 500px) and (max-width: 767px) { @media (min-width: 500px) and (max-width: 767px) {
// .BSCategory3-Cardcont {
// height: 60vh !important;
// }
.BSLayout3-Master .BSTable3_overall { .BSLayout3-Master .BSTable3_overall {
height: 0px !important; height: 0px !important;
} }
//Naresh
// .BSCategory3-Cardcont {
// height: 56vh !important;
// }
//
//nk
.BSLayout3-Master .BSBTOverall6-defaultscreen { .BSLayout3-Master .BSBTOverall6-defaultscreen {
height: 0 !important; height: 0 !important;
} }
@ -162,8 +128,6 @@
height: 70% !important; height: 70% !important;
} }
//Naresh
.BSLayout3-Master .BSCategory3-Cardcont { .BSLayout3-Master .BSCategory3-Cardcont {
height: 80% !important; height: 80% !important;
} }
@ -172,14 +136,11 @@
bottom: 0; bottom: 0;
} }
//
.BSLayout3-Master .BsTable2-Master { .BSLayout3-Master .BsTable2-Master {
height: 0vh !important; height: 0vh !important;
} }
.BSCategory3-tablecont { .BSCategory3-tablecont {
// width:800px!important;
height: 60px; height: 60px;
display: flex !important; display: flex !important;
justify-content: space-between !important; justify-content: space-between !important;
@ -198,38 +159,26 @@
//nk //nk
.BSLayout3-Master .BSBTOverall1-Default { .BSLayout3-Master .BSBTOverall1-Default {
// height: 84vh;
//vm
height: 79vh; height: 79vh;
} }
.BSLayout3-Master .BsTable2-Master { .BSLayout3-Master .BsTable2-Master {
// height: 84vh;
//vm
height: 79vh; height: 79vh;
} }
.BSLayout3-Master .BSTable3_overall { .BSLayout3-Master .BSTable3_overall {
// height: 84vh;
//vm
height: 79vh; height: 79vh;
} }
.BSLayout3-Master .BSBilling4TableCont-default { .BSLayout3-Master .BSBilling4TableCont-default {
// height: 84vh;
//vm
height: 79vh; height: 79vh;
} }
.BSLayout3-Master .BSBillingTable5-table-master-div { .BSLayout3-Master .BSBillingTable5-table-master-div {
// height: 84vh;
//vm
height: 79vh; height: 79vh;
} }
.BSLayout3-Master .BSBTOverall6-defaultscreen { .BSLayout3-Master .BSBTOverall6-defaultscreen {
// height: 84vh;
//vm
height: 79vh; height: 79vh;
} }
@ -347,20 +296,14 @@
font-weight: 600; font-weight: 600;
position: absolute; position: absolute;
font-size: 12px; font-size: 12px;
/* Starting position */
-moz-transform: translateX(100%); -moz-transform: translateX(100%);
-webkit-transform: translateX(100%); -webkit-transform: translateX(100%);
transform: translateX(100%); transform: translateX(100%);
/* Apply animation to this element */
-moz-animation: example2 20s linear infinite 0s; -moz-animation: example2 20s linear infinite 0s;
/* Set animation-delay to 0s */
-webkit-animation: example2 20s linear infinite 0s; -webkit-animation: example2 20s linear infinite 0s;
/* Set animation-delay to 0s */
animation: example2 20s linear infinite 0s; animation: example2 20s linear infinite 0s;
/* Set animation-delay to 0s */
} }
/* Move it (define the animation) */
@-moz-keyframes example2 { @-moz-keyframes example2 {
0% { 0% {
-moz-transform: translateX(100%); -moz-transform: translateX(100%);
@ -421,7 +364,6 @@
Blink 0.5s 1s infinite; Blink 0.5s 1s infinite;
} }
/* Move it (define the animation) */
@-moz-keyframes example3 { @-moz-keyframes example3 {
0% { 0% {
-moz-transform: translateX(100%); -moz-transform: translateX(100%);
@ -461,7 +403,6 @@
} }
@keyframes Blink { @keyframes Blink {
0%, 0%,
50% { 50% {
opacity: 1; opacity: 1;
@ -499,10 +440,36 @@
.Expired { .Expired {
font-weight: 600; font-weight: 600;
color: #ffffff; color: #ffffff;
/* Red color, change it according to your design */
} }
.ExpiredMessage { .ExpiredMessage {
color: #fff; color: #fff;
/* Red color, change it according to your design */ }
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
} }

118
src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss
View File

@ -10,20 +10,12 @@
} }
.Bslayout4_navbar { .Bslayout4_navbar {
// width: 100%;
// height: 50px;
// background-color: black;
// color: white;
// position: sticky;
// top: 0;
// z-index: 10;
display: block; display: block;
} }
.Bslayout4_overall { .Bslayout4_overall {
display: flex; display: flex;
overflow: hidden; overflow: hidden;
// height: max(93vh, 80px);
height: 100vh; height: 100vh;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
@ -31,19 +23,8 @@
.Bslayout4_card { .Bslayout4_card {
display: flex; display: flex;
// overflow: hidden;
overflow: scroll; overflow: scroll;
height: 100%; height: 100%;
//nk
// background-color: #f3f3f3;
//
// height: max(93vh, 80px);
// Naresh
// height: max(73vh, 80px);
//nk
// height: 93vh;
//
//
} }
.BSlayout_subdiv { .BSlayout_subdiv {
@ -111,12 +92,6 @@
height: 79%; height: 79%;
} }
//
// .BSTable3_overall {
// position: fixed;
// bottom: 0;
// }
.Bslayout4_table { .Bslayout4_table {
width: 0px !important; width: 0px !important;
} }
@ -125,21 +100,14 @@
display: block !important; display: block !important;
} }
//nk
// .BSlayout_subdiv {
// height: 73vh;
// }
//
.BSTable-3-Mobilescreen { .BSTable-3-Mobilescreen {
display: none; display: none;
} }
.BSBilling3div { .BSBilling3div {
// gap: 10px;
gap: 2px; gap: 2px;
width: 100%; width: 100%;
position: fixed; position: fixed;
// padding: 0rem 3rem;
bottom: 0; bottom: 0;
flex-direction: column; flex-direction: column;
} }
@ -149,12 +117,9 @@
font-size: 25px; font-size: 25px;
} }
//nk
.BsLayout4-Master .bs-item-card-masterdiv { .BsLayout4-Master .bs-item-card-masterdiv {
height: 67%; height: 67%;
} }
//
} }
@media (min-width: 280px) and (max-width: 499px) { @media (min-width: 280px) and (max-width: 499px) {
@ -162,13 +127,10 @@
height: 77vh !important; height: 77vh !important;
} }
//nk
.BsLayout4-Master .bs-item-card-masterdiv { .BsLayout4-Master .bs-item-card-masterdiv {
height: 55%; height: 55%;
} }
//
.hold-sum { .hold-sum {
column-gap: 1rem; column-gap: 1rem;
} }
@ -195,13 +157,11 @@
.BSBilling3-customer { .BSBilling3-customer {
display: flex; display: flex;
align-items: center; align-items: center;
// width: 65%;
} }
.Table3-price { .Table3-price {
display: flex; display: flex;
width: 100%; width: 100%;
// row-gap: 2rem;
background-color: transparent; background-color: transparent;
} }
@ -240,40 +200,18 @@
bottom: 0; bottom: 0;
} }
// .Bslayout4_card {
// // display: flex;
// // overflow: scroll;
// // background-color: #f3f3f3;
// height: max(75vh, 80px);
// }
// Naresh
//nk
// .Bslayout4_card {
// // display: flex;
// // overflow: scroll;
// // background-color: #f3f3f3;
// height: max(69vh, 80px);
// }
//
.Bslayout4_overall { .Bslayout4_overall {
display: flex; display: flex;
// flex-direction: column;
height: 75vh; height: 75vh;
} }
//
} }
//nk //nk
.BsLayout4-Master .BSBTOverall1-Default { .BsLayout4-Master .BSBTOverall1-Default {
// height: 89vh;
// vm
height: 81vh; height: 81vh;
} }
.BsLayout4-Master .BsTable2-Master { .BsLayout4-Master .BsTable2-Master {
// height: 89vh;
// vm
height: 81vh; height: 81vh;
} }
@ -282,26 +220,18 @@
} }
.BsLayout4-Master .BSTable3_overall { .BsLayout4-Master .BSTable3_overall {
// height: 89vh;
// vm
height: 81vh; height: 81vh;
} }
.BsLayout4-Master .BSBilling4TableCont-default { .BsLayout4-Master .BSBilling4TableCont-default {
// height: 89vh;
// vm
height: 81vh; height: 81vh;
} }
.BsLayout4-Master .BSBillingTable5-table-master-div { .BsLayout4-Master .BSBillingTable5-table-master-div {
// height: 89vh;
// vm
height: 81vh; height: 81vh;
} }
.BsLayout4-Master .BSBTOverall6-defaultscreen { .BsLayout4-Master .BSBTOverall6-defaultscreen {
// height: 89vh;
// vm
height: 81vh; height: 81vh;
} }
@ -309,26 +239,30 @@
height: 90%; height: 90%;
} }
// @media (min-width: 280px) and (min-width: 768px) { .Layout-bill-Subcontainer {
// .Bslayout4_card .BSItemCard-master-container { display: flex;
// display: flex; width: 100%;
// flex-direction: row; justify-content: space-around;
// flex-wrap: wrap; font-weight: 600;
// column-gap: 0.6rem; align-items: center;
// row-gap: 1rem; gap: 2px;
// position: relative;
// justify-content: flex-start;
// }
// }
// @media (min-width: 500px) and (max-width: 767px) { @media (max-width: 500px) {
// // .Bslayout4_table { font-size: 10px;
// // width: 0px !important; flex-wrap: wrap;
// // } }
// } }
.pricing-name-details {
// @media (width: 1280px) and (max-height: 1024px) { font-family: "Poppins";
// .Bslayout4_table { font-size: 12px;
// height: clamp(79.5vh, 80rem, 76vh) !important; background: var(--SELECTED_COLOR);
// } padding: 3px 5px;
// } border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

68
src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss
View File

@ -12,33 +12,22 @@
} }
.BSCategory5-Cardcont { .BSCategory5-Cardcont {
// height: min(95vh, 720px);
overflow: auto; overflow: auto;
// height: 80vh;
} }
.BSCategory5-Contentcont { .BSCategory5-Contentcont {
display: flex; display: flex;
height: 100%; height: 100%;
//nk
// height: 95vh;
//
} }
.BSCategory5-tablecont { .BSCategory5-tablecont {
width: 430px; width: 430px;
// margin: 0.5rem 0rem;
height: clamp(73vh, 71rem, 50vh); height: clamp(73vh, 71rem, 50vh);
background-color: #fff; background-color: #fff;
} }
@media (min-width: 500px) and (max-width: 768px) { @media (min-width: 500px) and (max-width: 768px) {
.BSCategory5-Cardcont { .BSCategory5-Cardcont {
// height: min(95vh, 720px);
overflow: auto; overflow: auto;
// height: 80vh;
//Naresh
// height: 74vh;
//
} }
.BSCategory5-tablecont { .BSCategory5-tablecont {
@ -52,7 +41,6 @@
.BSLayout5-Master .bs-item-card-masterdiv { .BSLayout5-Master .bs-item-card-masterdiv {
height: 65vh !important; height: 65vh !important;
} }
//
} }
@media (min-width: 280px) and (max-width: 499px) { @media (min-width: 280px) and (max-width: 499px) {
@ -60,10 +48,6 @@
height: 88vh; height: 88vh;
overflow: hidden; overflow: hidden;
} }
// .BSLayout5-Master .Table4-Price-summarypop {
// display: none;
// }
//nk
.BSLayout5-Master .bs-item-card-masterdiv { .BSLayout5-Master .bs-item-card-masterdiv {
height: 55vh; height: 55vh;
} }
@ -71,7 +55,6 @@
.BSLayout5-Master .Table4-Price-summarypop { .BSLayout5-Master .Table4-Price-summarypop {
display: none; display: none;
} }
//
.BSCategory5-tablecont { .BSCategory5-tablecont {
width: 0px !important; width: 0px !important;
@ -81,18 +64,9 @@
.BSCategory5-Contentcont { .BSCategory5-Contentcont {
display: flex; display: flex;
//nk
// height: 76vh !important;
//
} }
.BSCategory5-Cardcont { .BSCategory5-Cardcont {
// height: min(95vh, 720px);
overflow: auto; overflow: auto;
// height: 78vh;
// Naresh
//nk
// height: 69vh;
//
} }
.BSLayout5-Master .BsTable2-Master { .BSLayout5-Master .BsTable2-Master {
height: 0 !important; height: 0 !important;
@ -113,36 +87,52 @@
flex-direction: row; flex-direction: row;
} }
} }
//nk
.BSLayout5-Master .BSBTOverall1-Default { .BSLayout5-Master .BSBTOverall1-Default {
// height: 82vh;
// vm
height: 82vh; height: 82vh;
} }
.BSLayout5-Master .BsTable2-Master { .BSLayout5-Master .BsTable2-Master {
// height: 82vh;
// vm
height: 82vh; height: 82vh;
} }
.BSLayout5-Master .BSTable3_overall { .BSLayout5-Master .BSTable3_overall {
// height: 82vh;
// vm
height: 82vh; height: 82vh;
} }
.BSLayout5-Master .BSBilling4TableCont-default { .BSLayout5-Master .BSBilling4TableCont-default {
// height: 82vh;
// vm
height: 82vh; height: 82vh;
} }
.BSLayout5-Master .BSBTOverall6-defaultscreen { .BSLayout5-Master .BSBTOverall6-defaultscreen {
// height: 82vh;
// vm
height: 82vh; height: 82vh;
} }
.BSLayout5-Master .bs-item-card-masterdiv { .BSLayout5-Master .bs-item-card-masterdiv {
// height: 82vh;
// vm
height: 82vh; height: 82vh;
} }
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

61
src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss
View File

@ -10,7 +10,6 @@
.BSLayout6-Navbar { .BSLayout6-Navbar {
display: block; display: block;
box-shadow: var(--BOX_SHADOW_LEVEL1); box-shadow: var(--BOX_SHADOW_LEVEL1);
// border-bottom: #33373A solid 1px;
} }
.Combo6-Nav-Category { .Combo6-Nav-Category {
@ -40,10 +39,6 @@
display: flex; display: flex;
overflow-y: scroll; overflow-y: scroll;
height: 100vh; height: 100vh;
//nk
// height: 83vh;
//
// background-color:rgba(217, 217, 217, 1);
} }
.BSLayout6-cards::-webkit-scrollbar { .BSLayout6-cards::-webkit-scrollbar {
@ -53,7 +48,6 @@
.BSLayout6-table { .BSLayout6-table {
width: 423px; width: 423px;
margin: 0rem 0.5rem; margin: 0rem 0.5rem;
// height: calc(29.1em + 1.5vw);
height: clamp(61vh, 71rem, 50vh); height: clamp(61vh, 71rem, 50vh);
background-color: #fff; background-color: #fff;
} }
@ -72,8 +66,6 @@
height: 47%; height: 47%;
} }
//
.BSLayout6-fulldiv { .BSLayout6-fulldiv {
padding: 0rem 0rem !important; padding: 0rem 0rem !important;
} }
@ -82,20 +74,11 @@
margin: 0rem 0rem !important; margin: 0rem 0rem !important;
width: 0px; width: 0px;
} }
// .BSLayout6-cards{
// height: 63vh ;
// }
.BSLayout6-cards { .BSLayout6-cards {
//nk
// height: 56vh;
//
display: flex; display: flex;
flex-grow: 0.2; flex-grow: 0.2;
// padding: 0.2rem 0;
overflow-y: scroll; overflow-y: scroll;
justify-content: center; justify-content: center;
// background-color:rgba(217, 217, 217, 1);
} }
.BSTable3 { .BSTable3 {
@ -111,13 +94,10 @@
display: none !important; display: none !important;
} }
//nk
.BSLayout6-fullbody .bs-item-card-masterdiv { .BSLayout6-fullbody .bs-item-card-masterdiv {
height: 55%; height: 55%;
} }
//
.BSLayout6-fulldiv { .BSLayout6-fulldiv {
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
@ -125,11 +105,6 @@
} }
.BSLayout6-cards { .BSLayout6-cards {
// height:66vh;
// Naresh
//nk
// height:62vh;
//
width: 100%; width: 100%;
overflow-y: scroll; overflow-y: scroll;
justify-content: center; justify-content: center;
@ -169,13 +144,8 @@
.BSLayout6-cards { .BSLayout6-cards {
display: flex; display: flex;
flex-grow: 0.2; flex-grow: 0.2;
// margin-left: 2vw;
// padding: 1vh;
// height:60vh;
// width:60vw;
overflow-y: scroll; overflow-y: scroll;
justify-content: center; justify-content: center;
// background-color:rgba(217, 217, 217, 1);
} }
} }
@ -258,8 +228,31 @@
height: 75%; height: 75%;
} }
// .Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
// .BSLayout6-table .BillingTable1-table-div { @media (max-width: 500px) {
// height: 58vh !important; font-size: 10px;
// } flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

33
src/Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss
View File

@ -118,7 +118,7 @@
display: flex; display: flex;
gap: 0.2rem; gap: 0.2rem;
align-items: center; align-items: center;
font-family: 'Poppins'; font-family: "Poppins";
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
text-transform: capitalize; text-transform: capitalize;
@ -140,7 +140,7 @@
display: flex; display: flex;
gap: 0.2rem; gap: 0.2rem;
align-items: center; align-items: center;
font-family: 'Poppins'; font-family: "Poppins";
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
text-transform: capitalize; text-transform: capitalize;
@ -179,7 +179,7 @@
color: #fff; color: #fff;
padding: 7px; padding: 7px;
text-align: center; text-align: center;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.BSC1Payment-div2-button:hover { .BSC1Payment-div2-button:hover {
@ -197,7 +197,7 @@
color: #fff; color: #fff;
padding: 7px; padding: 7px;
text-align: center; text-align: center;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.BSC1Payment-div3-button:hover { .BSC1Payment-div3-button:hover {
@ -222,7 +222,7 @@
.BSC1Payment-div4-naming { .BSC1Payment-div4-naming {
color: #fff; color: #fff;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 14px; font-size: 14px;
} }
@ -242,7 +242,7 @@
color: #ffffff; color: #ffffff;
padding: 7px; padding: 7px;
text-align: center; text-align: center;
font-family: 'Gilroy'; font-family: "Gilroy";
font-size: 28px; font-size: 28px;
font-weight: 600; font-weight: 600;
display: flex; display: flex;
@ -264,7 +264,7 @@
color: #ffffff; color: #ffffff;
padding: 7px; padding: 7px;
text-align: center; text-align: center;
font-family: 'Gilroy'; font-family: "Gilroy";
font-size: 28px; font-size: 28px;
font-weight: 600; font-weight: 600;
display: flex; display: flex;
@ -343,7 +343,7 @@
} }
.BSC1Payment-para { .BSC1Payment-para {
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.Combo-Btn-payment-mode { .Combo-Btn-payment-mode {
@ -359,7 +359,7 @@
border-radius: 4.982px; border-radius: 4.982px;
padding: 5px 6px; padding: 5px 6px;
height: 2rem; height: 2rem;
font-family: 'Poppins'; font-family: "Poppins";
} }
.Combo-Btn-payment-mode-sel { .Combo-Btn-payment-mode-sel {
@ -374,7 +374,7 @@
column-gap: 0rem; column-gap: 0rem;
border-radius: 4.982px; border-radius: 4.982px;
padding: 5px 6px; padding: 5px 6px;
font-family: 'Poppins'; font-family: "Poppins";
} }
.Combo-Btn-payment-mode-notupisel { .Combo-Btn-payment-mode-notupisel {
@ -390,7 +390,7 @@
border-radius: 4.982px; border-radius: 4.982px;
padding: 5px 6px; padding: 5px 6px;
height: 2rem; height: 2rem;
font-family: 'Poppins'; font-family: "Poppins";
} }
.BSC1Payment-EstimateIcon { .BSC1Payment-EstimateIcon {
@ -580,7 +580,7 @@
} }
div { div {
width: 50px !important; width: 50px !important;
font-family: 'Poppins'; font-family: "Poppins";
font-size: 11px; font-size: 11px;
font-weight: 600; font-weight: 600;
gap: 3px; gap: 3px;
@ -599,3 +599,12 @@
display: none; display: none;
} }
} }
.Estoptbtn {
width: 15px;
height: 15px;
cursor: pointer;
background-color: #bebebe;
color: #000000;
border: none;
border-radius: 6px;
}

63
src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss
View File

@ -1,9 +1,7 @@
.BSC1-Master { .BSC1-Master {
// height: inherit;
position: absolute; position: absolute;
overflow: hidden !important; overflow: hidden !important;
display: flex; display: flex;
// row-gap: 4rem;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
position: absolute; position: absolute;
@ -121,7 +119,6 @@
} }
} }
//
.BSC1-Master .PCBillingTable6-Table1 td { .BSC1-Master .PCBillingTable6-Table1 td {
border: 0.1px solid #a8a8a880 !important; border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse; border-collapse: collapse;
@ -132,8 +129,6 @@
border-collapse: collapse; border-collapse: collapse;
} }
//
.BSC1-Master .BSBill-Table7 th { .BSC1-Master .BSBill-Table7 th {
border: 0.1px solid #a8a8a880 !important; border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse; border-collapse: collapse;
@ -228,7 +223,6 @@
.BSC1-Master .BSC1Payment-Container { .BSC1-Master .BSC1Payment-Container {
height: 8rem; height: 8rem;
// padding-bottom: 0rem !important;
} }
} }
@ -255,8 +249,6 @@
gap: 0.6rem !important; gap: 0.6rem !important;
} }
//
.BSC1-Master .Billing-Table1 td { .BSC1-Master .Billing-Table1 td {
border: 0.1px solid #a8a8a880 !important; border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse; border-collapse: collapse;
@ -427,7 +419,7 @@
.Combo-BSNavbar1-timer { .Combo-BSNavbar1-timer {
width: 8rem; width: 8rem;
font-family: 'Gilroy'; font-family: "Gilroy";
display: flex; display: flex;
justify-content: center; justify-content: center;
text-wrap: nowrap; text-wrap: nowrap;
@ -500,15 +492,18 @@
} }
.pricing-name-details { .pricing-name-details {
margin-left: unset; font-family: "Poppins";
display: flex; font-size: 12px;
align-items: center; background: var(--SELECTED_COLOR);
justify-content: center; padding: 3px 5px;
flex-direction: row; border-radius: 5px;
flex-wrap: wrap; color: white;
column-gap: 10px; white-space: nowrap;
line-height: 1.2; margin-left: 8rem;
padding: 4px 10px; font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
} }
} }
@ -551,7 +546,7 @@
height: 28px; height: 28px;
} }
th>span { th > span {
font-size: 14px !important; font-size: 14px !important;
@media (max-width: 500px) { @media (max-width: 500px) {
@ -620,7 +615,8 @@
} }
.SearchSubnavbar-combo { .SearchSubnavbar-combo {
@media (max-width: 1024px) {} @media (max-width: 1024px) {
}
} }
.combuSubNavbarRightSide { .combuSubNavbarRightSide {
@ -667,3 +663,30 @@
cursor: pointer; cursor: pointer;
color: #fff; color: #fff;
} }
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

323
src/Styles/DashBoard/RetailDashBoard.scss
View File

@ -1,12 +1,7 @@
.rev-div { .rev-div {
width: 100%; width: 100%;
//dhana
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
// justify-content: center;
// gap: 1rem
// gap:1rem
//
} }
.DashboardHeading { .DashboardHeading {
@ -26,7 +21,6 @@
justify-content: space-between; justify-content: space-between;
align-items: baseline; align-items: baseline;
margin-left: 1rem; margin-left: 1rem;
// padding: 1rem 1rem;
} }
.Dashboardrange { .Dashboardrange {
@ -35,7 +29,6 @@
.rev-content { .rev-content {
display: flex; display: flex;
// flex-wrap: wrap;
width: 88vw; width: 88vw;
overflow: scroll; overflow: scroll;
flex-wrap: wrap; flex-wrap: wrap;
@ -102,12 +95,7 @@
justify-content: flex-start; justify-content: flex-start;
} }
// statics
.stat-div { .stat-div {
// background-color: #fff;
// width: 806px;
// height: 412px;
margin: 1vw 2vh; margin: 1vw 2vh;
padding: 0.5rem 0rem; padding: 0.5rem 0rem;
display: flex; display: flex;
@ -319,25 +307,15 @@
} }
@media (min-width: 280px) and (max-width: 499px) { @media (min-width: 280px) and (max-width: 499px) {
//srinath
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels { .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
width: 50vw !important; width: 50vw !important;
overflow: scroll !important; overflow: scroll !important;
} }
// .Dashboardrange .datepickerDashboardrange{
// width: 100%;
// }
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-date-panel-container { .ant-picker-dropdown .ant-picker-panel-container .ant-picker-date-panel-container {
width: 100px; width: 100px;
} }
// .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
// display: flex;
// flex-wrap: wrap;
// direction: ltr;
// }
.rev-div .Dashboardrange .ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets { .rev-div .Dashboardrange .ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets {
display: flex; display: flex;
flex-direction: column !important; flex-direction: column !important;
@ -367,16 +345,12 @@
flex-wrap: wrap !important; flex-wrap: wrap !important;
} }
// .rev-box {
// width: 250px;
// }
.DashboardHeading { .DashboardHeading {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
gap: 0.5rem; gap: 0.5rem;
font-weight: 600; font-weight: 600;
font-size: smaller; font-size: smaller;
// font-size: larger;
} }
} }
@ -433,267 +407,6 @@
background-color: var(--SELECTED_COLOR) !important; background-color: var(--SELECTED_COLOR) !important;
} }
// .rev-div {
// width: 100%;
// //dhana
// display: flex;
// flex-wrap: wrap;
// // justify-content: center;
// // gap: 1rem
// // gap:1rem
// //
// }
// .DashboardHeading {
// display: flex;
// justify-content: center;
// width: 100%;
// gap: 0.5rem;
// font-weight: 600;
// font-size: larger;
// }
// .rev-head {
// display: flex;
// flex-wrap: wrap;
// width: 97%;
// flex-direction: row;
// justify-content: space-between;
// align-items: baseline;
// margin-left: 1rem;
// // padding: 1rem 1rem;
// }
// .Dashboardrange {
// margin-right: 5rem;
// }
// .rev-content {
// display: flex;
// // flex-wrap: wrap;
// width: 88vw;
// overflow: scroll;
// }
// .rev-box {
// background-color: #fff;
// width: 250px;
// margin: 1vw 2vh;
// padding: 0.5rem 0rem;
// border-radius: 8px;
// align-items: center;
// }
// .rev-box-cont {
// display: flex;
// flex-direction: row;
// column-gap: 1rem;
// font-weight: 600;
// font-size: 14px;
// justify-content: space-around;
// }
// .rev-badge {
// width: max-content;
// padding: 0.1rem 0.3rem;
// border-radius: 6px;
// background-color: var(--SELECTED_COLOR);
// color: #fff;
// }
// .rev-badge.negative {
// width: max-content;
// padding: 0.1rem 0.3rem;
// border-radius: 6px;
// background-color: var(--ERROR_COLOR);
// color: #fff;
// }
// .rev-box-amtcont {
// display: flex;
// flex-direction: row;
// padding: 0.5rem 1.5rem;
// column-gap: 0.7rem;
// font-weight: 600;
// font-size: 22px;
// justify-content: flex-start;
// }
// // statics
// .stat-div {
// // background-color: #fff;
// // width: 806px;
// // height: 412px;
// margin: 1vw 2vh;
// padding: 0.5rem 0rem;
// display: flex;
// flex-direction: row;
// column-gap: 1rem;
// overflow: scroll;
// }
// .stats {
// background-color: #fff;
// width: 1000px;
// height: 300px;
// flex-grow: 1;
// border-radius: 6px;
// }
// .stock-avl {
// width: 320px;
// height: 400px;
// border-radius: 6px;
// background-color: #fff;
// }
// .stk-cnt {
// margin: 1rem 0rem;
// height: 50vh;
// overflow: auto;
// display: flex;
// flex-direction: column;
// row-gap: 1rem;
// }
// .stk-cont {
// display: flex;
// flex-direction: row;
// column-gap: 1rem;
// font-size: 14px;
// justify-content: space-around;
// }
// .stk-dtl {
// display: flex;
// width: 100%;
// justify-content: space-around;
// }
// .changing-background {
// width: max-content;
// padding: 0px 6px;
// display: flex;
// justify-content: center;
// border-radius: 4px;
// color: #fff;
// font-family: "Poppins";
// font-weight: 600;
// }
// .stk-cnt-lowprice {
// background: var(--ERROR_COLOR);
// width: max-content;
// padding: 0px 6px;
// display: flex;
// justify-content: center;
// border-radius: 4px;
// color: #fff;
// font-family: "Poppins";
// font-weight: 600;
// }
// .stk-cnt-midprice {
// background: orange;
// width: max-content;
// padding: 0px 6px;
// display: flex;
// justify-content: center;
// border-radius: 4px;
// color: #fff;
// font-family: "Poppins";
// font-weight: 600;
// }
// .stk-cnt-highprice {
// background: var(--SELECTED_COLOR);
// width: max-content;
// padding: 0px 6px;
// display: flex;
// justify-content: center;
// border-radius: 4px;
// color: #fff;
// font-family: "Poppins";
// font-weight: 600;
// }
// @media (min-width: 280px) and (max-width: 499px) {
// .rev-content {
// padding: 0rem -1rem;
// width: 88vw !important;
// transform: scale(0.9);
// }
// .stat-div {
// width: 100vw;
// overflow: scroll;
// }
// .stats {
// width: 539px !important;
// overflow: scroll !important;
// }
// .rev-head {
// flex-wrap: wrap !important;
// }
// .rev-box {
// width: 250px;
// }
// .DashboardHeading {
// display: flex;
// justify-content: flex-start;
// gap: 0.5rem;
// font-weight: 600;
// font-size: smaller;
// // font-size: larger;
// }
// }
// @media (min-width: 500px) and (max-width: 676px) {
// .rev-head .field-DropDown {
// width: 200px !important;
// }
// .rev-content {
// padding: 0rem -1rem;
// width: 88vw !important;
// transform: scale(0.9);
// }
// .stat-div {
// width: 100vw;
// overflow: scroll;
// }
// .stats {
// width: 539px !important;
// overflow: scroll !important;
// }
// }
// @media (min-width: 677px) and (max-width: 1024px) {
// .Dashboardrange {
// margin-right: 1rem;
// }
// .rev-head {
// display: flex;
// width: 100%;
// flex-direction: row;
// justify-content: space-between;
// align-items: baseline;
// }
// .stats {
// overflow: scroll !important;
// }
// }
// .Togglee {
// display: flex;
// width: inherit;
// height: 2vw;
// flex-direction: row-reverse;
// z-index: 1;
// padding-right: 93px;
// }
// .Togglee .ant-switch {
// background-color:var(--SELECTED_COLOR) !important;
// }
.modalContentsadminuser { .modalContentsadminuser {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -729,17 +442,6 @@
} }
.size-save-button-retail { .size-save-button-retail {
// width: max-content;
// background-color: #52c41a;
// padding: 0rem 1rem;
// font-size: 15px;
// font-weight: 500;
// border-radius: 11px;
// cursor: pointer;
// display: flex;
// text-align: center;
// justify-content: center;
// padding-top: 10px;
width: max-content; width: max-content;
border: none; border: none;
padding: 10px 16px; padding: 10px 16px;
@ -754,8 +456,6 @@
word-spacing: 1px; word-spacing: 1px;
} }
// writing by srii
.chartsTitle { .chartsTitle {
display: flex; display: flex;
align-items: center; align-items: center;
@ -791,10 +491,6 @@
overflow: auto; overflow: auto;
width: 100.4%; width: 100.4%;
} }
@media (max-width: 500px) {
// width: 85vw !important;
}
} }
.RetailDashboard-Master { .RetailDashboard-Master {
@ -806,10 +502,6 @@
gap: 0px; gap: 0px;
margin: 0rem 0rem; margin: 0rem 0rem;
@media (max-width: 500px) {
// width: 90%;
}
.dashboardHeader { .dashboardHeader {
display: flex; display: flex;
align-items: center; align-items: center;
@ -818,7 +510,6 @@
padding: 6px 12px; padding: 6px 12px;
color: #ffffff; color: #ffffff;
width: 100%; width: 100%;
// position: fixed;
top: 0; top: 0;
z-index: 100; z-index: 100;
position: sticky; position: sticky;
@ -917,6 +608,9 @@
margin-top: -13px !important; margin-top: -13px !important;
padding-inline-end: 23px !important; padding-inline-end: 23px !important;
} }
.ant-select-selector {
height: 42px !important;
}
} }
.branch-filter-dropdown { .branch-filter-dropdown {
@ -1450,9 +1144,8 @@
.tab-switcher { .tab-switcher {
display: inline-flex; display: inline-flex;
background: #f0f2f5; background: #ffffff;
border-radius: 6px; border-radius: 6px;
padding: 4px;
gap: 4px; gap: 4px;
font-family: "Poppins", sans-serif; font-family: "Poppins", sans-serif;
background: #fff; background: #fff;
@ -1943,7 +1636,6 @@
} }
.topSellingProductCard { .topSellingProductCard {
// flex: 1;
width: 38%; width: 38%;
background: #fff; background: #fff;
border-radius: 8px; border-radius: 8px;
@ -1952,9 +1644,8 @@
position: relative; position: relative;
height: 50vh; height: 50vh;
overflow: auto; overflow: auto;
max-height: 300px; // Adjust height as needed max-height: 300px;
overflow-y: auto; overflow-y: auto;
/* Optional: for better look */
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #aaa #f5f5f5; scrollbar-color: #aaa #f5f5f5;
@ -1967,7 +1658,6 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
/* margin: 0.5rem 0; */
font-weight: 600; font-weight: 600;
position: sticky; position: sticky;
top: 0px; top: 0px;
@ -2240,7 +1930,6 @@
} }
} }
// Utility
.green { .green {
color: #20a720 !important; color: #20a720 !important;
} }
@ -2249,7 +1938,6 @@
color: #e53935 !important; color: #e53935 !important;
} }
// Responsive
@media (max-width: 1024px) { @media (max-width: 1024px) {
.dashboardMainGrid, .dashboardMainGrid,
.dashboardSecondaryGrid { .dashboardSecondaryGrid {
@ -2617,7 +2305,6 @@
color: #1976d2; color: #1976d2;
} }
// --- Bottom Widget Row Styles ---
.bottom-widget-row { .bottom-widget-row {
display: flex; display: flex;
gap: 1rem; gap: 1rem;

9
src/Styles/Payment/PaymentOptions/PaymentOptions.scss
View File

@ -5,7 +5,6 @@
.option-section { .option-section {
margin-bottom: 20px; margin-bottom: 20px;
column-gap: 2rem; column-gap: 2rem;
// border: 1px solid #1292ee;
padding: 16px; padding: 16px;
border-radius: 12px; border-radius: 12px;
background-color: #f2f9fd; background-color: #f2f9fd;
@ -28,7 +27,6 @@
font-weight: 600; font-weight: 600;
font-family: "Poppins"; font-family: "Poppins";
margin-bottom: 10px; margin-bottom: 10px;
// color: var(--SELECTED_COLOR);
color: rgb(0, 165, 0); color: rgb(0, 165, 0);
} }
@ -36,7 +34,6 @@
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
font-family: "Poppins"; font-family: "Poppins";
// color: var(--DEFAULT_SELECTED_COLOR);
} }
.option-subdiv { .option-subdiv {
@ -61,3 +58,9 @@
position: unset !important; position: unset !important;
width: 100%; width: 100%;
} }
.SBTNPaymentOptions {
position: fixed;
bottom: 2rem;
right: 2rem;
}

39
src/Styles/Product/Product.scss
View File

@ -16,15 +16,6 @@
} }
} }
// .cropUploadFieldSmallNoData {
// :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,
// :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select {
// width: 65px;
// height: 65px;
// }
// }
.productinputForm { .productinputForm {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -172,7 +163,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// justify-content: space-between;
& label { & label {
font-weight: 600; font-weight: 600;
} }
@ -198,8 +188,6 @@
justify-content: center; justify-content: center;
width: min(176px, 188px); width: min(176px, 188px);
height: 52px; height: 52px;
// width: 20%;
// height: 45px;
padding: 10px 0px; padding: 10px 0px;
cursor: pointer; cursor: pointer;
} }
@ -413,10 +401,6 @@
} }
.productMtrImgUpload1 { .productMtrImgUpload1 {
// .ant-modal-body {
// height: 400px;
// }
.productMtrImgUpload { .productMtrImgUpload {
display: flex; display: flex;
align-items: center; align-items: center;
@ -542,3 +526,26 @@
flex-direction: column; flex-direction: column;
} }
} }
.customerOffer {
width: 16rem;
height: 3rem;
background-color: #f5f5f5;
border-radius: 5px;
display: flex;
cursor: pointer;
}
.customerOffer div {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
border-radius: 5px;
}
.prodMasterAddDetails {
display: flex;
align-items: center;
gap: 10px;
}

32
src/Styles/Product/TurboAddForm.scss
View File

@ -1,5 +1,4 @@
.product-form-container { .product-form-container {
// padding: 20px;
background: #f8f9fa; background: #f8f9fa;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
@ -10,7 +9,6 @@
.excel-container { .excel-container {
width: 100%; width: 100%;
// max-width: 1200px;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -21,7 +19,6 @@
max-height: 72vh; max-height: 72vh;
height: max-content; height: max-content;
padding: 0; padding: 0;
// width: 80vw;
white-space: nowrap; white-space: nowrap;
scrollbar-width: thin; scrollbar-width: thin;
width: 83.5vw; width: 83.5vw;
@ -60,7 +57,7 @@
outline: none; outline: none;
width: 240px; width: 240px;
height: 40px; height: 40px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
&:focus { &:focus {
border-color: #3b82f6; border-color: #3b82f6;
@ -75,7 +72,7 @@
align-items: center; align-items: center;
gap: 6px; gap: 6px;
padding: 8px 16px; padding: 8px 16px;
font-family: 'Poppins'; font-family: "Poppins";
border-radius: 6px; border-radius: 6px;
border: none; border: none;
cursor: pointer; cursor: pointer;
@ -120,7 +117,7 @@
align-items: center; align-items: center;
gap: 6px; gap: 6px;
padding: 8px 16px; padding: 8px 16px;
font-family: 'Poppins'; font-family: "Poppins";
border-radius: 6px; border-radius: 6px;
border: none; border: none;
cursor: pointer; cursor: pointer;
@ -146,7 +143,6 @@
max-height: 72vh; max-height: 72vh;
height: max-content; height: max-content;
padding: 10px; padding: 10px;
// width: 80vw;
white-space: nowrap; white-space: nowrap;
scrollbar-width: thin; scrollbar-width: thin;
} }
@ -155,7 +151,7 @@
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
font-size: 14px; font-size: 14px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
th, th,
td { td {
@ -234,7 +230,7 @@
border-radius: 4px; border-radius: 4px;
background: transparent; background: transparent;
outline: none; outline: none;
font-family: 'Poppins'; font-family: "Poppins";
&:focus { &:focus {
border-color: #3b82f6; border-color: #3b82f6;
@ -258,8 +254,11 @@
background: #fee2e2; background: #fee2e2;
color: #b91c1c; color: #b91c1c;
transition: all 0.2s; transition: all 0.2s;
width: 38px; width: 35px;
height: 24px; height: 24px;
display: flex;
align-items: center;
justify-content: center;
&:hover { &:hover {
background: #fca5a5; background: #fca5a5;
@ -289,7 +288,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
.stats-item { .stats-item {
color: #374151; color: #374151;
@ -307,7 +306,6 @@
font-weight: 600; font-weight: 600;
justify-content: flex-start; justify-content: flex-start;
// flex-direction: column;
> div { > div {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -324,7 +322,7 @@
text-align: center !important; text-align: center !important;
font-size: 18px; font-size: 18px;
color: #6b7280; color: #6b7280;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
strong { strong {
color: #2563eb; color: #2563eb;
@ -402,7 +400,7 @@
font-size: inherit; font-size: inherit;
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
} }
.search-input-container { .search-input-container {
@ -577,7 +575,7 @@
width: max-content; width: max-content;
height: max-content; height: max-content;
border: none; border: none;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
background-color: #007bff; background-color: #007bff;
font-weight: 400; font-weight: 400;
color: #fff !important; color: #fff !important;
@ -631,14 +629,14 @@
background: #ae2727; background: #ae2727;
color: #fff; color: #fff;
padding: 8px 12px; padding: 8px 12px;
font-family: 'Poppins', sans-serif; font-family: "Poppins", sans-serif;
font-size: 13px; font-size: 13px;
font-weight: 400; font-weight: 400;
overflow: hidden; overflow: hidden;
} }
.voice-search-btn::before { .voice-search-btn::before {
content: ''; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
left: -100%; left: -100%;