@bjsdistribution/dms-client-return 0.1.53-prod → 0.1.54-prod

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.53-prod",
+  "version": "0.1.54-prod",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/order-view/order-details/expanded-content/services-section/AssemblyType.tsx

@@ -12,11 +12,11 @@ function AssemblyType() {
   const assemblyTypeOptions = orderStaticData?.order_service_list_category?.map(
     (option: any) => ({
       label: capitalize(option.type.replaceAll('_', ' ')),
-      value: option.type,
+      value: option.type.toLowerCase(),
     })
   );
 
-  const radioGroupHandler = (event: React.ChangeEvent<HTMLInputElement>) => {
+  const newRadioGroupHandler = (event: React.ChangeEvent<HTMLInputElement>) => {
     const newData: OrdersType = {
       ...orderData,
       assembly_type: event.target.value,
@@ -24,30 +24,24 @@ function AssemblyType() {
     setOrderData(newData);
   };
 
-  const isServiceDisable = () => {
-    if (orderData?.assemble === false && orderData?.disassemble === false) {
-      return true;
-    } else {
-      return false;
-    }
-  };
+  const isServiceDisable = () =>
+    orderData?.assemble === false && orderData?.disassemble === false;
 
   return (
     <Container $isDisable={isServiceDisable()}>
       <RadioButtonGroup
-        selectedValue={orderData?.assembly_type || ''}
+        selectedValue={orderData?.assembly_type?.toLowerCase() || ''}
         heading="Assembly Type"
         options={assemblyTypeOptions || []}
-        onChange={radioGroupHandler}
+        onChange={newRadioGroupHandler}
         required={false}
-        //@ts-ignore
         isDisabled={true}
       />
     </Container>
   );
 }
 
-const Container = styled.div<{ $isDisable: Boolean }>`
+const Container = styled.div<{ $isDisable: boolean }>`
   display: flex;
   flex-direction: column;
   gap: 6px;
@@ -56,10 +50,8 @@ const Container = styled.div<{ $isDisable: Boolean }>`
   /* temporary change will add this in library */
   > fieldset {
     > div {
-      > div {
-        > label {
-          text-transform: capitalize;
-        }
+      > legend {
+        width: auto;
       }
     }
   }