karthikalakshmi
/
Android_Retail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Android_Retail/src/Features/ThemeChange/ThemeChange.js

2895 lines
95 KiB
JavaScript
Raw Normal View History

Initial commit
2026-01-27 18:27:29 +05:30
import axios from 'axios';
import { createAsyncThunk, createSlice } from '@reduxjs/toolkit';
import {
axiosRetailInstanceData,
axiosCommonInstanceData,
} from '../AuthenicationToken/AuthenticationToken';
import { getSession } from '../../Services/Others';
const apiUrl = import.meta.env.ENV_API_URL;
const apiCommonUrl = import.meta.env.ENV_API_URL_COMMON;
export const getColors = createAsyncThunk('theme/getColors', async () => {
return axiosRetailInstanceData.get(`/color?ActiveStatus=A`);
});
export const getLayoutOverallBackgroundColors = createAsyncThunk(
'theme/getLayoutOverallBackgroundColors',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getCategoryOverallBackgroundColors = createAsyncThunk(
'theme/getCategoryOverallBackgroundColors',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getSubcategoryOverallBackgroundColors = createAsyncThunk(
'theme/getSubcategoryOverallBackgroundColors',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getCardOverallBackgroundColors = createAsyncThunk(
'theme/getCardOverallBackgroundColors',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getBillingOverallBackgroundColors = createAsyncThunk(
'theme/getBillingOverallBackgroundColors',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getColorsCat = createAsyncThunk(
'theme/getColorsCat',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getColorsSubcat = createAsyncThunk(
'theme/getColorsSubcat',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getColorsCard = createAsyncThunk(
'theme/getColorsCard',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getColorsBilltable = createAsyncThunk(
'theme/getColorsBilltable',
async (data) => {
if (
data?.SessionID != null &&
data?.SessionID != undefined &&
data?.OptionName != null &&
data?.OptionName != undefined
) {
return axiosRetailInstanceData.get(
`/color?ActiveStatus=A&sessionId=${data?.SessionID}&OptionName=${data?.OptionName}`
);
}
}
);
export const getCatFonts = createAsyncThunk(
'theme/getCatFonts',
async (data) => {
if (data != null && data != undefined) {
return axiosRetailInstanceData.get(
`/font?ActiveStatus=A&sessionId=${data}`
);
}
}
);
export const getSubCatFonts = createAsyncThunk(
'theme/getSubCatFonts',
async (data) => {
if (data != null && data != undefined) {
return axiosRetailInstanceData.get(
`/font?ActiveStatus=A&sessionId=${data}`
);
}
}
);
export const getCardFonts = createAsyncThunk(
'theme/getCardFonts',
async (data) => {
if (data != null && data != undefined) {
return axiosRetailInstanceData.get(
`/font?ActiveStatus=A&sessionId=${data}`
);
}
}
);
export const getTableFonts = createAsyncThunk(
'theme/getTableFonts',
async (data) => {
if (data != null && data != undefined) {
return axiosRetailInstanceData.get(
`/font?ActiveStatus=A&sessionId=${data}`
);
}
}
);
export const getTemplate = createAsyncThunk(
'theme/getTemplate',
Optim Final Fun
2026-02-23 15:06:04 +05:30
Initial commit
2026-01-27 18:27:29 +05:30
async ({ CompId, BranchId, AppId }) => {
if (
CompId != null &&
CompId != undefined &&
BranchId != null &&
BranchId != undefined &&
AppId != null &&
AppId != undefined
) {
return axiosRetailInstanceData.get(
`/template?CompId=${CompId}&BranchId=${BranchId}&AppId=${AppId}`
);
} else {
}
}
);
export const getOthersTemplate = createAsyncThunk(
'theme/getOthersTemplate',
async ({ pagenumber }) => {
return axiosRetailInstanceData.get(
`/template?Type=O&PageNumber=${pagenumber}`
);
}
);
export const getThemes = createAsyncThunk('theme/getThemes', async () => {
return axiosRetailInstanceData.get(`/template`);
});
export const deleteThemeTemplate = createAsyncThunk(
'theme/deleteThemeTemplate',
async (Data) => {
return await axiosRetailInstanceData.delete(
`/Template?templatePreferenceId=${Data?.templatePreferenceId}&updatedBy=${Data?.UpdatedBy}&activeStatus=${Data?.ActiveStatus}`,
Data
);
}
);
export const postColorData = createAsyncThunk(
'theme/postColorData',
async (postData) => {
return await axiosRetailInstanceData.post(`/color`, postData);
}
);
export const postCatFontData = createAsyncThunk(
'theme/postCatFontData',
async (postData) => {
return await axiosRetailInstanceData.post(`/font`, postData);
}
);
export const postSubcatFontData = createAsyncThunk(
'theme/postSubcatFontData',
async (postData) => {
return await axiosRetailInstanceData.post(`/font`, postData);
}
);
export const postCardFontData = createAsyncThunk(
'theme/postCardFontData',
async (postData) => {
return await axiosRetailInstanceData.post(`/font`, postData);
}
);
export const postTableFontData = createAsyncThunk(
'theme/postTableFontData',
async (postData) => {
return await axiosRetailInstanceData.post(`/font`, postData);
}
);
export const getLayout = createAsyncThunk('theme/getLayout', async () => {
return await axiosRetailInstanceData.get(
`/component?SessionName=BookingLayout`
);
});
export const getNavbar = createAsyncThunk('theme/getNavbar', async () => {
return await axiosRetailInstanceData.get(
`/component?SessionName=BookingNavbar`
);
});
export const getCategory = createAsyncThunk('theme/getCategory', async () => {
return await axiosRetailInstanceData.get(
`/component?SessionName=BookingCategory`
);
});
export const getCard = createAsyncThunk('theme/getCard', async () => {
return await axiosRetailInstanceData.get(
`/component?SessionName=BookingCard`
);
});
export const getSubCategory = createAsyncThunk(
'theme/getSubCategory',
async () => {
return await axiosRetailInstanceData.get(
`/component?SessionName=BookingSubCategory`
);
}
);
export const getBillingTable = createAsyncThunk(
'theme/getBillingTable',
async () => {
return await axiosRetailInstanceData.get(
`/component?SessionName=BookingBilling`
);
}
);
export const getCombo1Navbar = createAsyncThunk(
'theme/getCombo1Navbat',
async () => {
return await axiosRetailInstanceData.get(
`/component?SessionName=BookingCombo1`
);
}
);
export const getCombo2Navbar = createAsyncThunk(
'theme/getCombo2Navbar',
async () => {
return await axiosRetailInstanceData.get(
`/component?SessionName=BookingCombo2`
);
}
);
export const getPrintOptions = createAsyncThunk(
'theme/getPrintOptions',
async ({ Data }) => {
return await axiosRetailInstanceData.get(`/ConfigMaster?typeName=${Data}`);
}
);
export const postSelectionComponentData = createAsyncThunk(
'theme/postOverAllData',
async (postData) => {
return await axiosRetailInstanceData.post(`/template`, postData);
}
);
export const putSelectionComponentData = createAsyncThunk(
'theme/putOverAllData',
async (putData) => {
return await axiosRetailInstanceData.put(`/template`, putData);
}
);
export const postPrintSelectionComponentData = createAsyncThunk(
'theme/postPrintSelectionComponentData',
async (postData) => {
return await axiosRetailInstanceData.post(`/PrintTemplate`, postData);
}
);
export const putPrintSelectionComponentData = createAsyncThunk(
'theme/putPrintSelectionComponentData',
async (putData) => {
return await axiosRetailInstanceData.put(`/PrintTemplate`, putData);
}
);
export const getPrintSelectionComponentData = createAsyncThunk(
'theme/getPrintSelectionComponentData',
async (Data) => {
return await axiosRetailInstanceData.get(
`${apiUrl}/PrintTemplate?compId=${Data.CompId}&branchId=${Data.BranchId}&appId=${Data.AppId}`
);
}
);
Table settings insales page
2026-02-02 11:25:31 +05:30
export const getSalesTemplate = createAsyncThunk(
'theme/getSalesTemplate',
async (Data) => {
return await axiosRetailInstanceData.get(
`${apiUrl}/ThemeMaster?compId=${Data.CompId}&branchId=${Data.BranchId}&appId=${Data.AppId}`
);
}
);
Initial commit
2026-01-27 18:27:29 +05:30
export const PricingAppPricingNameData = createAsyncThunk(
'theme/PricingAppPricingNameData',
async (data) => {
if (
data?.appId != null &&
data?.appId != undefined &&
data?.compId != null &&
data?.compId != undefined &&
data?.branchId != null &&
data?.branchId != undefined
) {
return await axios.get(
`${apiCommonUrl}/PricingAppFeatMap?appId=${data?.appId}&compId=${data?.compId}&branchId=${data?.branchId}`
);
} else if (
data?.appId != null &&
data?.appId != undefined &&
data?.userId != null &&
data?.userId != undefined
) {
return await axios.get(
`${apiCommonUrl}/PricingAppFeatMap?appId=${data?.appId}&userId=${data?.userId}`
);
}
}
);
export const FeatureAddon = createAsyncThunk(
'theme/FeatureAddon',
async ({ UserId, AppId }) => {
const UserType = getSession('UserType');
if (
UserId != null &&
UserId != undefined &&
AppId != null &&
AppId != undefined &&
UserType !== 'Super Admin' &&
UserType !== 'Super Admin User'
) {
return await axios.get(
`${apiCommonUrl}/UAMFeatAddon?AppId=${AppId}&UserId=${UserId}`
);
}
}
);
export const getPrinterMappingDetails = createAsyncThunk(
'theme/getPrinterMappingDetails',
async (Data) => {
if (Data.UserId != null && Data.UserId != undefined) {
return await axiosRetailInstanceData.get(
`/PrintMapping?compId=${Data.CompId}&branchId=${Data.BranchId}&appId=${Data.AppId}&userId=${Data.UserId}`
);
} else {
return await axiosRetailInstanceData.get(
`/PrintMapping?compId=${Data.CompId}&branchId=${Data.BranchId}&appId=${Data.AppId}`
);
}
}
);
export const getKioskDevices = createAsyncThunk(
'theme/getKioskDevices',
async (Data) => {
return await axiosRetailInstanceData.get(
`/getKisokDevice?compId=${Data.CompId}&branchId=${Data.BranchId}&appId=${Data.AppId}`
);
}
);
export const putPrinterMapping = createAsyncThunk(
'theme/postPrinterMapping',
async (postData) => {
return await axiosRetailInstanceData.put(`/PrintMapping`, postData);
}
);
const initialState = {
ReprintDataFound: false,
PrintdummyData: false,
printSize: null,
printStyle: null,
SlNo: false,
Item: false,
MRP: false,
Discount: false,
Tax: false,
Quantity: false,
Rate: false,
Amount: false,
HsnCode: false,
Qrcode: false,
Signature: false,
CashierName: false,
Logo: false,
Credit: false,
termsAndConditions: false,
themeFormat: false,
notes: false,
SignatureImage: '',
BillName: '',
Add Color funtionalites
2026-03-03 19:52:42 +05:30
SelectedHeaderColour: false,
SelectedTableHeaderColour: false,
SelectedTableBodyColour: false,
SelectedFooterColour: false,
SelectedNetAmountColour: false,
Initial commit
2026-01-27 18:27:29 +05:30
allColors: [],
allColorsCat: [],
LayoutOverallColorsList: [],
CategoryOverallColorsList: [],
cardOverallColorsList: [],
SubcategoryOverallColorsList: [],
BillingOverallColorsList: [],
allColorsSubcat: [],
allColorsCard: [],
allColorsBillTable: [],
allFonts: [],
catFont: [],
subFont: [],
cardFont: [],
tableFont: [],
CurrentColor: {
darkColor: '#37943C',
lightColor: '#b2eb9b',
},
CurrentText: {
head: 'Gilroy',
para: 'Poppins',
},
templateData: {},
colorId: [],
fontId: [],
OverallColorId: null,
SelectedLayout: null,
SelectedNavbar: null,
SelectedCategory: null,
SelectedSubCategory: null,
SelectedCard: null,
SelectedBillingTable: null,
SelectedNavbarCheckedItems: [],
SelectedCategoryCheckedItems: [],
SelectedSubCategoryCheckedItems: [],
SelectedCardCheckedItems: [],
SelectedBillTableCheckedItems: [],
previewData: {},
SelectedLayoutColorDetail: { OverallBackgroundColor: null },
SelectedCardColorDetail: {
BackgroundColor: '#ffffff',
FontColor: '#000000',
OverallBackgroundColor: null,
},
SelectedBillingColorDetail: {
BackgroundColor: '#ffffff',
FontColor: '#000000',
OverallBackgroundColor: null,
},
SelectedCatgColorDetail: {
BackgroundColor: '#ffffff',
FontColor: '#000000',
OverallBackgroundColor: null,
},
SelectedSubCatgColorDetail: {
BackgroundColor: '#ffffff',
FontColor: '#000000',
OverallBackgroundColor: null,
},
SelectedCardFont: 'Poppins',
SelectedBillingFont: 'Gilroy',
SelectedCatgFont: 'Gilroy',
SelectedSubCatgFont: 'Poppins',
PrintTemplate: null,
DCPrintTemplate: null,
PrintFieldDetails: null,
Implement dynamic header and table color functionality
2026-03-05 12:04:33 +05:30
DCtoInvoicePrintFieldDetails: null,
Initial commit
2026-01-27 18:27:29 +05:30
PricingAppPricingName: null,
FeatureAddonData: [],
SessionData: [],
ThemeCreation: {},
printDatas: {},
Implement dynamic header and table color functionality
2026-03-05 12:04:33 +05:30
DCtoInvoice: {},
Initial commit
2026-01-27 18:27:29 +05:30
DefaultTheme: [],
OthersTheme: [],
SelectedTheme: {},
ActiveTheme: 'default',
ScanTemplate: {},
CustThemeData: 'Layout2',
PrinterMappingDtls: [],
Add Color funtionalites
2026-03-03 19:52:42 +05:30
SelectedHeaderColor: '#ffffff',
SelectedHeaderFontColor: '#000000',
SelectedTableHeaderColor: '#ffffff',
SelectedTableHeaderFontColor: '#000000',
SelectedTableBodyColor: '#ffffff',
SelectedTableBodyFontColor: '#000000',
SelectedFooterColor: '#ffffff',
SelectedFooterFontColor: '#000000',
SelectedNetAmountColor: '#ffffff',
SelectedNetAmountFontColor: '#000000',
rowType: 'odd',
Initial commit
2026-01-27 18:27:29 +05:30
};
const ThemeSlice = createSlice({
name: 'theme',
initialState,
reducers: {
changetemplateData: (state, action) => {
state.SelectedApplication = {
AppId: action?.payload?.SelectedApplication,
};
state.AppName = action?.payload?.AppName;
console.log(action?.payload?.Type, 'action?.payload?.Type');
if (action?.payload?.Type == 'Advance') {
if (Object.keys(state.templateData)?.length == 0) {
state.fontId = [1, 4, 5];
state.colorId = [43];
state.SelectedCardFont = 'Poppins';
state.SelectedBillingColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedBillingFont = 'Gilroy';
state.SelectedCatgColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedCatgFont = 'Gilroy';
state.SelectedLayoutColorDetail = { OverallBackgroundColor: null };
state.SelectedCardColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.templateData = {
BookingLayout: [
'Layout2',
[
{
TemplateOptionsId: 71805,
OptionId: 45,
OptionName: 'Category',
},
{
TemplateOptionsId: 71807,
OptionId: 47,
OptionName: 'Card',
},
{
TemplateOptionsId: 71808,
OptionId: 48,
OptionName: 'Billing',
},
{
TemplateOptionsId: 71809,
OptionId: 166,
OptionName: 'Navbar',
},
],
],
BookingNavbar: [
'Navbar3',
[
{
TemplateOptionsId: 71811,
OptionId: 74,
OptionName: 'Search',
},
{
TemplateOptionsId: 71812,
OptionId: 75,
OptionName: 'RePrint',
},
{
TemplateOptionsId: 71813,
OptionId: 77,
OptionName: 'QuickAdd',
},
{
TemplateOptionsId: 71814,
OptionId: 76,
OptionName: 'DineIn',
},
{
TemplateOptionsId: 71815,
OptionId: 79,
OptionName: 'TakeAway',
},
{
TemplateOptionsId: 71816,
OptionId: 80,
OptionName: 'Offer',
},
{
TemplateOptionsId: 71817,
OptionId: 82,
OptionName: 'ExtraCharge',
},
{
TemplateOptionsId: 71825,
OptionId: 130,
OptionName: 'Hold',
},
{
TemplateOptionsId: 71826,
OptionId: 172,
OptionName: 'AddCustomer',
},
],
],
BookingCategory: [
'Category5',
[
{
TemplateOptionsId: 71818,
OptionId: 95,
OptionName: 'Image',
},
{
TemplateOptionsId: 71819,
OptionId: 96,
OptionName: 'Background',
},
],
],
BookingCard: [
'Card4',
[
{
TemplateOptionsId: 71821,
OptionId: 117,
OptionName: 'Background',
},
{
TemplateOptionsId: 71822,
OptionId: 119,
OptionName: 'Price',
},
{
TemplateOptionsId: 71823,
OptionId: 120,
OptionName: 'SmallImage',
},
{
TemplateOptionsId: 71824,
OptionId: 121,
OptionName: 'ImageLeft',
},
],
],
BookingBilling: [
'StandardBilling',
[
{
TemplateOptionsId: 71825,
OptionId: 130,
OptionName: 'Hold',
},
{
TemplateOptionsId: 71825,
OptionId: 130,
OptionName: 'DineIn',
},
{
TemplateOptionsId: 71826,
OptionId: 171,
OptionName: 'Background',
},
{
TemplateOptionsId: 71826,
OptionId: 172,
OptionName: 'AddCustomer',
},
{
TemplateOptionsId: 71828,
OptionId: 210,
OptionName: 'Sl.No',
},
{
TemplateOptionsId: 71829,
OptionId: 211,
OptionName: 'Item',
},
{
TemplateOptionsId: 71830,
OptionId: 214,
OptionName: 'Quantity',
},
{
TemplateOptionsId: 71831,
OptionId: 216,
OptionName: 'Amount',
},
{
TemplateOptionsId: 71832,
OptionId: 217,
OptionName: 'Edit',
},
{
TemplateOptionsId: 71833,
OptionId: 218,
OptionName: 'Delete',
},
],
],
};
// state.fontId = [1, 4, 5];
// state.colorId = [43];
// state.SelectedCardFont = 'Poppins';
// state.SelectedBillingColorDetail = {
// BackgroundColor: '#cfd8dc',
// FontColor: '#000000',
// OverallBackgroundColor: null,
// };
// state.SelectedBillingFont = 'Gilroy';
// state.SelectedCatgColorDetail = {
// BackgroundColor: '#cfd8dc',
// FontColor: '#000000',
// OverallBackgroundColor: null,
// };
// state.SelectedSubCatgColorDetail = {
// BackgroundColor: '#cfd8dc',
// FontColor: '#000000',
// OverallBackgroundColor: null,
// };
// state.SelectedCatgFont = 'Gilroy';
// state.SelectedLayoutColorDetail = { OverallBackgroundColor: null };
// state.SelectedCardColorDetail = {
// BackgroundColor: '#cfd8dc',
// FontColor: '#000000',
// OverallBackgroundColor: null,
// };
// state.templateData = {
// BookingLayout: [
// 'Layout1',
// [
// {
// TemplateOptionsId: 71805,
// OptionId: 45,
// OptionName: 'Category',
// },
// {
// TemplateOptionsId: 71805,
// OptionId: 46,
// OptionName: 'SubCategory',
// },
// {
// TemplateOptionsId: 71807,
// OptionId: 47,
// OptionName: 'Card',
// },
// {
// TemplateOptionsId: 71808,
// OptionId: 48,
// OptionName: 'Billing',
// },
// {
// TemplateOptionsId: 71809,
// OptionId: 166,
// OptionName: 'Navbar',
// },
// ],
// ],
// BookingNavbar: [
// 'Navbar1',
// [
// {
// TemplateOptionsId: 71811,
// OptionId: 74,
// OptionName: 'Search',
// },
// {
// TemplateOptionsId: 71812,
// OptionId: 75,
// OptionName: 'RePrint',
// },
// {
// TemplateOptionsId: 71813,
// OptionId: 77,
// OptionName: 'QuickAdd',
// },
// {
// TemplateOptionsId: 71814,
// OptionId: 76,
// OptionName: 'DineIn',
// },
// {
// TemplateOptionsId: 71815,
// OptionId: 79,
// OptionName: 'TakeAway',
// },
// {
// TemplateOptionsId: 71816,
// OptionId: 80,
// OptionName: 'Offer',
// },
// {
// TemplateOptionsId: 71817,
// OptionId: 82,
// OptionName: 'ExtraCharge',
// },
// ],
// ],
// BookingCategory: [
// 'Category1',
// [
// {
// TemplateOptionsId: 71818,
// OptionId: 95,
// OptionName: 'Image',
// },
// {
// TemplateOptionsId: 71819,
// OptionId: 96,
// OptionName: 'Background',
// },
// ],
// ],
// BookingSubCategory: [
// 'SubCategory1',
// [
// {
// TemplateOptionsId: 71819,
// OptionId: 97,
// OptionName: 'Background',
// },
// ],
// ],
// BookingCard: [
// 'Card2',
// [
// {
// TemplateOptionsId: 71821,
// OptionId: 117,
// OptionName: 'Background',
// },
// {
// TemplateOptionsId: 71822,
// OptionId: 119,
// OptionName: 'Price',
// },
// {
// TemplateOptionsId: 71823,
// OptionId: 120,
// OptionName: 'SmallImage',
// },
// {
// TemplateOptionsId: 71824,
// OptionId: 121,
// OptionName: 'ImageLeft',
// },
// {
// TemplateOptionsId: 71825,
// OptionId: 122,
// OptionName: 'StockCount',
// },
// ],
// ],
// BookingBilling: [
// 'Billing3',
// [
// {
// TemplateOptionsId: 71826,
// OptionId: 130,
// OptionName: 'Hold',
// },
// {
// TemplateOptionsId: 71827,
// OptionId: 171,
// OptionName: 'Background',
// },
// {
// TemplateOptionsId: 71828,
// OptionId: 172,
// OptionName: 'AddCustomer',
// },
// {
// TemplateOptionsId: 71830,
// OptionId: 210,
// OptionName: 'Sl.No',
// },
// {
// TemplateOptionsId: 71831,
// OptionId: 211,
// OptionName: 'Item',
// },
// {
// TemplateOptionsId: 71832,
// OptionId: 214,
// OptionName: 'Quantity',
// },
// {
// TemplateOptionsId: 71833,
// OptionId: 216,
// OptionName: 'Amount',
// },
// {
// TemplateOptionsId: 71834,
// OptionId: 217,
// OptionName: 'Edit',
// },
// {
// TemplateOptionsId: 71835,
// OptionId: 218,
// OptionName: 'Delete',
// },
// ],
// ],
// };
}
} else if (action?.payload?.Type == 'Pro') {
state.fontId = [1, 4, 5];
state.colorId = [43];
state.SelectedCardFont = 'Poppins';
state.SelectedBillingColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedBillingFont = 'Gilroy';
state.SelectedCatgColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedSubCatgColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedCatgFont = 'Gilroy';
state.SelectedLayoutColorDetail = { OverallBackgroundColor: null };
state.SelectedCardColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.templateData = {
BookingLayout: [
'Layout1',
[
{
TemplateOptionsId: 71805,
OptionId: 45,
OptionName: 'Category',
},
{
TemplateOptionsId: 71805,
OptionId: 46,
OptionName: 'SubCategory',
},
{
TemplateOptionsId: 71807,
OptionId: 47,
OptionName: 'Card',
},
{
TemplateOptionsId: 71808,
OptionId: 48,
OptionName: 'Billing',
},
{
TemplateOptionsId: 71809,
OptionId: 166,
OptionName: 'Navbar',
},
],
],
BookingNavbar: [
'Navbar1',
[
{
TemplateOptionsId: 71811,
OptionId: 74,
OptionName: 'Search',
},
{
TemplateOptionsId: 71812,
OptionId: 75,
OptionName: 'RePrint',
},
{
TemplateOptionsId: 71813,
OptionId: 77,
OptionName: 'QuickAdd',
},
{
TemplateOptionsId: 71814,
OptionId: 76,
OptionName: 'DineIn',
},
{
TemplateOptionsId: 71815,
OptionId: 79,
OptionName: 'TakeAway',
},
{
TemplateOptionsId: 71816,
OptionId: 80,
OptionName: 'Offer',
},
{
TemplateOptionsId: 71817,
OptionId: 82,
OptionName: 'ExtraCharge',
},
],
],
BookingCategory: [
'Category1',
[
{
TemplateOptionsId: 71818,
OptionId: 95,
OptionName: 'Image',
},
{
TemplateOptionsId: 71819,
OptionId: 96,
OptionName: 'Background',
},
],
],
BookingSubCategory: [
'SubCategory1',
[
{
TemplateOptionsId: 71819,
OptionId: 97,
OptionName: 'Background',
},
],
],
BookingCard: [
'Card2',
[
{
TemplateOptionsId: 71821,
OptionId: 117,
OptionName: 'Background',
},
{
TemplateOptionsId: 71822,
OptionId: 119,
OptionName: 'Price',
},
{
TemplateOptionsId: 71823,
OptionId: 120,
OptionName: 'SmallImage',
},
{
TemplateOptionsId: 71824,
OptionId: 121,
OptionName: 'ImageLeft',
},
{
TemplateOptionsId: 71825,
OptionId: 122,
OptionName: 'StockCount',
},
],
],
BookingBilling: [
'Billing3',
[
{
TemplateOptionsId: 71826,
OptionId: 130,
OptionName: 'Hold',
},
{
TemplateOptionsId: 71827,
OptionId: 171,
OptionName: 'Background',
},
{
TemplateOptionsId: 71828,
OptionId: 172,
OptionName: 'AddCustomer',
},
{
TemplateOptionsId: 71830,
OptionId: 210,
OptionName: 'Sl.No',
},
{
TemplateOptionsId: 71831,
OptionId: 211,
OptionName: 'Item',
},
{
TemplateOptionsId: 71832,
OptionId: 214,
OptionName: 'Quantity',
},
{
TemplateOptionsId: 71833,
OptionId: 216,
OptionName: 'Amount',
},
{
TemplateOptionsId: 71834,
OptionId: 217,
OptionName: 'Edit',
},
{
TemplateOptionsId: 71835,
OptionId: 218,
OptionName: 'Delete',
},
],
],
};
} else if (action?.payload?.Type == 'ParkingRedirect') {
state.fontId = [1, 4, 5];
state.colorId = [43];
state.SelectedCardFont = 'Poppins';
state.SelectedBillingColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedBillingFont = 'Gilroy';
state.SelectedCatgColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedCatgFont = 'Gilroy';
state.SelectedLayoutColorDetail = { OverallBackgroundColor: null };
state.SelectedCardColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.templateData = {
BookingLayout: [
'Layout1',
[
{
TemplateOptionsId: 71805,
OptionId: 45,
OptionName: 'Category',
},
{
TemplateOptionsId: 71807,
OptionId: 47,
OptionName: 'Card',
},
{
TemplateOptionsId: 71808,
OptionId: 48,
OptionName: 'Billing',
},
{
TemplateOptionsId: 71809,
OptionId: 166,
OptionName: 'Navbar',
},
],
],
BookingNavbar: ['Navbar1', []],
BookingCategory: ['Category1', []],
BookingCard: ['Card2', []],
BookingBilling: [
'Billing1',
[
{
TemplateOptionsId: 71826,
OptionId: 171,
OptionName: 'Background',
},
{
TemplateOptionsId: 71828,
OptionId: 210,
OptionName: 'Sl.No',
},
{
TemplateOptionsId: 71829,
OptionId: 211,
OptionName: 'Item',
},
{
TemplateOptionsId: 71830,
OptionId: 214,
OptionName: 'Quantity',
},
{
TemplateOptionsId: 71831,
OptionId: 216,
OptionName: 'Amount',
},
{
TemplateOptionsId: 71832,
OptionId: 217,
OptionName: 'Edit',
},
{
TemplateOptionsId: 71833,
OptionId: 218,
OptionName: 'Delete',
},
],
],
};
} //pro subcategory with layout
// if (action?.payload.Type == "Pro") {
// state.fontId = [1, 4, 5]
// state.colorId = [43]
// state.SelectedCardFont = "Poppins"
// state.SelectedBillingColorDetail = {
// 'BackgroundColor': "#cfd8dc",
// 'FontColor': "#000000",
// 'OverallBackgroundColor': null
// }
// state.SelectedBillingFont = "Gilroy"
// state.SelectedCatgColorDetail = {
// 'BackgroundColor': "#cfd8dc",
// 'FontColor': "#000000",
// 'OverallBackgroundColor': null
// }
// state.SelectedCatgFont = "Gilroy"
// state.SelectedLayoutColorDetail = { OverallBackgroundColor: null }
// state.SelectedCardColorDetail = {
// 'BackgroundColor': "#cfd8dc",
// 'FontColor': "#000000",
// 'OverallBackgroundColor': null
// }
// state.templateData =
// {
// "BookingLayout": [
// "Layout2",
// [
// {
// "TemplateOptionsId": 71805,
// "OptionId": 45,
// "OptionName": "Category"
// },
// {
// "TemplateOptionsId": 71807,
// "OptionId": 47,
// "OptionName": "Card"
// },
// {
// "TemplateOptionsId": 71808,
// "OptionId": 48,
// "OptionName": "Billing"
// },
// {
// "TemplateOptionsId": 71809,
// "OptionId": 166,
// "OptionName": "Navbar"
// },
// ]
// ],
// "BookingNavbar": [
// "Navbar1",
// [
// {
// "TemplateOptionsId": 71811,
// "OptionId": 74,
// "OptionName": "Search"
// },
// {
// "TemplateOptionsId": 71812,
// "OptionId": 75,
// "OptionName": "RePrint"
// },
// {
// "TemplateOptionsId": 71813,
// "OptionId": 77,
// "OptionName": "QuickAdd"
// },
// {
// "TemplateOptionsId": 71814,
// "OptionId": 76,
// "OptionName": "DineIn"
// },
// {
// "TemplateOptionsId": 71815,
// "OptionId": 79,
// "OptionName": "TakeAway"
// },
// {
// "TemplateOptionsId": 71816,
// "OptionId": 80,
// "OptionName": "Offer"
// },
// {
// "TemplateOptionsId": 71817,
// "OptionId": 82,
// "OptionName": "ExtraCharge"
// },
// ]
// ],
// "BookingCategory": [
// "Category1",
// [
// {
// "TemplateOptionsId": 71818,
// "OptionId": 95,
// "OptionName": "Image"
// },
// {
// "TemplateOptionsId": 71819,
// "OptionId": 96,
// "OptionName": "Background"
// }
// ]
// ],
// "BookingCard": [
// "Card2",
// [
// {
// "TemplateOptionsId": 71821,
// "OptionId": 117,
// "OptionName": "Background"
// },
// {
// "TemplateOptionsId": 71822,
// "OptionId": 119,
// "OptionName": "Price"
// },
// {
// "TemplateOptionsId": 71823,
// "OptionId": 120,
// "OptionName": "SmallImage"
// },
// {
// "TemplateOptionsId": 71824,
// "OptionId": 121,
// "OptionName": "ImageLeft"
// },
// {
// "TemplateOptionsId": 71825,
// "OptionId": 122,
// "OptionName": "StockCount"
// }
// ]
// ],
// "BookingBilling": [
// "Billing3",
// [
// {
// "TemplateOptionsId": 71826,
// "OptionId": 130,
// "OptionName": "Hold"
// },
// {
// "TemplateOptionsId": 71827,
// "OptionId": 171,
// "OptionName": "Background"
// },
// {
// "TemplateOptionsId": 71828,
// "OptionId": 172,
// "OptionName": "AddCustomer"
// },
// {
// "TemplateOptionsId": 71830,
// "OptionId": 210,
// "OptionName": "Sl.No"
// },
// {
// "TemplateOptionsId": 71831,
// "OptionId": 211,
// "OptionName": "Item"
// },
// {
// "TemplateOptionsId": 71832,
// "OptionId": 214,
// "OptionName": "Quantity"
// },
// {
// "TemplateOptionsId": 71833,
// "OptionId": 216,
// "OptionName": "Amount"
// },
// {
// "TemplateOptionsId": 71834,
// "OptionId": 217,
// "OptionName": "Edit"
// },
// {
// "TemplateOptionsId": 71835,
// "OptionId": 218,
// "OptionName": "Delete"
// }
// ]
// ]
// }
// }
else {
// if(action?.payload?.AppName != 'Restaurant'){
state.fontId = [1, 4, 5];
state.colorId = [43];
state.SelectedCardFont = 'Poppins';
state.SelectedBillingColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedBillingFont = 'Gilroy';
state.SelectedCatgColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedCatgFont = 'Gilroy';
state.SelectedLayoutColorDetail = { OverallBackgroundColor: null };
state.SelectedCardColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.templateData = {
BookingLayout: [
'Layout2',
[
{
TemplateOptionsId: 71805,
OptionId: 45,
OptionName: 'Category',
},
{
TemplateOptionsId: 71807,
OptionId: 47,
OptionName: 'Card',
},
{
TemplateOptionsId: 71808,
OptionId: 48,
OptionName: 'Billing',
},
{
TemplateOptionsId: 71809,
OptionId: 166,
OptionName: 'Navbar',
},
],
],
BookingNavbar: [
'Navbar3',
[
{
TemplateOptionsId: 71811,
OptionId: 74,
OptionName: 'Search',
},
{
TemplateOptionsId: 71812,
OptionId: 75,
OptionName: 'RePrint',
},
{
TemplateOptionsId: 71813,
OptionId: 77,
OptionName: 'QuickAdd',
},
{
TemplateOptionsId: 71814,
OptionId: 76,
OptionName: 'DineIn',
},
{
TemplateOptionsId: 71815,
OptionId: 79,
OptionName: 'TakeAway',
},
{
TemplateOptionsId: 71816,
OptionId: 80,
OptionName: 'Offer',
},
{
TemplateOptionsId: 71817,
OptionId: 82,
OptionName: 'ExtraCharge',
},
{
TemplateOptionsId: 71825,
OptionId: 130,
OptionName: 'Hold',
},
{
TemplateOptionsId: 71826,
OptionId: 172,
OptionName: 'AddCustomer',
},
],
],
BookingCategory: [
'Category5',
[
{
TemplateOptionsId: 71818,
OptionId: 95,
OptionName: 'Image',
},
{
TemplateOptionsId: 71819,
OptionId: 96,
OptionName: 'Background',
},
],
],
BookingCard: [
'Card4',
[
{
TemplateOptionsId: 71821,
OptionId: 117,
OptionName: 'Background',
},
{
TemplateOptionsId: 71822,
OptionId: 119,
OptionName: 'Price',
},
{
TemplateOptionsId: 71823,
OptionId: 120,
OptionName: 'SmallImage',
},
{
TemplateOptionsId: 71824,
OptionId: 121,
OptionName: 'ImageLeft',
},
],
],
BookingBilling: [
'StandardBilling',
[
{
TemplateOptionsId: 71825,
OptionId: 130,
OptionName: 'Hold',
},
{
TemplateOptionsId: 71825,
OptionId: 130,
OptionName: 'DineIn',
},
{
TemplateOptionsId: 71826,
OptionId: 171,
OptionName: 'Background',
},
{
TemplateOptionsId: 71826,
OptionId: 172,
OptionName: 'AddCustomer',
},
{
TemplateOptionsId: 71828,
OptionId: 210,
OptionName: 'Sl.No',
},
{
TemplateOptionsId: 71829,
OptionId: 211,
OptionName: 'Item',
},
{
TemplateOptionsId: 71830,
OptionId: 214,
OptionName: 'Quantity',
},
{
TemplateOptionsId: 71831,
OptionId: 216,
OptionName: 'Amount',
},
{
TemplateOptionsId: 71832,
OptionId: 217,
OptionName: 'Edit',
},
{
TemplateOptionsId: 71833,
OptionId: 218,
OptionName: 'Delete',
},
],
],
};
// }
// else{
// state.fontId = [1, 4, 5];
// state.colorId = [43];
// state.SelectedCardFont = 'Poppins';
// state.SelectedBillingColorDetail = {
// BackgroundColor: '#cfd8dc',
// FontColor: '#000000',
// OverallBackgroundColor: null,
// };
// state.SelectedBillingFont = 'Gilroy';
// state.SelectedCatgColorDetail = {
// BackgroundColor: '#cfd8dc',
// FontColor: '#000000',
// OverallBackgroundColor: null,
// };
// state.SelectedCatgFont = 'Gilroy';
// state.SelectedLayoutColorDetail = { OverallBackgroundColor: null };
// state.SelectedCardColorDetail = {
// BackgroundColor: '#cfd8dc',
// FontColor: '#000000',
// OverallBackgroundColor: null,
// };
// state.templateData = {
// BookingLayout: [
// 'Layout2',
// [
// {
// TemplateOptionsId: 71805,
// OptionId: 45,
// OptionName: 'Category',
// },
// {
// TemplateOptionsId: 71807,
// OptionId: 47,
// OptionName: 'Card',
// },
// {
// TemplateOptionsId: 71808,
// OptionId: 48,
// OptionName: 'Billing',
// },
// {
// TemplateOptionsId: 71809,
// OptionId: 166,
// OptionName: 'Navbar',
// },
// ],
// ],
// BookingNavbar: [
// 'Navbar1',
// [
// {
// TemplateOptionsId: 71811,
// OptionId: 74,
// OptionName: 'Search',
// },
// {
// TemplateOptionsId: 71812,
// OptionId: 75,
// OptionName: 'RePrint',
// },
// {
// TemplateOptionsId: 71813,
// OptionId: 77,
// OptionName: 'QuickAdd',
// },
// {
// TemplateOptionsId: 71814,
// OptionId: 76,
// OptionName: 'DineIn',
// },
// {
// TemplateOptionsId: 71815,
// OptionId: 79,
// OptionName: 'TakeAway',
// },
// {
// TemplateOptionsId: 71816,
// OptionId: 80,
// OptionName: 'Offer',
// },
// {
// TemplateOptionsId: 71817,
// OptionId: 82,
// OptionName: 'ExtraCharge',
// },
// ],
// ],
// BookingCategory: [
// 'Category1',
// [
// {
// TemplateOptionsId: 71818,
// OptionId: 95,
// OptionName: 'Image',
// },
// {
// TemplateOptionsId: 71819,
// OptionId: 96,
// OptionName: 'Background',
// },
// ],
// ],
// BookingCard: [
// 'Card2',
// [
// {
// TemplateOptionsId: 71821,
// OptionId: 117,
// OptionName: 'Background',
// },
// {
// TemplateOptionsId: 71822,
// OptionId: 119,
// OptionName: 'Price',
// },
// {
// TemplateOptionsId: 71823,
// OptionId: 120,
// OptionName: 'SmallImage',
// },
// {
// TemplateOptionsId: 71824,
// OptionId: 121,
// OptionName: 'ImageLeft',
// },
// ],
// ],
// BookingBilling: [
// 'Billing3',
// [
// {
// TemplateOptionsId: 71825,
// OptionId: 130,
// OptionName: 'Hold',
// },
// {
// TemplateOptionsId: 71825,
// OptionId: 130,
// OptionName: 'DineIn',
// },
// {
// TemplateOptionsId: 71826,
// OptionId: 171,
// OptionName: 'Background',
// },
// {
// TemplateOptionsId: 71826,
// OptionId: 172,
// OptionName: 'AddCustomer',
// },
// {
// TemplateOptionsId: 71828,
// OptionId: 210,
// OptionName: 'Sl.No',
// },
// {
// TemplateOptionsId: 71829,
// OptionId: 211,
// OptionName: 'Item',
// },
// {
// TemplateOptionsId: 71830,
// OptionId: 214,
// OptionName: 'Quantity',
// },
// {
// TemplateOptionsId: 71831,
// OptionId: 216,
// OptionName: 'Amount',
// },
// {
// TemplateOptionsId: 71832,
// OptionId: 217,
// OptionName: 'Edit',
// },
// {
// TemplateOptionsId: 71833,
// OptionId: 218,
// OptionName: 'Delete',
// },
// ],
// ],
// };
// }
}
},
changeThemeCreation: (state, action) => {
console.log(action?.payload, 'actionaction');
if (action?.payload?.formtype == 'edit') {
let tempDic = {};
let templatedetail = action?.payload?.editdata;
state.fontId = templatedetail?.FontDetail;
state.colorId = templatedetail?.ColorDetail;
const tempdata = templatedetail;
const mergedData = {};
tempdata?.ColorDetail?.forEach((entry) => {
const sessionName = entry.SessionName;
if (!mergedData[sessionName]) {
mergedData[sessionName] = {
SessionName: sessionName,
};
}
// Merge properties based on conditions
if (entry.OverallBackgroundColor) {
mergedData[sessionName].OverallBackgroundColor =
entry.OverallBackgroundColor;
}
if (entry.FontColor || entry.BackgroundColor) {
if (!mergedData[sessionName].FontColor && entry.FontColor) {
mergedData[sessionName].FontColor = entry.FontColor;
}
if (
!mergedData[sessionName].BackgroundColor &&
entry.BackgroundColor
) {
mergedData[sessionName].BackgroundColor = entry.BackgroundColor;
}
}
});
const transformedData = Object.values(mergedData);
console.log(transformedData, 'transformedData');
const filterLayoutData = transformedData?.find(
(item) => item?.SessionName === 'BookingLayout'
);
state.SelectedLayoutColorDetail = {
OverallBackgroundColor:
filterLayoutData?.OverallBackgroundColor != undefined
? filterLayoutData?.OverallBackgroundColor
: null,
};
const filterCardData = transformedData?.find(
(item) => item?.SessionName === 'BookingCard'
);
state.SelectedCardColorDetail = {
BackgroundColor:
filterCardData?.BackgroundColor != undefined
? filterCardData?.BackgroundColor
: '#ffffff',
FontColor:
filterCardData?.FontColor != undefined
? filterCardData?.FontColor
: '#000000',
OverallBackgroundColor:
filterCardData?.OverallBackgroundColor != undefined
? filterCardData?.OverallBackgroundColor
: null,
};
const filterCardFont = tempdata?.FontDetail?.find(
(item) => item?.SessionName === 'BookingCard'
);
state.SelectedCardFont =
filterCardFont?.SessionFont != undefined
? filterCardFont?.SessionFont
: 'Poppins';
const filterBillingData = transformedData?.find(
(item) => item.SessionName === 'BookingBilling'
);
state.SelectedBillingColorDetail = {
BackgroundColor:
filterBillingData?.BackgroundColor != undefined
? filterBillingData?.BackgroundColor
: '#ffffff',
FontColor:
filterBillingData?.FontColor != undefined
? filterBillingData?.FontColor
: '#000000',
OverallBackgroundColor:
filterBillingData?.OverallBackgroundColor != undefined
? filterBillingData?.OverallBackgroundColor
: null,
};
const filterBillingFont = tempdata?.FontDetail?.find(
(item) => item?.SessionName === 'BookingBilling'
);
state.SelectedBillingFont =
filterBillingFont?.SessionFont != undefined
? filterBillingFont?.SessionFont
: 'Gilroy';
const filterCatgData = transformedData?.find(
(item) => item?.SessionName === 'BookingCategory'
);
state.SelectedCatgColorDetail = {
BackgroundColor:
filterCatgData?.BackgroundColor != undefined
? filterCatgData?.BackgroundColor
: '#ffffff',
FontColor:
filterCatgData?.FontColor != undefined
? filterCatgData?.FontColor
: '#000000',
OverallBackgroundColor:
filterCatgData?.OverallBackgroundColor != undefined
? filterCatgData?.OverallBackgroundColor
: null,
};
const filterCatgFont = tempdata?.FontDetail?.find(
(item) => item?.SessionName === 'BookingCategory'
);
state.SelectedCatgFont =
filterCatgFont?.SessionFont != undefined
? filterCatgFont?.SessionFont
: 'Gilroy';
const filterSubCatgData = transformedData?.find(
(item) => item?.SessionName === 'BookingSubCategory'
);
state.SelectedSubCatgColorDetail = {
BackgroundColor:
filterSubCatgData?.BackgroundColor != undefined
? filterSubCatgData?.BackgroundColor
: '#ffffff',
FontColor:
filterSubCatgData?.FontColor != undefined
? filterSubCatgData?.FontColor
: '#000000',
OverallBackgroundColor:
filterSubCatgData?.OverallBackgroundColor != undefined
? filterSubCatgData?.OverallBackgroundColor
: null,
};
const filterSubCatgFont = tempdata?.FontDetail?.find(
(item) => item?.SessionName === 'BookingSubCategory'
);
state.SelectedSubCatgFont =
filterSubCatgFont?.SessionFont != undefined
? filterSubCatgFont?.SessionFont
: 'Poppins';
for (let eachData of templatedetail?.ComponentDetails) {
tempDic[eachData.SessionName] = [
eachData.ComponentName,
eachData.FieldDetails,
];
}
console.log(tempDic, 'tempDictempDic');
const desiredOrder = [
'Sl.No',
'Item',
'MRP',
'Discount',
'Tax',
'Quantity',
'Rate',
'Amount',
'Edit',
'Delete',
'Hold',
'AddCustomer',
'Background',
'UnpaidBill',
'OverallBackground',
'CreditCustomer',
];
const bookingBillingOptionsArray = tempDic['BookingBilling'][1];
const sortedBillingOptions = desiredOrder
.map((optionName) => {
return bookingBillingOptionsArray.find(
(option) => option.OptionName === optionName
);
})
.filter((option) => option !== undefined);
tempDic['BookingBilling'][1] = sortedBillingOptions;
state.ThemeCreation = tempDic;
} else {
state.ThemeCreation = {};
state.previewData = {};
state.fontId = [1, 4, 5];
state.colorId = [43];
state.SelectedCardFont = 'Poppins';
state.SelectedBillingColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedBillingFont = 'Gilroy';
state.SelectedCatgColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedSubCatgColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
state.SelectedCatgFont = 'Gilroy';
state.SelectedLayoutColorDetail = { OverallBackgroundColor: null };
state.SelectedCardColorDetail = {
BackgroundColor: '#cfd8dc',
FontColor: '#000000',
OverallBackgroundColor: null,
};
}
},
changeScanTemplate: (state, action) => {
console.log(
action?.payload?.Scantemplate,
action?.payload,
'action?.payload?.Scantemplate'
);
if (action?.payload?.Scantemplate) {
state.ScanTemplate = action?.payload;
console.log(action?.payload, 'action?.payload?.Scantemplate ');
state.templateData = action?.payload?.Template;
} else {
if (
action?.payload?.OldTemp == 'Combo1' ||
action?.payload?.OldTemp == 'Combo2'
) {
state.ScanTemplate = action?.payload;
state.templateData = action?.payload?.Template;
} else {
state.ScanTemplate = action?.payload;
}
}
},
changeSelectedTheme: (state, action) => {
console.log(action?.payload, 'action?.payload theme');
state.SelectedTheme = action?.payload;
},
changePricingAppPricingName: (state, action) => {
state.PricingAppPricingName = action?.payload;
},
changeReprintDataFound: (state, action) => {
state.ReprintDataFound = action?.payload;
},
changeSelectedPrintdummyData: (state, action) => {
state.PrintdummyData = action?.payload;
},
changeSelectedprintSize: (state, action) => {
state.printSize = action?.payload;
},
changeSelectedprintStyle: (state, action) => {
state.printStyle = action?.payload;
},
changeSelectedSlNo: (state, action) => {
state.SlNo = action?.payload;
},
changeSelectedItem: (state, action) => {
state.Item = action?.payload;
},
changeSelectedMRP: (state, action) => {
state.MRP = action?.payload;
},
changeSelectedDiscount: (state, action) => {
state.Discount = action?.payload;
},
changeSelectedTax: (state, action) => {
state.Tax = action?.payload;
},
changeSelectedQuantity: (state, action) => {
state.Quantity = action?.payload;
},
changeSelectedRate: (state, action) => {
state.Rate = action?.payload;
},
changeSelectedAmount: (state, action) => {
state.Amount = action?.payload;
},
changeSelectedHsnCode: (state, action) => {
state.HsnCode = action?.payload;
},
changeSelectedQrcode: (state, action) => {
state.Qrcode = action?.payload;
},
changeSelectedSignature: (state, action) => {
state.Signature = action?.payload;
},
changeSelectedCashierName: (state, action) => {
state.CashierName = action?.payload;
},
changeSelectedLogo: (state, action) => {
state.Logo = action?.payload;
},
changeSelectedCredit: (state, action) => {
state.Credit = action?.payload;
},
changeSelectedtermsAndConditions: (state, action) => {
state.termsAndConditions = action?.payload;
},
changethemeFormat: (state, action) => {
state.themeFormat = action?.payload;
},
changeNotes: (state, action) => {
state.notes = action?.payload;
},
changeSignatureImage: (state, action) => {
state.SignatureImage = action?.payload;
},
changeBillName: (state, action) => {
state.BillName = action?.payload;
},
FIX #57 Print header color issue Integration
2026-02-03 13:45:31 +05:30
changeSelectedHeaderColor: (state, action) => {
Add Color funtionalites
2026-03-03 19:52:42 +05:30
state.SelectedHeaderColor = action?.payload?.background;
state.SelectedHeaderFontColor = action?.payload?.font;
},
changeSelectedTableHeaderColor: (state, action) => {
state.SelectedTableHeaderColor = action?.payload?.background;
state.SelectedTableHeaderFontColor = action?.payload?.font;
},
changeSelectedTableBodyColor: (state, action) => {
state.SelectedTableBodyColor = action?.payload?.background;
state.SelectedTableBodyFontColor = action?.payload?.font;
},
changeSelectedFooterColor: (state, action) => {
state.SelectedFooterColor = action?.payload?.background;
state.SelectedFooterFontColor = action?.payload?.font;
},
// toggles indicating whether each colour option should actually be applied in print
changeSelectedHeaderColour: (state, action) => {
state.SelectedHeaderColour = action?.payload;
},
changeSelectedTableHeaderColour: (state, action) => {
state.SelectedTableHeaderColour = action?.payload;
},
changeSelectedTableBodyColour: (state, action) => {
state.SelectedTableBodyColour = action?.payload;
},
changeSelectedFooterColour: (state, action) => {
state.SelectedFooterColour = action?.payload;
},
changeSelectedNetAmountColour: (state, action) => {
state.SelectedNetAmountColour = action?.payload;
},
changeRowType: (state, action) => {
state.rowType = action?.payload;
},
changeSelectedNetAmountColor: (state, action) => {
state.SelectedNetAmountColor = action?.payload?.background;
state.SelectedNetAmountFontColor = action?.payload?.font;
FIX #57 Print header color issue Integration
2026-02-03 13:45:31 +05:30
},
Initial commit
2026-01-27 18:27:29 +05:30
changeCurrentColor: (state, action) => {
const { color } = action?.payload;
state.CurrentColor = color;
},
changeCurrentText: (state, action) => {
const { text } = action?.payload;
state.CurrentText = text;
},
changeSelectedLayout: (state, action) => {
const LayoutId = action?.payload;
state.SelectedLayout = LayoutId;
},
changeSelectedNavbar: (state, action) => {
state.SelectedNavbar = action?.payload;
},
changeSelectedCategory: (state, action) => {
state.SelectedCategory = action?.payload;
},
changeSelectedSubCategory: (state, action) => {
state.SelectedSubCategory = action?.payload;
},
changeSelectedCard: (state, action) => {
state.SelectedCard = action?.payload;
},
changeSelectedBillingTable: (state, action) => {
state.SelectedBillingTable = action?.payload;
},
changeSelectedNavbarCheckedItems: (state, action) => {
state.SelectedNavbarCheckedItems = action?.payload;
},
changeSelectedCategoryCheckedItems: (state, action) => {
state.SelectedCategoryCheckedItems = action?.payload;
},
changeSelectedSubCategoryCheckedItems: (state, action) => {
state.SelectedSubCategoryCheckedItems = action?.payload;
},
changeSelectedCardCheckedItems: (state, action) => {
state.SelectedCardCheckedItems = action?.payload;
},
changeSelectedBillTableCheckedItems: (state, action) => {
state.SelectedBillTableCheckedItems = action?.payload;
},
changePreviewComponents: (state, action) => {
state.previewData = { ...state.previewData, ...action?.payload };
},
changeSelectedCardColorDetail: (state, action) => {
const { cardColor } = action?.payload;
state.SelectedCardColorDetail = cardColor;
},
changeSelectedBillingColorDetail: (state, action) => {
const { billingColor } = action?.payload;
state.SelectedBillingColorDetail = billingColor;
},
changeSelectedCatgColorDetail: (state, action) => {
const { catgColor } = action?.payload;
state.SelectedCatgColorDetail = catgColor;
},
changeSelectedSubCatgColorDetail: (state, action) => {
const { subCatgColor } = action?.payload;
state.SelectedSubCatgColorDetail = subCatgColor;
},
changeSelectedLayoutColorDetail: (state, action) => {
const { layoutColor } = action?.payload;
state.SelectedLayoutColorDetail = layoutColor;
},
changeSelectedCardFont: (state, action) => {
const cardFont = action?.payload;
state.SelectedCardFont = cardFont?.['cardFont'];
},
changeSelectedBillingFont: (state, action) => {
const billFont = action?.payload;
state.SelectedBillingFont = billFont?.['billFont'];
},
changeSelectedCatgFont: (state, action) => {
const catgFont = action?.payload;
state.SelectedCatgFont = catgFont?.['catgFont'];
},
changeSelectedSubCatgFont: (state, action) => {
const subCargFont = action?.payload;
state.SelectedSubCatgFont = subCargFont?.['subCargFont'];
},
changeSessionData: (state, action) => {
state.SessionData = action?.payload;
},
changeOthersTheme: (state, action) => {
state.OthersTheme = action?.payload;
},
changeActiveTheme: (state, action) => {
state.ActiveTheme = action?.payload;
},
},
extraReducers: (builder) => {
(builder.addCase(getColors.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.allColors = action?.payload?.data?.data;
}
}),
builder.addCase(
getLayoutOverallBackgroundColors.fulfilled,
(state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.LayoutOverallColorsList = action?.payload?.data?.data;
}
}
),
builder.addCase(
getCategoryOverallBackgroundColors.fulfilled,
(state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.CategoryOverallColorsList = action?.payload?.data?.data;
}
}
),
builder.addCase(
getSubcategoryOverallBackgroundColors.fulfilled,
(state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.SubcategoryOverallColorsList = action?.payload?.data?.data;
}
}
),
builder.addCase(
getCardOverallBackgroundColors.fulfilled,
(state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.cardOverallColorsList = action?.payload?.data?.data;
}
}
),
builder.addCase(
getBillingOverallBackgroundColors.fulfilled,
(state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.BillingOverallColorsList = action?.payload?.data?.data;
}
}
),
builder.addCase(getColorsCat.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.allColorsCat = action?.payload?.data?.data;
}
}),
builder.addCase(getColorsSubcat.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.allColorsSubcat = action?.payload?.data?.data;
}
}),
builder.addCase(getColorsCard.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.allColorsCard = action?.payload?.data?.data;
}
}),
builder.addCase(getColorsBilltable.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.allColorsBillTable = action?.payload?.data?.data;
}
}),
builder.addCase(getCatFonts.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.catFont = action?.payload?.data?.data;
}
}),
builder.addCase(getSubCatFonts.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.subFont = action?.payload?.data?.data;
}
}),
builder.addCase(getCardFonts.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.cardFont = action?.payload?.data?.data;
}
}),
builder.addCase(getTableFonts.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.tableFont = action?.payload?.data?.data;
}
}),
builder.addCase(PricingAppPricingNameData.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
state.PricingAppPricingName = action?.payload?.data?.data;
}
}),
builder.addCase(FeatureAddon.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode == 1) {
state.FeatureAddonData =
action?.payload?.data?.data?.[0]?.FeatAddonHdr?.[0];
}
}),
builder.addCase(
getPrintSelectionComponentData.fulfilled,
(state, action) => {
if (action?.payload?.data?.statusCode === 1) {
FIX #63 Remove Plan based Setups
2026-02-03 14:25:45 +05:30
Initial commit
2026-01-27 18:27:29 +05:30
state.PrintTemplate =
action?.payload?.data?.data?.[0]?.ComponentDetails?.find(
(item) =>
item.SetasDefault == 'Y' && item.PrintTypeName === 'Sales'
)?.StyleName;
state.DCPrintTemplate =
action?.payload?.data?.data?.[0]?.ComponentDetails?.find(
(item) =>
item.SetasDefault == 'Y' &&
item.PrintTypeName === 'Delivery Chalan'
)?.StyleName;
state.printDatas =
action?.payload?.data?.data?.[0]?.ComponentDetails.find(
(item) =>
item.SetasDefault == 'Y' && item.PrintTypeName === 'Sales'
);
Implement dynamic header and table color functionality
2026-03-05 12:04:33 +05:30
state.DCtoInvoice =
action?.payload?.data?.data?.[0]?.ComponentDetails.find(
(item) =>
item.SetasDefault == 'Y' && item.PrintTypeName === 'DC to Invoice'
);
Initial commit
2026-01-27 18:27:29 +05:30
state.PrintFieldDetails =
action?.payload?.data?.data?.[0]?.ComponentDetails?.find(
(item) =>
item.SetasDefault == 'Y' && item.PrintTypeName === 'Sales'
)?.FieldDetails?.reduce((acc, item) => {
acc[item.ConfigName] = true;
return acc;
}, {});
Implement dynamic header and table color functionality
2026-03-05 12:04:33 +05:30
state.DCtoInvoicePrintFieldDetails =
action?.payload?.data?.data?.[0]?.ComponentDetails?.find(
(item) =>
item.SetasDefault == 'Y' && item.PrintTypeName === 'DC to Invoice'
)?.FieldDetails?.reduce((acc, item) => {
acc[item.ConfigName] = true;
return acc;
}, {});
FIX #63 Remove Plan based Setups
2026-02-03 14:25:45 +05:30
Initial commit
2026-01-27 18:27:29 +05:30
} else if (action?.payload?.data?.statusCode == 0) {
state.PrintTemplate = undefined;
}
}
),
builder.addCase(getTemplate.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode === 1) {
let tempDic = {};
state.SelectedApplication = {
AppId: action?.payload?.data?.data[0]?.AppId,
};
state.AppName = action?.payload?.data?.data[0]?.AppName;
state.fontId = action?.payload?.data?.data[0]?.FontDetail;
state.colorId = action?.payload?.data?.data[0]?.ColorDetail;
const tempdata = action?.payload?.data?.data?.[0];
state.CustThemeData = tempdata?.ComponentDetails?.[0]?.ComponentName;
console.log(
tempdata?.ComponentDetails?.[0]?.ComponentName,
'tempdata?.ComponentDetails?.[0]?.ComponentName'
);
const mergedData = {};
tempdata?.ColorDetail?.forEach((entry) => {
const sessionName = entry.SessionName;
if (!mergedData[sessionName]) {
mergedData[sessionName] = {
SessionName: sessionName,
};
}
// Merge properties based on conditions
if (entry.OverallBackgroundColor) {
mergedData[sessionName].OverallBackgroundColor =
entry.OverallBackgroundColor;
}
if (entry.FontColor || entry.BackgroundColor) {
if (!mergedData[sessionName].FontColor && entry.FontColor) {
mergedData[sessionName].FontColor = entry.FontColor;
}
if (
!mergedData[sessionName].BackgroundColor &&
entry.BackgroundColor
) {
mergedData[sessionName].BackgroundColor = entry.BackgroundColor;
}
}
});
const transformedData = Object.values(mergedData);
const filterLayoutData = transformedData?.find(
(item) => item?.SessionName === 'BookingLayout'
);
state.SelectedLayoutColorDetail = {
OverallBackgroundColor:
filterLayoutData?.OverallBackgroundColor != undefined
? filterLayoutData?.OverallBackgroundColor
: null,
};
const filterCardData = transformedData?.find(
(item) => item?.SessionName === 'BookingCard'
);
state.SelectedCardColorDetail = {
BackgroundColor:
filterCardData?.BackgroundColor != undefined
? filterCardData?.BackgroundColor
: '#ffffff',
FontColor:
filterCardData?.FontColor != undefined
? filterCardData?.FontColor
: '#000000',
OverallBackgroundColor:
filterCardData?.OverallBackgroundColor != undefined
? filterCardData?.OverallBackgroundColor
: null,
};
const filterCardFont = tempdata?.FontDetail?.find(
(item) => item?.SessionName === 'BookingCard'
);
state.SelectedCardFont =
filterCardFont?.SessionFont != undefined
? filterCardFont?.SessionFont
: 'Poppins';
const filterBillingData = transformedData?.find(
(item) => item.SessionName === 'BookingBilling'
);
state.SelectedBillingColorDetail = {
BackgroundColor:
filterBillingData?.BackgroundColor != undefined
? filterBillingData?.BackgroundColor
: '#ffffff',
FontColor:
filterBillingData?.FontColor != undefined
? filterBillingData?.FontColor
: '#000000',
OverallBackgroundColor:
filterBillingData?.OverallBackgroundColor != undefined
? filterBillingData?.OverallBackgroundColor
: null,
};
const filterBillingFont = tempdata?.FontDetail?.find(
(item) => item?.SessionName === 'BookingBilling'
);
state.SelectedBillingFont =
filterBillingFont?.SessionFont != undefined
? filterBillingFont?.SessionFont
: 'Gilroy';
const filterCatgData = transformedData?.find(
(item) => item?.SessionName === 'BookingCategory'
);
state.SelectedCatgColorDetail = {
BackgroundColor:
filterCatgData?.BackgroundColor != undefined
? filterCatgData?.BackgroundColor
: '#ffffff',
FontColor:
filterCatgData?.FontColor != undefined
? filterCatgData?.FontColor
: '#000000',
OverallBackgroundColor:
filterCatgData?.OverallBackgroundColor != undefined
? filterCatgData?.OverallBackgroundColor
: null,
};
const filterCatgFont = tempdata?.FontDetail?.find(
(item) => item?.SessionName === 'BookingCategory'
);
state.SelectedCatgFont =
filterCatgFont?.SessionFont != undefined
? filterCatgFont?.SessionFont
: 'Gilroy';
const filterSubCatgData = transformedData?.find(
(item) => item?.SessionName === 'BookingSubCategory'
);
state.SelectedSubCatgColorDetail = {
BackgroundColor:
filterSubCatgData?.BackgroundColor != undefined
? filterSubCatgData?.BackgroundColor
: '#ffffff',
FontColor:
filterSubCatgData?.FontColor != undefined
? filterSubCatgData?.FontColor
: '#000000',
OverallBackgroundColor:
filterSubCatgData?.OverallBackgroundColor != undefined
? filterSubCatgData?.OverallBackgroundColor
: null,
};
const filterSubCatgFont = tempdata?.FontDetail?.find(
(item) => item?.SessionName === 'BookingSubCategory'
);
state.SelectedSubCatgFont =
filterSubCatgFont?.SessionFont != undefined
? filterSubCatgFont?.SessionFont
: 'Poppins';
for (let eachData of action?.payload?.data?.data[0]
?.ComponentDetails) {
tempDic[eachData.SessionName] = [
eachData.ComponentName,
eachData.FieldDetails,
];
}
const desiredOrder = [
'Sl.No',
'HSNCode',
'Item',
'QRCode',
'MRP',
'Discount',
'Tax',
'Quantity',
'Rate',
'Amount',
'Edit',
'Points',
'SalesMan',
'Commission',
'StockId',
'Total',
'Delete',
'Hold',
'AddCustomer',
'Background',
'UnpaidBill',
'OverallBackground',
'CreditCustomer',
Fix #229 Sales setup based Customer previous bill fetch
2026-03-04 15:07:33 +05:30
'PreviousBillFetch'
Initial commit
2026-01-27 18:27:29 +05:30
];
const bookingBillingOptionsArray = tempDic['BookingBilling'][1];
const sortedBillingOptions = desiredOrder
.map((optionName) => {
return bookingBillingOptionsArray.find(
(option) => option.OptionName === optionName
);
})
.filter((option) => option !== undefined);
tempDic['BookingBilling'][1] = sortedBillingOptions;
state.templateData = tempDic;
}
// else {
// state.templateData = {}
// state.previewData= {}
// state.fontId = [1, 4, 5]
// state.colorId = [43]
// state.SelectedCardFont = "Poppins"
// state.SelectedBillingColorDetail = {
// 'BackgroundColor': "#cfd8dc",
// 'FontColor': "#000000",
// 'OverallBackgroundColor': null
// }
// state.SelectedBillingFont = "Gilroy"
// state.SelectedCatgColorDetail = {
// 'BackgroundColor': "#cfd8dc",
// 'FontColor': "#000000",
// 'OverallBackgroundColor': null
// }
// state.SelectedSubCatgColorDetail = {
// 'BackgroundColor': "#cfd8dc",
// 'FontColor': "#000000",
// 'OverallBackgroundColor': null
// }
// state.SelectedCatgFont = "Gilroy"
// state.SelectedLayoutColorDetail = { OverallBackgroundColor: null }
// state.SelectedCardColorDetail = {
// 'BackgroundColor': "#cfd8dc",
// 'FontColor': "#000000",
// 'OverallBackgroundColor': null
// }
// }
}),
builder.addCase(getThemes.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode == 1) {
state.DefaultTheme = action?.payload?.data?.data?.filter(
(item) => item?.ActiveStatus == 'A'
);
console.log(
action?.payload?.data?.data?.filter(
(item) => item?.ActiveStatus == 'A'
),
'DefaultTheme'
);
}
}));
builder.addCase(getPrinterMappingDetails.fulfilled, (state, action) => {
if (action?.payload?.data?.statusCode == 1) {
state.PrinterMappingDtls =
action?.payload?.data?.data?.[0]?.PrintMappingDtl?.filter(
(item) => item?.ChkStatus == 'Y'
);
console.log(
action?.payload?.data?.data?.[0]?.PrintMappingDtl?.filter(
(item) => item?.ChkStatus == 'Y'
),
'PrinterMappingDtls'
);
}
});
},
});
export const {
changeCurrentColor,
changeCurrentText,
changeSelectedLayout,
emptyTemplateData,
emptyPostData,
changeSelectedNavbar,
changeSelectedCategory,
changeSelectedSubCategory,
changeSelectedCard,
changeSelectedBillingTable,
changeSelectedNavbarCheckedItems,
changeSelectedCategoryCheckedItems,
changeSelectedSubCategoryCheckedItems,
changeSelectedCardCheckedItems,
changeSelectedBillTableCheckedItems,
changePreviewComponents,
changeSelectedCardColorDetail,
changeSelectedBillingColorDetail,
changeSelectedCatgColorDetail,
changeSelectedSubCatgColorDetail,
changeSelectedLayoutColorDetail,
changeSelectedBillingFont,
changeSelectedCardFont,
changeSelectedCatgFont,
changeSelectedSubCatgFont,
changeSelectedprintSize,
changeSelectedprintStyle,
changeSelectedSlNo,
changeSelectedItem,
changeSelectedMRP,
changeSelectedDiscount,
changeSelectedTax,
changeSelectedQuantity,
changeSelectedRate,
changeSelectedAmount,
changeSelectedHsnCode,
changeSelectedQrcode,
changeSelectedSignature,
changeSelectedCashierName,
changeSelectedLogo,
changeSelectedCredit,
changeSelectedtermsAndConditions,
changethemeFormat,
changeNotes,
changeSelectedPrintdummyData,
changeReprintDataFound,
changePricingAppPricingName,
changeBillName,
changetemplateData,
changeSessionData,
changeThemeCreation,
changeSignatureImage,
changeSelectedTheme,
changeOthersTheme,
changeActiveTheme,
changeScanTemplate,
FIX #57 Print header color issue Integration
2026-02-03 13:45:31 +05:30
changeSelectedHeaderColor,
Add Color funtionalites
2026-03-03 19:52:42 +05:30
changeSelectedTableHeaderColor,
changeSelectedTableBodyColor,
changeSelectedFooterColor,
changeSelectedHeaderColour,
changeSelectedTableHeaderColour,
changeSelectedTableBodyColour,
changeSelectedFooterColour,
changeSelectedNetAmountColour,
changeRowType,
changeSelectedNetAmountColor
Initial commit
2026-01-27 18:27:29 +05:30
} = ThemeSlice.actions;
export const GlobalPricingAppPricingName = (state) =>
state?.theme?.PricingAppPricingName;
export const SelectedPrintTemplate = (state) => state?.theme?.PrintTemplate;
export const GloabalFieldDetails = (state) => state?.theme?.PrintFieldDetails;
Implement dynamic header and table color functionality
2026-03-05 12:04:33 +05:30
export const GloabalDCtoInvoiceFieldDetails = (state) => state?.theme?.DCtoInvoicePrintFieldDetails;
Initial commit
2026-01-27 18:27:29 +05:30
export const GlobalReprintDataFound = (state) => state.theme?.ReprintDataFound;
export const GlobalPritdummyData = (state) => state.theme?.PrintdummyData;
export const GlobalprintSize = (state) => state.theme?.printSize;
export const GlobalprintprintStyle = (state) => state.theme?.printStyle;
export const GlobalprintSlNo = (state) => state.theme?.SlNo;
export const GlobalprintItem = (state) => state.theme?.Item;
export const GlobalprintMRP = (state) => state.theme?.MRP;
export const GlobalprintDiscount = (state) => state.theme?.Discount;
export const GlobalprintTax = (state) => state.theme?.Tax;
export const GlobalprintQuantity = (state) => state.theme?.Quantity;
export const GlobalprintRate = (state) => state.theme?.Rate;
export const GlobalprintAmount = (state) => state.theme?.Amount;
export const GlobalprintHsnCode = (state) => state.theme?.HsnCode;
export const GlobalprintQrcodet = (state) => state.theme?.Qrcode;
export const GlobalprintSignature = (state) => state.theme?.Signature;
export const GlobalprintCashierName = (state) => state.theme?.CashierName;
export const GlobalprintLogo = (state) => state.theme?.Logo;
export const GlobalprintCredit = (state) => state.theme?.Credit;
Add Color funtionalites
2026-03-03 19:52:42 +05:30
export const GlobalprinttermsAndConditions = (state) => state.theme?.termsAndConditions;
Initial commit
2026-01-27 18:27:29 +05:30
export const GlobalthemeFormat = (state) => state.theme?.themeFormat;
Add Color funtionalites
2026-03-03 19:52:42 +05:30
// selectors for colour toggles (true when the user has chosen that colour field)
export const GlobalSelectedHeaderColour = (state) => state.theme?.SelectedHeaderColour;
export const GlobalSelectedTableHeaderColour = (state) => state.theme?.SelectedTableHeaderColour;
export const GlobalSelectedTableBodyColour = (state) => state.theme?.SelectedTableBodyColour;
export const GlobalSelectedFooterColour = (state) => state.theme?.SelectedFooterColour;
export const GlobalSelectedNetAmountColour = (state) => state.theme?.SelectedNetAmountColour;
Initial commit
2026-01-27 18:27:29 +05:30
export const Globalnotes = (state) => state.theme?.notes;
export const GlobalSignatureImage = (state) => state.theme?.SignatureImage;
export const GlobalBillName = (state) => state.theme?.BillName;
FIX #57 Print header color issue Integration
2026-02-03 13:45:31 +05:30
export const GlobalSelectedPrintHeaderColor = (state) =>
state.theme?.SelectedHeaderColor;
Add Color funtionalites
2026-03-03 19:52:42 +05:30
export const GlobalSelectedPrintHeaderFontColor = (state) =>
state.theme?.SelectedHeaderFontColor;
export const GlobalSelectedTableHeaderColor = (state) =>
state.theme?.SelectedTableHeaderColor;
export const GlobalSelectedTableHeaderFontColor = (state) =>
state.theme?.SelectedTableHeaderFontColor;
export const GlobalSelectedTableBodyColor = (state) =>
state.theme?.SelectedTableBodyColor;
export const GlobalSelectedTableBodyFontColor = (state) =>
state.theme?.SelectedTableBodyFontColor;
export const GlobalSelectedFooterColor = (state) =>
state.theme?.SelectedFooterColor;
export const GlobalSelectedFooterFontColor = (state) =>
state.theme?.SelectedFooterFontColor;
export const GlobalSelectedNetAmountColor = (state) =>
state.theme?.SelectedNetAmountColor;
export const GlobalSelectedNetAmountFontColor = (state) =>
state.theme?.SelectedNetAmountFontColor;
export const GlobalRowType = (state) => state.theme?.rowType;
Initial commit
2026-01-27 18:27:29 +05:30
export const changeCurrentColorValue = (state) => state.theme?.CurrentColor;
export const changeCurrentTextValue = (state) => state.theme?.CurrentText;
export const getColorsData = (state) => state.theme?.allColors;
export const GlobalCatData = (state) => state.theme?.catFont;
export const GlobalSubcatData = (state) => state.theme?.subFont;
export const GlobalCardData = (state) => state.theme?.cardFont;
export const GlobalTableData = (state) => state.theme?.tableFont;
export const GlobalCategoryOverallColorsList = (state) =>
state.theme?.CategoryOverallColorsList;
export const GlobalSubcategoryOverallColorsList = (state) =>
state.theme?.SubcategoryOverallColorsList;
export const GlobalcardOverallColorsList = (state) =>
state.theme?.cardOverallColorsList;
export const GlobalBillingOverallColorsList = (state) =>
state.theme?.BillingOverallColorsList;
export const GlobalLayoutOverallbackgroundlist = (state) =>
state.theme?.LayoutOverallColorsList;
export const getColorsDataCat = (state) => state.theme?.allColorsCat;
export const getColorsDataSubcat = (state) => state.theme?.allColorsSubcat;
export const getColorsDataCard = (state) => state.theme?.allColorsCard;
export const getColorsDataBilltable = (state) =>
state.theme?.allColorsBillTable;
export const selectedApplication = (state) => state?.theme?.SelectedApplication;
export const selectedApplicationName = (state) => state?.theme?.AppName;
export const selectedFontId = (state) => state?.theme?.fontId;
export const selectedColorId = (state) => state?.theme?.colorId;
export const GlobalSelectedColor = (state) => state?.theme?.CurrentColor;
export const GlobalSelectedFont = (state) => state?.theme?.CurrentText;
export const getTemplateData = (state) => state.theme.templateData;
export const getPreviewData = (state) => state.theme.previewData;
export const getThemeCreation = (state) => state.theme.ThemeCreation;
export const getSelectedNavbarOptions = (state) =>
state.theme.SelectedNavbarCheckedItems;
export const getSelectedCategoryOptions = (state) =>
state.theme.SelectedCategoryCheckedItems;
export const getSelectedSubCategoryOptions = (state) =>
state.theme.SelectedSubCategoryCheckedItems;
export const getSelectedCardOptions = (state) =>
state.theme.SelectedCardCheckedItems;
export const getSelectedBillingOptions = (state) =>
state.theme.SelectedBillTableCheckedItems;
export const SelectedGlobalCardColorDetail = (state) =>
state.theme.SelectedCardColorDetail;
export const SelectedGlobalBillingColorDetail = (state) =>
state.theme.SelectedBillingColorDetail;
export const SelectedGlobalCatgColorDetail = (state) =>
state.theme.SelectedCatgColorDetail;
export const SelectedGlobalSubCatgColorDetail = (state) =>
state.theme.SelectedSubCatgColorDetail;
export const SelectedGlobalLayoutColorDetail = (state) =>
state.theme.SelectedLayoutColorDetail;
export const SelectedGlobalCardFont = (state) => state.theme.SelectedCardFont;
export const SelectedGlobalBillingFont = (state) =>
state.theme.SelectedBillingFont;
export const SelectedGlobalCatgFont = (state) => state.theme.SelectedCatgFont;
export const SelectedGlobalSubCatgFont = (state) =>
state.theme.SelectedSubCatgFont;
export const StoredSessionData = (state) => state.theme.SessionData;
export const GlobalprintDatas = (state) => state.theme.printDatas;
Implement dynamic header and table color functionality
2026-03-05 12:04:33 +05:30
export const GlobalDCtoInvoicePrint = (state) => state.theme.DCtoInvoice;
Initial commit
2026-01-27 18:27:29 +05:30
export const GlobalDefaultTheme = (state) => state.theme.DefaultTheme;
export const GlobalOthersTheme = (state) => state.theme.OthersTheme;
export const GlobalSelectedTheme = (state) => state.theme.SelectedTheme;
export const GlobalActiveTheme = (state) => state.theme.ActiveTheme;
export const GlobalDCPrintTemplate = (state) => state.theme.DCPrintTemplate;
export const GlobalScanTemplate = (state) => state.theme.ScanTemplate;
export const GlobalCustThemeData = (state) => state.theme.CustThemeData;
export const GlobalPrinterMappingDtls = (state) =>
state.theme.PrinterMappingDtls;
export default ThemeSlice.reducer;