Lint

Author: vcua-mobify

packages/extension-chakra-storefront/src/components/field/index.jsx

@@ -111,8 +111,8 @@ const Field = ({
                             <>
                                 <NativeSelect.Root ref={ref} value={value} {..._inputProps}>
                                     <NativeSelect.Field
-                                        value={value || ''} 
-                                        onChange={onChange} 
+                                        value={value || ''}
+                                        onChange={onChange}
                                         placeholder={placeholder}
                                     >
                                         {options.map((opt) => (

packages/extension-chakra-storefront/src/components/radio-card/index.jsx

@@ -36,9 +36,7 @@ export const RadioCard = (props) => {
                 </Box>
             )}
             <ChakraRadioCard.ItemHiddenInput />
-            <ChakraRadioCard.ItemControl>
-                {children}
-            </ChakraRadioCard.ItemControl>
+            <ChakraRadioCard.ItemControl>{children}</ChakraRadioCard.ItemControl>
         </ChakraRadioCard.Item>
     )
 }
@@ -49,10 +47,12 @@ export const RadioCardGroup = (props) => {
     const styles = recipe()
 
     return (
-        <RadioCardGroupContext.Provider value={(itemProps) => ({...itemProps, value: itemProps.value})}>
-            <ChakraRadioCard.Root 
-                value={value} 
-                onValueChange={onValueChange} 
+        <RadioCardGroupContext.Provider
+            value={(itemProps) => ({...itemProps, value: itemProps.value})}
+        >
+            <ChakraRadioCard.Root
+                value={value}
+                onValueChange={onValueChange}
                 css={styles.root}
                 {...groupProps}
             >
@@ -63,4 +63,8 @@ export const RadioCardGroup = (props) => {
 }
 
 RadioCard.propTypes = {children: PropTypes.any}
-RadioCardGroup.propTypes = {children: PropTypes.any}
+RadioCardGroup.propTypes = {
+    value: PropTypes.any,
+    onValueChange: PropTypes.func,
+    children: PropTypes.any
+}

packages/extension-chakra-storefront/src/pages/checkout/partials/shipping-address-selection.jsx

@@ -278,18 +278,14 @@ const ShippingAddressSelection = ({
                         control={form.control}
                         rules={{required: !isEditingAddress}}
                         render={({field: {value, onChange}}) => (
-                            <RadioCardGroup 
-                                value={value} 
+                            <RadioCardGroup
+                                value={value}
                                 onValueChange={(selected) => {
                                     onChange(selected.value)
                                     handleAddressIdSelection(selected.value)
                                 }}
                             >
-                                <SimpleGrid
-                                    columns={[1, 1, 2]}
-                                    gap={4}
-                                    gridAutoFlow="row dense"
-                                >
+                                <SimpleGrid columns={[1, 1, 2]} gap={4} gridAutoFlow="row dense">
                                     {customer.addresses?.map((address, index) => {
                                         const editLabel = formatMessage(
                                             {
@@ -308,7 +304,10 @@ const ShippingAddressSelection = ({
                                         )
                                         return (
                                             <React.Fragment key={address.addressId}>
-                                                <RadioCard value={address.addressId} isSelected={address.addressId === value}>
+                                                <RadioCard
+                                                    value={address.addressId}
+                                                    isSelected={address.addressId === value}
+                                                >
                                                     <ActionCard
                                                         padding={0}
                                                         border="none"

packages/extension-chakra-storefront/src/pages/checkout/partials/shipping-options.jsx

@@ -147,24 +147,32 @@ export default function ShippingOptions() {
                                                         <Flex justify="space-between" w="full">
                                                             <HStack>
                                                                 <Box>
-                                                                    <RadioGroup.ItemText>{opt.name}</RadioGroup.ItemText>
+                                                                    <RadioGroup.ItemText>
+                                                                        {opt.name}
+                                                                    </RadioGroup.ItemText>
                                                                     <Text
                                                                         fontSize="sm"
                                                                         color="gray.600"
                                                                     >
                                                                         {opt.description}
                                                                     </Text>
-                                                                    {opt.shippingPromotions?.map((promo) => {
-                                                                        return (
-                                                                            <Text
-                                                                                key={promo.promotionId}
-                                                                                fontSize="sm"
-                                                                                color="green.600"
-                                                                            >
-                                                                                {promo.calloutMsg}
-                                                                            </Text>
-                                                                        )
-                                                                    })}
+                                                                    {opt.shippingPromotions?.map(
+                                                                        (promo) => {
+                                                                            return (
+                                                                                <Text
+                                                                                    key={
+                                                                                        promo.promotionId
+                                                                                    }
+                                                                                    fontSize="sm"
+                                                                                    color="green.600"
+                                                                                >
+                                                                                    {
+                                                                                        promo.calloutMsg
+                                                                                    }
+                                                                                </Text>
+                                                                            )
+                                                                        }
+                                                                    )}
                                                                 </Box>
                                                             </HStack>
                                                             <Text fontWeight="bold">
@@ -175,7 +183,6 @@ export default function ShippingOptions() {
                                                                 />
                                                             </Text>
                                                         </Flex>
-
                                                     </RadioGroup.Item>
                                                 )
                                             )}

packages/extension-chakra-storefront/src/theme/components/base/radioCard.js

@@ -23,12 +23,12 @@ export default defineSlotRecipe({
             height: 'full',
             _focus: {
                 boxShadow: 'outline',
-                bg: 'transparent',
+                bg: 'transparent'
             },
             _checked: {
                 zIndex: 1,
-                borderColor: 'blue.600',
-            },
-        },
-    },
+                borderColor: 'blue.600'
+            }
+        }
+    }
 })