{imagedata?.map((item, index) => (
setSelectedImage(item)}
>
@@ -2651,20 +2656,20 @@ const ProductForm = ({ formType }) => {
{qrAndTokenDtlsFields?.includes(
'Auto Generate QRCode'
) && (
-
{(QrcodeAutoSingle == 'N' ||
editstate?.OnePcQR) && (
-
- openQrcodeAuto(e)}
- disabled={editstate?.QRCode ? true : false}
- />
-
- )}
+
+ openQrcodeAuto(e)}
+ disabled={editstate?.QRCode ? true : false}
+ />
+
+ )}
{(QrcodeAuto == 'N' || editstate?.QRCode) &&
qrAndTokenDtlsFields?.includes(
'Auto Generate QRCode'
@@ -2701,19 +2706,19 @@ const ProductForm = ({ formType }) => {
{qrAndTokenDtlsFields?.includes(
'Stock Maintenance'
) && (
-
- openStock(e)}
- />
-
- )}
+
+ openStock(e)}
+ />
+
+ )}
{StockOpen === 'Y' &&
qrAndTokenDtlsFields?.includes(
'Stock Maintenance'
@@ -2744,35 +2749,35 @@ const ProductForm = ({ formType }) => {
{qrAndTokenDtlsFields?.includes(
'Token Maintenance'
) && (
-
- openToken(e)}
- />
-
- )}
+
+ openToken(e)}
+ />
+
+ )}
{qrAndTokenDtlsFields?.includes(
'Rack Maintenance'
) && (
-
- openRack(e)}
- />
-
- )}
+
+ openRack(e)}
+ />
+
+ )}
{RackOpen === 'Y' &&
qrAndTokenDtlsFields?.includes(
@@ -2783,15 +2788,15 @@ const ProductForm = ({ formType }) => {
options={
formType === 'edit'
? RackData?.map((option) => ({
- value: option.RackId,
- label: option.RackName,
- }))
+ value: option.RackId,
+ label: option.RackName,
+ }))
: RackData?.filter(
- (item) => item.ActiveStatus === 'A'
- )?.map((option) => ({
- value: option.RackId,
- label: option.RackName,
- }))
+ (item) => item.ActiveStatus === 'A'
+ )?.map((option) => ({
+ value: option.RackId,
+ label: option.RackName,
+ }))
}
label={
@@ -2817,21 +2822,21 @@ const ProductForm = ({ formType }) => {
{qrAndTokenDtlsFields?.includes(
'Amount Per Piece'
) && (
-
-
- openAmountPerPieceAvailable(e)
- }
- />
-
- )}
+
+
+ openAmountPerPieceAvailable(e)
+ }
+ />
+
+ )}
{AmountPerPieceAvailable == 'Y' &&
qrAndTokenDtlsFields?.includes(
@@ -2864,7 +2869,7 @@ const ProductForm = ({ formType }) => {
}
isOnChange={
editstate?.OnePcsPrice ||
- editstate?.OnePcsPrice == 0
+ editstate?.OnePcsPrice == 0
? true
: false
}
@@ -2888,38 +2893,38 @@ const ProductForm = ({ formType }) => {
- 
- {
- await validateSafeInput(value); // To block HTML tags & SQL keywords
- return Promise.resolve();
+
+
+ )}
)}
@@ -2968,134 +2973,134 @@ const ProductForm = ({ formType }) => {
{(priceDtlsFields?.length > 0 ||
hsnAndMoreDtlsFields?.length > 0 ||
dateAndTimeDtlsFields?.length > 0) && (
-
+
+ {
+ await validateSafeInput(value); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
},
- },
- ]}
- >
-
-
- )}
+ ]}
+ >
+
-
-
-
-
-
- ({
+
+
+
+
+
+
+ ({
value: option.ConfigId,
label: option.ConfigName,
}))
- : ProductTypeData.filter(
+ : ProductTypeData.filter(
(item) => item.ConfigName !== 'Others'
)?.map((option) => ({
value: option.ConfigId,
label: option.ConfigName,
}))
- }
- label={
-
- }
- className="field-DropDown"
- isOnchanges={
- editstate?.ProdType || SelectedProductType
- ? true
- : false
- }
- onChangeFunction={
- handleProductTypeDropDownChange
- }
- valueData={SelectedProductType}
- disabled={
- editstate?.ProdTypeName == 'Others' ||
- formType == 'add'
- ? false
- : true
- }
- />
-
-
- {priceDtlsFields?.includes('Tax') && (
-
- ({
- value: option.TaxId,
- label: getOptionLabel(
- option,
- SelectedTaxId === option.TaxId
- ),
- }))}
- label="Tax"
+ }
+ label={
+
+ }
className="field-DropDown"
isOnchanges={
- editstate?.TaxId || SelectedTaxId
+ editstate?.ProdType || SelectedProductType
? true
: false
}
- onChangeFunction={handleTaxDropDownChange}
- valueData={SelectedTaxId}
+ onChangeFunction={
+ handleProductTypeDropDownChange
+ }
+ valueData={SelectedProductType}
+ disabled={
+ editstate?.ProdTypeName == 'Others' ||
+ formType == 'add'
+ ? false
+ : true
+ }
/>
-
-
- )}
- {SelectedTaxId &&
- priceDtlsFields?.includes('Cess') && (
- {
- await validateSafeInput(value);
- if (!value) {
- return Promise.resolve(); // Skip validation if the field is empty
- }
+ {priceDtlsFields?.includes('Tax') && (
+
+ ({
+ value: option.TaxId,
+ label: getOptionLabel(
+ option,
+ SelectedTaxId === option.TaxId
+ ),
+ }))}
+ label="Tax"
+ className="field-DropDown"
+ isOnchanges={
+ editstate?.TaxId || SelectedTaxId
+ ? true
+ : false
+ }
+ onChangeFunction={handleTaxDropDownChange}
+ valueData={SelectedTaxId}
+ />
+
+
+
+ )}
- if (
- !/^\d{1,3}(\.\d{1,2})?$/.test(value)
- ) {
- return Promise.reject(
- 'Cess should be a number with up to 2 decimal places'
- );
- }
+ {SelectedTaxId &&
+ priceDtlsFields?.includes('Cess') && (
+ {
+ await validateSafeInput(value);
+ if (!value) {
+ return Promise.resolve(); // Skip validation if the field is empty
+ }
- const cessValue = parseFloat(value);
- if (cessValue < 0 || cessValue > 100) {
- return Promise.reject(
- 'Cess cannot be greater than 100%'
- );
- }
+ if (
+ !/^\d{1,3}(\.\d{1,2})?$/.test(value)
+ ) {
+ return Promise.reject(
+ 'Cess should be a number with up to 2 decimal places'
+ );
+ }
- return Promise.resolve();
+ const cessValue = parseFloat(value);
+ if (cessValue < 0 || cessValue > 100) {
+ return Promise.reject(
+ 'Cess cannot be greater than 100%'
+ );
+ }
+
+ return Promise.resolve();
+ },
},
- },
- ]}
- >
-
- )}
- {priceDtlsFields?.includes('Discount Type') && (
-
- - {(hsnAndMoreDtlsFields?.length > 0 || - dateAndTimeDtlsFields?.length > 0) && ( -
-
-
- {(hsnAndMoreDtlsFields?.length > 0 ||
- dateAndTimeDtlsFields?.length > 0 ||
- priceDtlsFields?.includes('Add Variant')) && (
-
+
- )}
-
- {priceDtlsFields?.includes('Discount Limit') && (
-
+
+ {
padding: '5px',
backgroundColor: '#fff',
}
- : { opacity: '0.6', boxShadow: 'none' }
- }
- onClick={() => {
- Onchangeoffertype('P');
- }}
- >
-
-
+ { + Onchangeoffertype('P'); }} > - Percentage -
-+ Percentage +
+ {
padding: '5px',
backgroundColor: '#fff',
}
- : { opacity: '0.6', boxShadow: 'none' }
- }
- onClick={() => {
- Onchangeoffertype('F');
- }}
- >
-
- - Fixed -
-
-
- Sales Limit}
- autocomplete="off"
- onChange={Handleoffervalue}
- isOnChange={
- DiscountValue || DiscountValue == 0
- ? true
- : false
+ : { opacity: '0.6', boxShadow: 'none' }
}
- inputMode="decimal"
- onInput={(e) => {
- const cleanedValue =
- e.target.value.replace(/[^0-9.]/g, '');
- const parts = cleanedValue.split('.');
- e.target.value =
- parts.length > 2
- ? `${parts[0]}.${parts.slice(1).join('')}`
- : cleanedValue;
- }}
- value={DiscountValue}
- />
-
-
- )}
-
- {(hsnAndMoreDtlsFields?.length > 0 ||
- dateAndTimeDtlsFields?.length > 0) && (
-
)}
- {priceDtlsFields?.includes('Add Variant') && (
-
- {OpenAdd ? {
+ Onchangeoffertype('F');
}}
>
- {OpenAdd
- ? 'Hide Additional Details'
- : 'Show Additional Details'}
-
+
+ Fixed +
+
- Add Variant
+
+ {priceDtlsFields?.includes('Discount Limit') && (
+
- )}
-
+
+ Sales Limit}
+ autocomplete="off"
+ onChange={Handleoffervalue}
+ isOnChange={
+ DiscountValue || DiscountValue == 0
+ ? true
+ : false
+ }
+ inputMode="decimal"
+ onInput={(e) => {
+ const cleanedValue =
+ e.target.value.replace(/[^0-9.]/g, '');
+ const parts = cleanedValue.split('.');
+ e.target.value =
+ parts.length > 2
+ ? `${parts[0]}.${parts.slice(1).join('')}`
+ : cleanedValue;
+ }}
+ value={DiscountValue}
+ />
+
)}
- - {(hsnAndMoreDtlsFields?.length > 0 || - dateAndTimeDtlsFields?.length > 0) && ( -
- {OpenAdd && (
-
- {hsnAndMoreDtlsFields?.length > 0 && (
-
{
// rowClassName="editable-row"
columns={Columns}
dataSource={Tabledata}
- // pagination={handlePageChange}
- // onChange={handleChange}
+ // pagination={handlePageChange}
+ // onChange={handleChange}
/>
- 0 ||
+ dateAndTimeDtlsFields?.length > 0 ||
+ priceDtlsFields?.includes('Add Variant')) && (
+
+
+ )}
+ {(hsnAndMoreDtlsFields?.length > 0 ||
+ dateAndTimeDtlsFields?.length > 0) && (
+
- {dateAndTimeDtlsFields?.length > 0 && ( -
- )}
-
-
-
-
+ {OpenAdd ?
+ {OpenAdd
+ ? 'Hide Additional Details'
+ : 'Show Additional Details'}
+
+
+ )}
+ {priceDtlsFields?.includes('Add Variant') && (
+
- {hsnAndMoreDtlsFields?.includes(
- 'HSN'
- ) && (
- {
- await validateSafeInput(
- value
- );
- return Promise.resolve();
- },
- },
- ]}
- >
-
- HSN Code
-
- }
- id="HSNCode"
- value={selectedHsn}
- type="text"
- list="hsnList"
- maxLength={100}
- autoComplete="off"
- isOnChange={
- editstate?.HSNCode
- ? true
- : true
- }
- onChange={(e) => {
- const value =
- e?.target?.value || '';
- setSelectedHsn(value);
- if (value.length >= 1) {
- formRef.current?.setFieldsValue(
- {
- HSNCode: value,
- }
- );
- handleHsnData(value);
- }
- }}
- suffix={
- selectedHsn?.length >= 1 ? (
-
- setSelectedHsn('')
- }
- />
- ) : (
-
- )
- }
- />
- {HsnDetails?.length > 0 && (
-
- )}
-
- )}
- {hsnAndMoreDtlsFields?.includes(
- 'Part Number'
- ) && (
- {
- await validateSafeInput(
- value
- ); // To block HTML tags & SQL keywords
- return Promise.resolve();
- },
- },
- ]}
- >
-
- )}
-
- {hsnAndMoreDtlsFields?.includes(
- 'Batch Number'
- ) && (
- {
- await validateSafeInput(
- value
- ); // To block HTML tags & SQL keywords
- return Promise.resolve();
- },
- },
- ]}
- >
-
- )}
- {hsnAndMoreDtlsFields?.includes(
- 'Model Number'
- ) && (
- {
- await validateSafeInput(
- value
- ); // To block HTML tags & SQL keywords
- return Promise.resolve();
- },
- },
- ]}
- >
-
- )}
- {hsnAndMoreDtlsFields?.includes(
- 'IMEI 1'
- ) && (
- {
- await validateSafeInput(
- value
- ); // To block HTML tags & SQL keywords
- return Promise.resolve();
- },
- },
- ]}
- >
-
- )}
- {hsnAndMoreDtlsFields?.includes(
- 'IMEI 2'
- ) && (
- {
- await validateSafeInput(
- value
- ); // To block HTML tags & SQL keywords
- return Promise.resolve();
- },
- },
- ]}
- >
-
- )}
- {hsnAndMoreDtlsFields?.includes(
- 'Serial Number'
- ) && (
- {
- await validateSafeInput(
- value
- ); // To block HTML tags & SQL keywords
- return Promise.resolve();
- },
- },
- ]}
- >
-
- )}
- {hsnAndMoreDtlsFields?.includes(
- 'MacId'
- ) && (
- {
- await validateSafeInput(
- value
- ); // To block HTML tags & SQL keywords
- return Promise.resolve();
- },
- },
- ]}
- >
-
- )}
-
-
+ Add Variant
)}
- - {dateAndTimeDtlsFields?.length > 0 && ( -
-
-
- {
- await validateSafeInput(
- value
- ); // To block HTML tags & SQL keywords
- return Promise.resolve();
- },
- },
- ]}
- >
- Warranty Days
- }
- isOnChange={true}
- />
-
- {/* } */}
- {dateAndTimeDtlsFields?.includes(
- 'Expire Date'
- ) && (
-
-
-
-
-
- )}
+
+ + {(hsnAndMoreDtlsFields?.length > 0 || + dateAndTimeDtlsFields?.length > 0) && ( +
)}
-
- {dateAndTimeDtlsFields?.includes(
- 'Manufacture Date'
- ) && (
-
-
-
-
-
- )}
- {/* {(dateAndTimeDtlsFields?.includes('Expiry Notification Days') && */}
+
+ )}
- -
-
-
-
+ + {(hsnAndMoreDtlsFields?.length > 0 || + dateAndTimeDtlsFields?.length > 0) && ( +
+ {OpenAdd && (
+
)}
-
+ {hsnAndMoreDtlsFields?.length > 0 && (
+
+ {dateAndTimeDtlsFields?.length > 0 && ( +
+ )}
+
+
+
+
+
+
+ )}
+
+ {hsnAndMoreDtlsFields?.includes(
+ 'HSN'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ );
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ HSN Code
+
+ }
+ id="HSNCode"
+ value={selectedHsn}
+ type="text"
+ list="hsnList"
+ maxLength={100}
+ autoComplete="off"
+ isOnChange={
+ editstate?.HSNCode
+ ? true
+ : true
+ }
+ onChange={(e) => {
+ const value =
+ e?.target?.value || '';
+ setSelectedHsn(value);
+ if (value.length >= 1) {
+ formRef.current?.setFieldsValue(
+ {
+ HSNCode: value,
+ }
+ );
+ handleHsnData(value);
+ }
+ }}
+ suffix={
+ selectedHsn?.length >= 1 ? (
+
+ setSelectedHsn('')
+ }
+ />
+ ) : (
+
+ )
+ }
+ />
+ {HsnDetails?.length > 0 && (
+
+ )}
+
+ )}
+ {hsnAndMoreDtlsFields?.includes(
+ 'Part Number'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ ); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ )}
+
+ {hsnAndMoreDtlsFields?.includes(
+ 'Batch Number'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ ); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ )}
+ {hsnAndMoreDtlsFields?.includes(
+ 'Model Number'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ ); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ )}
+ {hsnAndMoreDtlsFields?.includes(
+ 'IMEI 1'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ ); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ )}
+ {hsnAndMoreDtlsFields?.includes(
+ 'IMEI 2'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ ); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ )}
+ {hsnAndMoreDtlsFields?.includes(
+ 'Serial Number'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ ); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ )}
+ {hsnAndMoreDtlsFields?.includes(
+ 'MacId'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ ); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ )}
+
+ + {dateAndTimeDtlsFields?.length > 0 && ( +
+
+
+
-
+ {dateAndTimeDtlsFields?.includes(
+ 'Expiry Notification Days'
+ ) &&
+ dateAndTimeDtlsFields?.includes(
+ 'Expire Date'
+ ) && (
+ {
+ await validateSafeInput(
+ value
+ ); // To block HTML tags & SQL keywords
+ return Promise.resolve();
+ },
+ },
+ ]}
+ >
+
+ Expiry Notification Days
+
+ }
+ isOnChange={true}
+ />
+
+ )}
+
+ {dateAndTimeDtlsFields?.includes(
+ 'Available From'
+ ) && (
+
+
+
+
+
+ )}
+ {dateAndTimeDtlsFields?.includes(
+ 'Available To'
+ ) && (
+
+
+
+
+
+ )}
+
+
+
+
+ {dateAndTimeDtlsFields?.includes(
+ 'Manufacture Date'
+ ) && (
+
+
+
+
+
+ )}
+ {/* {(dateAndTimeDtlsFields?.includes('Expiry Notification Days') && */}
- {dateAndTimeDtlsFields?.includes(
- 'Expiry Notification Days'
- ) &&
- dateAndTimeDtlsFields?.includes(
- 'Expire Date'
- ) && (
{
- Expiry Notification Days
-
+
}
isOnChange={true}
/>
- )}
+ {/* } */}
+ {dateAndTimeDtlsFields?.includes(
+ 'Expire Date'
+ ) && (
+
+
+
+
+
+ )}
- {dateAndTimeDtlsFields?.includes(
- 'Available From'
- ) && (
-
-
-
-
-
- )}
- {dateAndTimeDtlsFields?.includes(
- 'Available To'
- ) && (
-
-
-
-
-
- )}
-
- +
+
+
+
-
-
-
-
+
+
+
+
- {openVariant && (
-
- )}
+
+