Remove ids

src/attributes/components/AttributeBulkDeleteDialog/AttributeBulkDeleteDialog.tsx

@@ -24,11 +24,9 @@ const AttributeBulkDeleteDialog: React.StatelessComponent<
       confirmButtonState={confirmButtonState}
       onClose={onClose}
       onConfirm={onConfirm}
-      title={intl.formatMessage({
+      title={intl.formatMessage({defaultMessage: "Delete attributes",
-        defaultMessage: "Delete attributes",
         description: "dialog title",
-        id: "attributeBulkDeleteDialogTitle"
+        })}
-      })}
       variant="delete"
     >
       <DialogContentText>
@@ -38,7 +36,6 @@ const AttributeBulkDeleteDialog: React.StatelessComponent<
             other {{displayQuantity} attributes}
           }?"
           description="dialog content"
-          id="attributeBulkDeleteDialogContent"
           values={{
             counter: quantity,
             displayQuantity: <strong>{quantity}</strong>

src/attributes/components/AttributeDeleteDialog/AttributeDeleteDialog.tsx

@@ -29,17 +29,14 @@ const AttributeDeleteDialog: React.FC<AttributeDeleteDialogProps> = ({
       confirmButtonState={confirmButtonState}
       onConfirm={onConfirm}
       variant="delete"
-      title={intl.formatMessage({
+      title={intl.formatMessage({defaultMessage: "Delete attribute",
-        defaultMessage: "Delete attribute",
         description: "dialog title",
-        id: "attributeDeleteDialogTitle"
+        })}
-      })}
     >
       <DialogContentText>
         <FormattedMessage
           defaultMessage="Are you sure you want to delete {attributeName}?"
           description="dialog content"
-          id="attributeDeleteDialogContent"
           values={{
             attributeName: <strong>{name}</strong>
           }}

src/attributes/components/AttributeDetails/AttributeDetails.tsx

@@ -32,19 +32,15 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({
   const intl = useIntl();
   const inputTypeChoices = [
     {
-      label: intl.formatMessage({
+      label: intl.formatMessage({defaultMessage: "Dropdown",
-        defaultMessage: "Dropdown",
         description: "product attribute type",
-        id: "attributeDetailsInputTypeDropdown"
+        }),
-      }),
       value: AttributeInputTypeEnum.DROPDOWN
     },
     {
-      label: intl.formatMessage({
+      label: intl.formatMessage({defaultMessage: "Multiple Select",
-        defaultMessage: "Multiple Select",
         description: "product attribute type",
-        id: "attributeDetailsInputTypeMultiselect"
+        }),
-      }),
       value: AttributeInputTypeEnum.MULTISELECT
     }
   ];
@@ -58,11 +54,9 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({
         <TextField
           disabled={disabled}
           error={!!errors.name}
-          label={intl.formatMessage({
+          label={intl.formatMessage({defaultMessage: "Default Label",
-            defaultMessage: "Default Label",
             description: "attribute's label",
-            id: "attributeDetailsNameInputLabel"
+            })}
-          })}
           name={"name" as keyof AttributePageFormData}
           fullWidth
           helperText={errors.name}
@@ -73,22 +67,18 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({
         <TextField
           disabled={disabled}
           error={!!errors.slug}
-          label={intl.formatMessage({
+          label={intl.formatMessage({defaultMessage: "Attribute Code",
-            defaultMessage: "Attribute Code",
             description: "attribute's slug short code label",
-            id: "attributeDetailsSlugInputLabel"
+            })}
-          })}
           name={"slug" as keyof AttributePageFormData}
           placeholder={slugify(data.name).toLowerCase()}
           fullWidth
           helperText={
             errors.slug ||
-            intl.formatMessage({
+            intl.formatMessage({defaultMessage:
-              defaultMessage:
                 "This is used internally. Make sure you don’t use spaces",
               description: "attribute slug input field helper text",
-              id: "attributeDetailsNameInputHelperText"
+              })
-            })
           }
           value={data.slug}
           onChange={onChange}
@@ -99,11 +89,9 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({
           disabled={disabled || !canChangeType}
           error={!!errors.inputType}
           hint={errors.inputType}
-          label={intl.formatMessage({
+          label={intl.formatMessage({defaultMessage: "Catalog Input type for Store Owner",
-            defaultMessage: "Catalog Input type for Store Owner",
             description: "attribute's editor component",
-            id: "attributeDetailsInputTypeField"
+            })}
-          })}
           name="inputType"
           onChange={onChange}
           value={data.inputType}
@@ -111,11 +99,9 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({
         <FormSpacer />
         <ControlledSwitch
           checked={data.valueRequired}
-          label={intl.formatMessage({
+          label={intl.formatMessage({defaultMessage: "Value Required",
-            defaultMessage: "Value Required",
             description: "check to require attribute to have value",
-            id: "attributeDetailsValueRequiredInputLabel"
+            })}
-          })}
           name={"valueRequired" as keyof AttributePageFormData}
           onChange={onChange}
         />

src/attributes/components/AttributeList/AttributeList.tsx

@@ -85,35 +85,35 @@ const AttributeList: React.StatelessComponent<AttributeListProps> = ({
         <TableCell className={classes.colSlug}>
           <FormattedMessage
             defaultMessage="Attribute Code"
-            id="attributeListSlugColumnHeader"
+            
           />
         </TableCell>
         <TableCell className={classes.colName}>
           <FormattedMessage
             defaultMessage="Default Label"
             description="attribute's label'"
-            id="attributeListNameColumnHeader"
+            
           />
         </TableCell>
         <TableCell className={classes.colVisible}>
           <FormattedMessage
             defaultMessage="Visible"
             description="attribute is visible"
-            id="attributeListVisibilityColumnHeader"
+            
           />
         </TableCell>
         <TableCell className={classes.colSearchable}>
           <FormattedMessage
             defaultMessage="Searchable"
             description="attribute can be searched in dashboard"
-            id="attributeListSearchableColumnHeader"
+            
           />
         </TableCell>
         <TableCell className={classes.colFaceted}>
           <FormattedMessage
             defaultMessage="Use in faceted search"
             description="attribute can be searched in storefront"
-            id="attributeListFacetedColumnHeader"
+            
           />
         </TableCell>
       </TableHead>
@@ -187,7 +187,7 @@ const AttributeList: React.StatelessComponent<AttributeListProps> = ({
               <TableCell colSpan={numberOfColumns}>
                 <FormattedMessage
                   defaultMessage="No attributes found"
-                  id="AttributeListNoAttributes"
+                  
                 />
               </TableCell>
             </TableRow>

src/attributes/components/AttributeListPage/AttributeListPage.tsx

@@ -23,14 +23,11 @@ const AttributeListPage: React.FC<AttributeListPageProps> = ({
 
   return (
     <Container>
-      <PageHeader
+      <PageHeader title={intl.formatMessage(sectionNames.attributes)}>
-        title={intl.formatMessage(sectionNames.attributes)}
-      >
         <Button onClick={onAdd} color="primary" variant="contained">
           <FormattedMessage
             defaultMessage="Add attribute"
             description="button"
-            id="attributeListPageAddAttribute"
           />
           <AddIcon />
         </Button>

src/attributes/components/AttributePage/AttributePage.tsx

@@ -120,7 +120,7 @@ const AttributePage: React.FC<AttributePageProps> = ({
                 ? intl.formatMessage({
                     defaultMessage: "Create New Attribute",
                     description: "page title",
-                    id: "attributePageTitle"
+                     
                   })
                 : maybe(() => attribute.name)
             }

src/attributes/components/AttributeProperties/AttributeProperties.tsx

@@ -37,7 +37,7 @@ const AttributeProperties: React.FC<AttributePropertiesProps> = ({
           <FormattedMessage
             defaultMessage="General Properties"
             description="attribute general properties section"
-            id="attributePropertiesGeneralSectionTitle"
+            
           />
         </Typography>
         <Hr />
@@ -51,12 +51,12 @@ const AttributeProperties: React.FC<AttributePropertiesProps> = ({
               <FormattedMessage
                 defaultMessage="Variant Attribute"
                 description="attribute is variant-only"
-                id="attributePropertiesVariantOnly"
+                
               />
               <Typography variant="caption">
                 <FormattedMessage
                   defaultMessage="If enabled, you'll be able to use this attribute to create product variants"
-                  id="attributePropertiesVariantOnlyHelperText"
+                  
                 />
               </Typography>
             </>
@@ -68,7 +68,6 @@ const AttributeProperties: React.FC<AttributePropertiesProps> = ({
           <FormattedMessage
             defaultMessage="Storefront Properties"
             description="attribute properties regarding storefront"
-            id="attributePropertiesStorefront"
           />
         </Typography>
         <Hr />
@@ -78,8 +77,7 @@ const AttributeProperties: React.FC<AttributePropertiesProps> = ({
           disabled={disabled}
           label={intl.formatMessage({
             defaultMessage: "Use in faceted navigation",
-            description: "attribute is filterable in storefront",
+            description: "attribute is filterable in storefront"
-            id: "attributePropertiesUseInFacetedNavigation"
           })}
           onChange={onChange}
         />
@@ -92,8 +90,7 @@ const AttributeProperties: React.FC<AttributePropertiesProps> = ({
             name={"storefrontSearchPosition" as keyof AttributePageFormData}
             label={intl.formatMessage({
               defaultMessage: "Position in faceted navigation",
-              description: "attribute position in storefront filters",
+              description: "attribute position in storefront filters"
-              id: "attributePropertiesFacetedNavigationPosition"
             })}
             value={data.storefrontSearchPosition}
             onChange={onChange}
@@ -106,8 +103,7 @@ const AttributeProperties: React.FC<AttributePropertiesProps> = ({
           disabled={disabled}
           label={intl.formatMessage({
             defaultMessage: "Visible on Product Page in Storefront",
-            description: "attribute",
+            description: "attribute"
-            id: "attributePropertiesVisibility"
           })}
           onChange={onChange}
         />
@@ -116,7 +112,6 @@ const AttributeProperties: React.FC<AttributePropertiesProps> = ({
           <FormattedMessage
             defaultMessage="Dashboard Properties"
             description="attribute properties regarding dashboard"
-            id="attributePropertiesDashboard"
           />
         </Typography>
         <Hr />
@@ -127,8 +122,7 @@ const AttributeProperties: React.FC<AttributePropertiesProps> = ({
           disabled={disabled}
           label={intl.formatMessage({
             defaultMessage: "Use in Filtering",
-            description: "use attribute in filtering",
+            description: "use attribute in filtering"
-            id: "attributePropertiesDashboardFiltering"
           })}
           secondLabel={
             <Typography variant="caption">

src/attributes/components/AttributeValueDeleteDialog/AttributeValueDeleteDialog.tsx

@@ -36,14 +36,14 @@ const AttributeValueDeleteDialog: React.FC<AttributeValueDeleteDialogProps> = ({
       title={intl.formatMessage({
         defaultMessage: "Delete attribute value",
         description: "dialog title",
-        id: "attributeValueDeleteDialogTitle"
+         
       })}
     >
       <DialogContentText>
         {useName ? (
           <FormattedMessage
             defaultMessage='Are you sure you want to delete "{ name }" value? If you delete it you won’t be able to assign it to any of the products with "{ attributeName }" attribute.'
-            id="attributeValueDeleteDialogContentWithAttributeName"
+            
             values={{
               attributeName,
               name
@@ -53,7 +53,7 @@ const AttributeValueDeleteDialog: React.FC<AttributeValueDeleteDialogProps> = ({
           <FormattedMessage
             defaultMessage='Are you sure you want to delete "{ name }" value?'
             description="delete attribute value"
-            id="attributeValueDeleteDialogContentWithoutAttributeName"
+            
             values={{
               name
             }}

src/attributes/components/AttributeValueEditDialog/AttributeValueEditDialog.tsx

@@ -54,13 +54,13 @@ const AttributeValueEditDialog: React.StatelessComponent<
           <FormattedMessage
             defaultMessage="Add Value"
             description="add attribute value"
-            id="attributeValueEditDialogTitleNewValue"
+            
           />
         ) : (
           <FormattedMessage
             defaultMessage="Edit Value"
             description="edit attribute value"
-            id="attributeValueEditDialogTitle"
+            
           />
         )}
       </DialogTitle>
@@ -78,7 +78,7 @@ const AttributeValueEditDialog: React.StatelessComponent<
                 label={intl.formatMessage({
                   defaultMessage: "Name",
                   description: "attribute name",
-                  id: "attributeValueEditDialogNameField"
+                   
                 })}
                 value={data.name}
                 onChange={change}

src/attributes/components/AttributeValues/AttributeValues.tsx

@@ -71,14 +71,14 @@ const AttributeValues: React.FC<AttributeValuesProps> = ({
         title={intl.formatMessage({
           defaultMessage: "Attribute Values",
           description: "section header",
-          id: "attributeValuesHeader"
+           
         })}
         toolbar={
           <Button color="primary" variant="text" onClick={onValueAdd}>
             <FormattedMessage
               defaultMessage="Add value"
               description="add attribute value button"
-              id="attributeValuesAddButton"
+              
             />
           </Button>
         }
@@ -91,14 +91,14 @@ const AttributeValues: React.FC<AttributeValuesProps> = ({
               <FormattedMessage
                 defaultMessage="Admin"
                 description="attribute values list: slug column header"
-                id="attributeValuesSlugColumnHeader"
+                
               />
             </TableCell>
             <TableCell className={classes.columnStore}>
               <FormattedMessage
                 defaultMessage="Default Store View"
                 description="attribute values list: name column header"
-                id="attributeValuesNameColumnHeader"
+                
               />
             </TableCell>
             <TableCell />
@@ -137,7 +137,7 @@ const AttributeValues: React.FC<AttributeValuesProps> = ({
                   <FormattedMessage
                     defaultMessage="No values found"
                     description="No attribute values found"
-                    id="attributeValuesNotFound"
+                    
                   />
                 </TableCell>
               </TableRow>

src/attributes/views/AttributeCreate/AttributeCreate.tsx

@@ -78,8 +78,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ params }) => {
     if (data.attributeCreate.errors.length === 0) {
       notify({
         text: intl.formatMessage({
-          defaultMessage: "Successfully created attribute",
+          defaultMessage: "Successfully created attribute"
-          id: "attributeCreateAttributeCreateSuccess"
         })
       });
       navigate(attributeUrl(data.attributeCreate.attribute.id));
@@ -93,8 +92,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ params }) => {
           message: intl.formatMessage(
             {
               defaultMessage: "A value named { name } already exists",
-              description: "attribute value edit error",
+              description: "attribute value edit error"
-              id: "attributeCreateErrorExists"
             },
             {
               name: input.name
@@ -115,8 +113,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ params }) => {
           message: intl.formatMessage(
             {
               defaultMessage: "A value named { name } already exists",
-              description: "attribute value edit error",
+              description: "attribute value edit error"
-              id: "attributeCreateErrorExists"
             },
             {
               name: input.name

src/attributes/views/AttributeDetails/AttributeDetails.tsx

@@ -68,7 +68,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ id, params }) => {
       notify({
         text: intl.formatMessage({
           defaultMessage: "Attribute deleted",
-          id: "attributeDetailsAttributeRemoveSuccess"
+           
         })
       });
       navigate(attributeListUrl());
@@ -80,7 +80,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ id, params }) => {
         text: intl.formatMessage({
           defaultMessage: "Value deleted",
           description: "attribute value deleted",
-          id: "attributeDetailsAttributeValueDeleteSuccess"
+           
         })
       });
       closeModal();
@@ -103,7 +103,7 @@ const AttributeDetails: React.FC<AttributeDetailsProps> = ({ id, params }) => {
         text: intl.formatMessage({
           defaultMessage: "Added new value",
           description: "added new attribute value",
-          id: "attributeDetailsAttributeValueCreateSuccess"
+           
         })
       });
       closeModal();

src/attributes/views/AttributeList/AttributeList.tsx

@@ -75,7 +75,7 @@ const AttributeList: React.FC<AttributeListProps> = ({ params }) => {
               text: intl.formatMessage({
                 defaultMessage: "Attributes successfully delete",
                 description: "deleted multiple attributes",
-                id: "attributeListAttributesDeleted"
+                 
               })
             });
             reset();

src/categories/components/CategoryBackground/CategoryBackground.tsx

@@ -62,7 +62,7 @@ const CategoryBackground: React.FC<CategoryBackgroundProps> = props => {
         title={intl.formatMessage({
           defaultMessage: "Background image (optional)",
           description: "section header",
-          id: "categoryBackgroundHeader"
+           
         })}
         toolbar={
           <>

src/categories/components/CategoryCreatePage/CategoryCreatePage.tsx

@@ -62,7 +62,7 @@ export const CategoryCreatePage: React.StatelessComponent<
             title={intl.formatMessage({
               defaultMessage: "Create New Category",
               description: "page header",
-              id: "categoryCreatePageHeader"
+               
             })}
           />
           <div>
@@ -77,7 +77,7 @@ export const CategoryCreatePage: React.StatelessComponent<
               helperText={intl.formatMessage({
                 defaultMessage:
                   "Add search engine title and description to make this category easier to find",
-                id: "categoryCreatePageSeo"
+                 
               })}
               title={data.seoTitle}
               titlePlaceholder={data.name}

src/categories/components/CategoryDeleteDialog/CategoryDeleteDialog.tsx

@@ -41,7 +41,7 @@ const CategoryDeleteDialog = withStyles(styles, {
       <FormattedMessage
         defaultMessage="Delete category"
         description="dialog title"
-        id="categoryDeleteDialogTitle"
+        
       />
     </DialogTitle>
     <DialogContent>
@@ -49,7 +49,7 @@ const CategoryDeleteDialog = withStyles(styles, {
         <FormattedMessage
           defaultMessage="Are you sure you want to delete {categoryName}?"
           description="delete category"
-          id="categoryDeleteDialogContent"
+          
           values={{
             categoryName: <strong>{name}</strong>
           }}

src/categories/components/CategoryDetailsForm/CategoryDetailsForm.tsx

@@ -55,7 +55,7 @@ export const CategoryDetailsForm = withStyles(styles, {
                 classes={{ root: classes.root }}
                 label={intl.formatMessage({
                   defaultMessage: "Category Name",
-                  id: "categoryDetailsFormNameInputLabel"
+                   
                 })}
                 name="name"
                 disabled={disabled}
@@ -72,7 +72,7 @@ export const CategoryDetailsForm = withStyles(styles, {
               helperText={errors.descriptionJson}
               label={intl.formatMessage({
                 defaultMessage: "Category Description",
-                id: "categoryDetailsFormDescriptionInputLabel"
+                 
               })}
               initial={maybe(() => JSON.parse(category.descriptionJson))}
               name="description"

src/categories/components/CategoryList/CategoryList.tsx

@@ -97,14 +97,14 @@ const CategoryList = withStyles(styles, { name: "CategoryList" })(
             title={intl.formatMessage({
               defaultMessage: "All Subcategories",
               description: "section header",
-              id: "categoryListSubcategoriesSectionHeader"
+               
             })}
             toolbar={
               <Button color="primary" variant="text" onClick={onAdd}>
                 <FormattedMessage
                   defaultMessage="Add subcategory"
                   description="button"
-                  id="categoryListAddSubcategoryButton"
+                  
                 />
               </Button>
             }
@@ -122,21 +122,21 @@ const CategoryList = withStyles(styles, { name: "CategoryList" })(
             <TableCell className={classes.colName}>
               <FormattedMessage
                 defaultMessage="Category Name"
-                id="categoryListNameColumnHeader"
+                
               />
             </TableCell>
             <TableCell className={classes.colSubcategories}>
               <FormattedMessage
                 defaultMessage="Subcategories"
                 description="number of subcategories"
-                id="categoryListSubcategoriesColumnHeader"
+                
               />
             </TableCell>
             <TableCell className={classes.colProducts}>
               <FormattedMessage
                 defaultMessage="No. of Products"
                 description="number of products"
-                id="categoryListNumberOfProductsColumnHeader"
+                
               />
             </TableCell>
           </TableHead>
@@ -209,12 +209,12 @@ const CategoryList = withStyles(styles, { name: "CategoryList" })(
                     {isRoot ? (
                       <FormattedMessage
                         defaultMessage="No categories found"
-                        id="categoryListNoCategories"
+                        
                       />
                     ) : (
                       <FormattedMessage
                         defaultMessage="No subcategories found"
-                        id="categoryListNoSubcategories"
+                        
                       />
                     )}
                   </TableCell>

src/categories/components/CategoryListPage/CategoryListPage.tsx

@@ -46,7 +46,7 @@ export const CategoryListPage: React.StatelessComponent<CategoryTableProps> = ({
           <FormattedMessage
             defaultMessage="Add category"
             description="button"
-            id="categoryListPageAddCategoryButton"
+            
           />
           <AddIcon />
         </Button>

src/categories/components/CategoryProducts/CategoryProducts.tsx

@@ -70,14 +70,14 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
           title={intl.formatMessage({
             defaultMessage: "Products",
             description: "section header",
-            id: "categoryProductsHeader"
+             
           })}
           toolbar={
             <Button variant="text" color="primary" onClick={onAddProduct}>
               <FormattedMessage
                 defaultMessage="Add product"
                 description="button"
-                id="categoryProductsAddProductButton"
+                
               />
             </Button>
           }
@@ -90,15 +90,13 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
                 <FormattedMessage
                   defaultMessage="Name"
                   description="product name"
-                  id="categoryProductsNameHeader"
+                  
                 />
               </TableCell>
               <TableCell>
-                <FormattedMessage
+                <FormattedMessage defaultMessage="Type"
-                  defaultMessage="Type"
                   description="product type"
-                  id="categoryProductsTypeHeader"
+                   />
-                />
               </TableCell>
             </TableRow>
           </TableHead>
@@ -145,10 +143,8 @@ export const ProductList = withStyles(styles, { name: "ProductList" })(
               () => (
                 <TableRow>
                   <TableCell colSpan={3}>
-                    <FormattedMessage
+                    <FormattedMessage defaultMessage="No products found"
-                      defaultMessage="No products found"
+                       />
-                      id="categoryProductsNoProducts"
-                    />
                   </TableCell>
                 </TableRow>
               )

src/categories/components/CategoryProductsCard/CategoryProductsCard.tsx

@@ -38,8 +38,7 @@ export const CategoryProductsCard: React.StatelessComponent<
         title={intl.formatMessage(
           {
             defaultMessage: "Products in {categoryName}",
-            description: "section header",
+            description: "section header"
-            id: "categoryProductsCardHeader"
           },
           {
             categoryName
@@ -50,7 +49,6 @@ export const CategoryProductsCard: React.StatelessComponent<
             <FormattedMessage
               defaultMessage="Add product"
               description="button"
-              id="categoryProductsCardAddProductButton"
             />
           </Button>
         }

src/categories/components/CategoryUpdatePage/CategoryUpdatePage.tsx

@@ -146,7 +146,7 @@ export const CategoryUpdatePage: React.StatelessComponent<
             helperText={intl.formatMessage({
               defaultMessage:
                 "Add search engine title and description to make this category easier to find",
-              id: "categoryUpdatePageSeo"
+               
             })}
             title={data.seoTitle}
             titlePlaceholder={data.name}
@@ -162,21 +162,17 @@ export const CategoryUpdatePage: React.StatelessComponent<
               isActive={currentTab === CategoryPageTab.categories}
               changeTab={changeTab}
             >
-              <FormattedMessage
+              <FormattedMessage defaultMessage="Subcategories"
-                defaultMessage="Subcategories"
                 description="number of subcategories in category"
-                id="categoryUpdatePageSubcategoriesColumnHeader"
+                 />
-              />
             </CategoriesTab>
             <ProductsTab
               isActive={currentTab === CategoryPageTab.products}
               changeTab={changeTab}
             >
-              <FormattedMessage
+              <FormattedMessage defaultMessage="Products"
-                defaultMessage="Products"
                 description="number of products in category"
-                id="categoryUpdatePageProductsColumnHeader"
+                 />
-              />
             </ProductsTab>
           </TabContainer>
           <CardSpacer />

src/categories/views/CategoryCreate.tsx

@@ -26,7 +26,7 @@ export const CategoryCreateView: React.StatelessComponent<
       notify({
         text: intl.formatMessage({
           defaultMessage: "Category created",
-          id: "categoryCreateCategoryCreated"
+           
         })
       });
       navigate(categoryUrl(data.categoryCreate.category.id));
@@ -52,7 +52,7 @@ export const CategoryCreateView: React.StatelessComponent<
               title={intl.formatMessage({
                 defaultMessage: "Create category",
                 description: "window title",
-                id: "categoryCreateWindowTitle"
+                 
               })}
             />
             <CategoryCreatePage

src/categories/views/CategoryDetails.tsx

@@ -66,8 +66,7 @@ export const CategoryDetails: React.StatelessComponent<
     if (data.categoryDelete.errors.length === 0) {
       notify({
         text: intl.formatMessage({
-          defaultMessage: "Category deleted",
+          defaultMessage: "Category deleted"
-          id: "categoryDetailsCategoryDeleted"
         })
       });
       navigate(categoryListUrl());
@@ -324,16 +323,13 @@ export const CategoryDetails: React.StatelessComponent<
                                     open={params.action === "delete"}
                                     title={intl.formatMessage({
                                       defaultMessage: "Delete category",
-                                      description: "dialog title",
+                                      description: "dialog title"
-                                      id:
-                                        "categoryDetailsDeleteCategoryDialogTitle"
                                     })}
                                     variant="delete"
                                   >
                                     <DialogContentText>
                                       <FormattedMessage
                                         defaultMessage="Are you sure you want to delete {categoryName}?"
-                                        id="categoryDetailsDeleteCategoryDialogContent"
                                         values={{
                                           categoryName: (
                                             <strong>
@@ -347,10 +343,7 @@ export const CategoryDetails: React.StatelessComponent<
                                       />
                                     </DialogContentText>
                                     <DialogContentText>
-                                      <FormattedMessage
+                                      <FormattedMessage defaultMessage="Remember this will also delete all products assigned to this category." />
-                                        defaultMessage="Remember this will also delete all products assigned to this category."
-                                        id="categoryDetailsDeleteCategoryDialogContentAdditionalText"
-                                      />
                                     </DialogContentText>
                                   </ActionDialog>
                                   <ActionDialog
@@ -369,9 +362,7 @@ export const CategoryDetails: React.StatelessComponent<
                                     }
                                     title={intl.formatMessage({
                                       defaultMessage: "Delete categories",
-                                      description: "dialog title",
+                                      description: "dialog title"
-                                      id:
-                                        "categoryDetailsDeleteSubcategoriesDialogTitle"
                                     })}
                                     variant="delete"
                                   >
@@ -381,7 +372,6 @@ export const CategoryDetails: React.StatelessComponent<
                                           one {this attribute}
                                           other {{displayQuantity} categories}
                                         }?"
-                                        id="categoryDetailsDeleteCategoriesDialogContent"
                                         values={{
                                           counter: maybe(
                                             () => params.ids.length
@@ -395,10 +385,7 @@ export const CategoryDetails: React.StatelessComponent<
                                       />
                                     </DialogContentText>
                                     <DialogContentText>
-                                      <FormattedMessage
+                                      <FormattedMessage defaultMessage="Remember this will also delete all products assigned to this category." />
-                                        defaultMessage="Remember this will also delete all products assigned to this category."
-                                        id="categoryDetailsDeleteCategoriesDialogContentAdditionalText"
-                                      />
                                     </DialogContentText>
                                   </ActionDialog>
                                   <ActionDialog
@@ -414,9 +401,7 @@ export const CategoryDetails: React.StatelessComponent<
                                     }
                                     title={intl.formatMessage({
                                       defaultMessage: "Delete products",
-                                      description: "dialog title",
+                                      description: "dialog title"
-                                      id:
-                                        "categoryDetailsDeleteProductsDialogTitle"
                                     })}
                                     variant="delete"
                                   >
@@ -427,7 +412,6 @@ export const CategoryDetails: React.StatelessComponent<
                                           one {this attribute}
                                           other {{displayQuantity} products}
                                         }?"
-                                        id="categoryDetailsDeleteProductsDialogContent"
                                         values={{
                                           counter: maybe(
                                             () => params.ids.length

src/categories/views/CategoryList.tsx

@@ -128,8 +128,7 @@ export const CategoryList: React.StatelessComponent<CategoryListProps> = ({
                     open={params.action === "delete"}
                     title={intl.formatMessage({
                       defaultMessage: "Delete categories",
-                      description: "dialog title",
+                      description: "dialog title"
-                      id: "categoryListDeleteSubcategoriesDialogTitle"
                     })}
                     variant="delete"
                   >
@@ -138,7 +137,6 @@ export const CategoryList: React.StatelessComponent<CategoryListProps> = ({
                         one {this attribute}
                         other {{displayQuantity} categories}
                       }?"
-                      id="categoryListDeleteCategoriesDialogContent"
                       values={{
                         counter: maybe(() => params.ids.length),
                         displayQuantity: (
@@ -147,10 +145,7 @@ export const CategoryList: React.StatelessComponent<CategoryListProps> = ({
                       }}
                     />
                     <DialogContentText>
-                      <FormattedMessage
+                      <FormattedMessage defaultMessage="Remember this will also delete all products assigned to this category." />
-                        defaultMessage="Remember this will also delete all products assigned to this category."
-                        id="categoryListDeleteCategoriesDialogContentAdditionalText"
-                      />
                     </DialogContentText>
                   </ActionDialog>
                 </>

src/collections/components/CollectionCreatePage/CollectionCreatePage.tsx

@@ -78,7 +78,7 @@ const CollectionCreatePage: React.StatelessComponent<
             title={intl.formatMessage({
               defaultMessage: "Add collection",
               description: "page header",
-              id: "collectionCreatePageHeader"
+               
             })}
           />
           <Grid>
@@ -133,7 +133,7 @@ const CollectionCreatePage: React.StatelessComponent<
                 helperText={intl.formatMessage({
                   defaultMessage:
                     "Add search engine title and description to make this collection easier to find",
-                  id: "collectionSeo"
+                   
                 })}
                 title={data.seoTitle}
                 titlePlaceholder={data.name}

src/collections/components/CollectionDetails/CollectionDetails.tsx

@@ -53,7 +53,7 @@ const CollectionDetails = withStyles(styles, { name: "CollectionDetails" })(
             label={intl.formatMessage({
               defaultMessage: "Name",
               description: "collection name",
-              id: "collectionDetailsNameInputLabel"
+               
             })}
             name="name"
             disabled={disabled}

src/collections/components/CollectionDetailsPage/CollectionDetailsPage.tsx

@@ -112,7 +112,7 @@ const CollectionDetailsPage: React.StatelessComponent<
                 helperText={intl.formatMessage({
                   defaultMessage:
                     "Add search engine title and description to make this collection easier to find",
-                  id: "collectionSeo"
+                   
                 })}
                 title={data.seoTitle}
                 titlePlaceholder={maybe(() => collection.name)}
@@ -135,7 +135,7 @@ const CollectionDetailsPage: React.StatelessComponent<
                     label={intl.formatMessage({
                       defaultMessage: "Feature on Homepage",
                       description: "switch button",
-                      id: "collectionDetailsPageFeatureInputLabel"
+                       
                     })}
                   />
                 </VisibilityCard>

src/collections/components/CollectionImage/CollectionImage.tsx

@@ -82,7 +82,7 @@ export const CollectionImage = withStyles(styles)(
           title={intl.formatMessage({
             defaultMessage: "Background image (optional)",
             description: "section header",
-            id: "collectionImageHeader"
+             
           })}
           toolbar={
             <>

src/collections/components/CollectionList/CollectionList.tsx

@@ -83,23 +83,17 @@ const CollectionList = withStyles(styles, { name: "CollectionList" })(
             toolbar={toolbar}
           >
             <TableCell className={classes.colName}>
-              <FormattedMessage
+              <FormattedMessage defaultMessage="Category Name"
-                defaultMessage="Category Name"
+                 />
-                id="collectionListNameColumnHeader"
-              />
             </TableCell>
             <TableCell className={classes.colProducts}>
-              <FormattedMessage
+              <FormattedMessage defaultMessage="No. of Products"
-                defaultMessage="No. of Products"
+                 />
-                id="collectionListProductsColumnHeader"
-              />
             </TableCell>
             <TableCell className={classes.colAvailability}>
-              <FormattedMessage
+              <FormattedMessage defaultMessage="Availability"
-                defaultMessage="Availability"
                 description="collection availability"
-                id="collectionListAvailabilityColumnHeader"
+                 />
-              />
             </TableCell>
           </TableHead>
           <TableFooter>
@@ -166,12 +160,12 @@ const CollectionList = withStyles(styles, { name: "CollectionList" })(
                                 ? intl.formatMessage({
                                     defaultMessage: "Published",
                                     description: "collection is published",
-                                    id: "collectionListPublished"
+                                     
                                   })
                                 : intl.formatMessage({
                                     defaultMessage: "Not published",
                                     description: "collection is not published",
-                                    id: "collectionListNotPublished"
+                                     
                                   })
                             }
                           />
@@ -185,10 +179,8 @@ const CollectionList = withStyles(styles, { name: "CollectionList" })(
               () => (
                 <TableRow>
                   <TableCell colSpan={numberOfColumns}>
-                    <FormattedMessage
+                    <FormattedMessage defaultMessage="No collections found"
-                      defaultMessage="No collections found"
+                       />
-                      id="collectionListNoCollections"
-                    />
                   </TableCell>
                 </TableRow>
               )

src/collections/components/CollectionListPage/CollectionListPage.tsx

@@ -30,11 +30,9 @@ const CollectionListPage: React.StatelessComponent<CollectionListPageProps> = ({
           variant="contained"
           onClick={onAdd}
         >
-          <FormattedMessage
+          <FormattedMessage defaultMessage="Add collection"
-            defaultMessage="Add collection"
             description="button"
-            id="collectionListPageAddCollectionButton"
+             />
-          />
           <AddIcon />
         </Button>
       </PageHeader>

src/collections/components/CollectionProducts/CollectionProducts.tsx

@@ -93,8 +93,7 @@ const CollectionProducts = withStyles(styles, { name: "CollectionProducts" })(
             !!collection ? (
               intl.formatMessage({
                 defaultMessage: "Products in {name}",
-                description: "products in collection",
+                description: "products in collection"
-                id: "collectionProductsHeader"
               })
             ) : (
               <Skeleton />
@@ -110,7 +109,6 @@ const CollectionProducts = withStyles(styles, { name: "CollectionProducts" })(
               <FormattedMessage
                 defaultMessage="Assign product"
                 description="button"
-                id="collectionProductsAssignProductButton"
               />
             </Button>
           }
@@ -131,7 +129,6 @@ const CollectionProducts = withStyles(styles, { name: "CollectionProducts" })(
                 <FormattedMessage
                   defaultMessage="Name"
                   description="product name"
-                  id="collectionProductsNameColumnHeader"
                 />
               </span>
             </TableCell>
@@ -139,14 +136,12 @@ const CollectionProducts = withStyles(styles, { name: "CollectionProducts" })(
               <FormattedMessage
                 defaultMessage="Type"
                 description="product type"
-                id="collectionProductsTypeProductList"
               />
             </TableCell>
             <TableCell className={classes.colPublished}>
               <FormattedMessage
                 defaultMessage="Published"
                 description="product is published"
-                id="collectionPublishedColumnHeader"
               />
             </TableCell>
             <TableCell className={classes.colActions} />
@@ -204,13 +199,11 @@ const CollectionProducts = withStyles(styles, { name: "CollectionProducts" })(
                               product.isPublished
                                 ? intl.formatMessage({
                                     defaultMessage: "Published",
-                                    description: "product is published",
+                                    description: "product is published"
-                                    id: "collectionProductsPublished"
                                   })
                                 : intl.formatMessage({
                                     defaultMessage: "Not published",
-                                    description: "product is not published",
+                                    description: "product is not published"
-                                    id: "collectionProductsNotPublished"
                                   })
                             }
                             status={product.isPublished ? "success" : "error"}
@@ -234,10 +227,7 @@ const CollectionProducts = withStyles(styles, { name: "CollectionProducts" })(
                 <TableRow>
                   <TableCell />
                   <TableCell colSpan={numberOfColumns}>
-                    <FormattedMessage
+                    <FormattedMessage defaultMessage="No products found" />
-                      defaultMessage="No products found"
-                      id="collectionProductsNoProducts"
-                    />
                   </TableCell>
                 </TableRow>
               )

src/collections/views/CollectionCreate.tsx

@@ -21,7 +21,7 @@ export const CollectionCreate: React.FC = () => {
       notify({
         text: intl.formatMessage({
           defaultMessage: "Created collection",
-          id: "collectionCreateCreatedCollection"
+           
         })
       });
       navigate(collectionUrl(data.collectionCreate.collection.id));
@@ -51,7 +51,7 @@ export const CollectionCreate: React.FC = () => {
               title={intl.formatMessage({
                 defaultMessage: "Create collection",
                 description: "window title",
-                id: "collectionCreateWindowTitle"
+                 
               })}
             />
             <CollectionCreatePage

src/collections/views/CollectionDetails.tsx

@@ -99,8 +99,7 @@ export const CollectionDetails: React.StatelessComponent<
           if (data.collectionAddProducts.errors.length === 0) {
             notify({
               text: intl.formatMessage({
-                defaultMessage: "Added product to collection",
+                defaultMessage: "Added product to collection"
-                id: "collectionDetailsAddedProduct"
               })
             });
             navigate(collectionUrl(id), true);
@@ -111,8 +110,7 @@ export const CollectionDetails: React.StatelessComponent<
           if (data.collectionRemoveProducts.errors.length === 0) {
             notify({
               text: intl.formatMessage({
-                defaultMessage: "Deleted product from collection",
+                defaultMessage: "Deleted product from collection"
-                id: "collectionDetailsDeletedProduct"
               })
             });
             reset();
@@ -124,8 +122,7 @@ export const CollectionDetails: React.StatelessComponent<
           if (data.collectionDelete.errors.length === 0) {
             notify({
               text: intl.formatMessage({
-                defaultMessage: "Deleted collection",
+                defaultMessage: "Deleted collection"
-                id: "collectionDetailsDeletedCollection"
               })
             });
             navigate(collectionListUrl());
@@ -278,7 +275,6 @@ export const CollectionDetails: React.StatelessComponent<
                         <FormattedMessage
                           defaultMessage="Unassign"
                           description="unassign product from collection, button"
-                          id="collectionDetailsUnassignButton"
                         />
                       </Button>
                     }
@@ -317,15 +313,13 @@ export const CollectionDetails: React.StatelessComponent<
                     open={params.action === "remove"}
                     title={intl.formatMessage({
                       defaultMessage: "Delete Collection",
-                      description: "dialog title",
+                      description: "dialog title"
-                      id: "collectionDetailsDeleteCollectionDialogTitle"
                     })}
                     variant="delete"
                   >
                     <DialogContentText>
                       <FormattedMessage
                         defaultMessage="Are you sure you want to delete {collectionName}?"
-                        id="collectionDetailsDeleteCollectionDialogContent"
                         values={{
                           collectionName: (
                             <strong>
@@ -349,8 +343,7 @@ export const CollectionDetails: React.StatelessComponent<
                     open={params.action === "unassign"}
                     title={intl.formatMessage({
                       defaultMessage: "Unassign products from collection",
-                      description: "dialog title",
+                      description: "dialog title"
-                      id: "collectionDetailsUnassignProductsDialogTitle"
                     })}
                   >
                     <DialogContentText>
@@ -359,7 +352,6 @@ export const CollectionDetails: React.StatelessComponent<
                           one {this product}
                           other {{displayQuantity} products}
                         }?"
-                        id="collectionDetailsUnassignProductsDialogContent"
                         values={{
                           counter: maybe(() => params.ids.length),
                           displayQuantity: (
@@ -383,16 +375,12 @@ export const CollectionDetails: React.StatelessComponent<
                     open={params.action === "removeImage"}
                     title={intl.formatMessage({
                       defaultMessage: "Delete image",
-                      description: "dialog title",
+                      description: "dialog title"
-                      id: "collectionDetailsDeleteImageTitle"
                     })}
                     variant="delete"
                   >
                     <DialogContentText>
-                      <FormattedMessage
+                      <FormattedMessage defaultMessage="Are you sure you want to delete collection's image?" />
-                        defaultMessage="Are you sure you want to delete collection's image?"
-                        id="collectionDetailsDeleteImageContent"
-                      />
                     </DialogContentText>
                   </ActionDialog>
                 </>

src/collections/views/CollectionList.tsx

@@ -152,7 +152,6 @@ export const CollectionList: React.StatelessComponent<CollectionListProps> = ({
                               <FormattedMessage
                                 defaultMessage="Unpublish"
                                 description="unpublish collections"
-                                id="collectionListUnpublish"
                               />
                             </Button>
                             <Button
@@ -162,7 +161,6 @@ export const CollectionList: React.StatelessComponent<CollectionListProps> = ({
                               <FormattedMessage
                                 defaultMessage="Publish"
                                 description="publish collections"
-                                id="collectionListPublish"
                               />
                             </Button>
                             <IconButton
@@ -196,8 +194,7 @@ export const CollectionList: React.StatelessComponent<CollectionListProps> = ({
                         variant="default"
                         title={intl.formatMessage({
                           defaultMessage: "Publish collections",
-                          description: "dialog title",
+                          description: "dialog title"
-                          id: "collectionListPublishCollectionsDialogTitle"
                         })}
                       >
                         <DialogContentText>
@@ -206,7 +203,6 @@ export const CollectionList: React.StatelessComponent<CollectionListProps> = ({
                               one {this collection}
                               other {{displayQuantity} collections}
                             }?"
-                            id="collectionListPublishCollectionsDialogContent"
                             values={{
                               counter: maybe(() => params.ids.length),
                               displayQuantity: (
@@ -236,8 +232,7 @@ export const CollectionList: React.StatelessComponent<CollectionListProps> = ({
                         variant="default"
                         title={intl.formatMessage({
                           defaultMessage: "Unpublish collections",
-                          description: "dialog title",
+                          description: "dialog title"
-                          id: "collectionListUnpublishCollectionsDialogTitle"
                         })}
                       >
                         <DialogContentText>
@@ -246,7 +241,6 @@ export const CollectionList: React.StatelessComponent<CollectionListProps> = ({
                               one {this collection}
                               other {{displayQuantity} collections}
                             }?"
-                            id="collectionListUnpublishCollectionsDialogContent"
                             values={{
                               counter: maybe(() => params.ids.length),
                               displayQuantity: (
@@ -275,8 +269,7 @@ export const CollectionList: React.StatelessComponent<CollectionListProps> = ({
                         variant="delete"
                         title={intl.formatMessage({
                           defaultMessage: "Delete collections",
-                          description: "dialog title",
+                          description: "dialog title"
-                          id: "collectionListDeleteCollectionsDialogTitle"
                         })}
                       >
                         <DialogContentText>
@@ -285,7 +278,6 @@ export const CollectionList: React.StatelessComponent<CollectionListProps> = ({
                               one {this collection}
                               other {{displayQuantity} collections}
                             }?"
-                            id="collectionListDeleteCollectionsDialogContent"
                             values={{
                               counter: maybe(() => params.ids.length),
                               displayQuantity: (

src/intl.ts

@@ -2,63 +2,50 @@ import { defineMessages } from "react-intl";
 
 export const commonMessages = defineMessages({
   availability: {
-    defaultMessage: "Availability",
+    defaultMessage: "Availability"
-    id: "availability"
   },
   cancel: {
-    defaultMessage: "Cancel",
+    defaultMessage: "Cancel"
-    id: "cancel"
   },
   confirm: {
-    defaultMessage: "Confirm",
+    defaultMessage: "Confirm"
-    id: "confirm"
   },
   description: {
-    defaultMessage: "Description",
+    defaultMessage: "Description"
-    id: "description"
   },
   generalInformations: {
-    defaultMessage: "General Informations",
+    defaultMessage: "General Informations"
-    id: "generalInformations"
   },
   optionalField: {
     defaultMessage: "Optional",
-    description: "field is optional",
+    description: "field is optional"
-    id: "optionalField"
   },
   properties: {
-    defaultMessage: "Properties",
+    defaultMessage: "Properties"
-    id: "properties"
   },
   save: {
-    defaultMessage: "save",
+    defaultMessage: "save"
-    id: "save"
   },
   savedChanges: {
-    defaultMessage: "Saved changes",
+    defaultMessage: "Saved changes"
-    id: "savedChanges"
   },
   uploadImage: {
     defaultMessage: "Upload image",
-    description: "button",
+    description: "button"
-    id: "uploadImage"
   }
 });
 
 export const sectionNames = defineMessages({
   attributes: {
     defaultMessage: "Attributes",
-    description: "attributes section name",
+    description: "attributes section name"
-    id: "attributes"
   },
   categories: {
     defaultMessage: "Categories",
-    description: "categories section name",
+    description: "categories section name"
-    id: "categories"
   },
   collections: {
     defaultMessage: "Collections",
-    description: "collections section name",
+    description: "collections section name"
-    id: "collections"
   }
 });