Merge pull request 'feat: adicionar blocos e organiza-os, para coluna da direita do produto' (#9) from feature/rightCol into development

Reviewed-on: #9

store/blocks/pdp/product-assembly.jsonc

@@ -1,9 +1,16 @@
 {
   "sticky-layout#buy-button": {
     "props": {
-      "position": "bottom"
+      "position": "bottom",
+      "blockClass": "teste"
     },
-    "children": ["flex-layout.row#buy-button"]
+    "children": ["html#buy-button"]
+  },
+  "product-assembly-options": {
+    "children": [
+      "flex-layout.row#product-assembly-options",
+      "assembly-option-input-values"
+    ]
   },
   "product-assembly-options": {
     "children": [
@@ -32,17 +39,13 @@
     "props": {
       "verticalAlign": "middle"
     },
-    "children": [
-      "assembly-option-item-quantity-selector"
-    ]
+    "children": ["assembly-option-item-quantity-selector"]
   },
   "flex-layout.col#product-assembly-image": {
     "props": {
       "marginRight": 4
     },
-    "children": [
-      "assembly-option-item-image"
-    ]
+    "children": ["assembly-option-item-image"]
   },
   "flex-layout.col#product-assembly-middle": {
     "props": {
@@ -96,9 +99,7 @@
       "horizontalAlign": "right",
       "verticalAlign": "middle"
     },
-    "children": [
-      "assembly-option-item-quantity-selector"
-    ]
+    "children": ["assembly-option-item-quantity-selector"]
   },
   "assembly-option-item-customize#sec-level": {
     "props": {

store/blocks/pdp/product.jsonc

@@ -98,23 +98,28 @@
     },
     "children": [
       "flex-layout.row#product-name",
-      "product-rating-summary",
-      "flex-layout.row#list-price-savings",
-      "flex-layout.row#selling-price",
-      "product-installments",
-      "product-separator",
       "product-identifier.product",
+      "product-rating-summary",
+      "flex-layout.row#selling-price",
+      "product-installments#parcelas",
+      // "m3-pix",
       "sku-selector",
-      "product-quantity",
       "product-assembly-options",
       "product-gifts",
-      "flex-layout.row#buy-button",
+      "html#buy-button",
       "availability-subscriber",
-      "shipping-simulator",
-      "share#default"
+      "html#m3-shipping-simulator"
     ]
   },
 
+  "product-installments#parcelas": {
+    "props": {
+      "blockClass": "desconto",
+      "installmentsCriteria": "max-quantity-without-interest",
+      "markers": ["x"],
+      "message": "{installmentsNumber} <x>x</x> de {installmentValue} sem juros"
+    }
+  },
   "flex-layout.row#product-name": {
     "props": {
       "marginBottom": 3
@@ -128,17 +133,34 @@
       "showValueNameForImageVariation": true
     }
   },
-
-  "flex-layout.row#buy-button": {
+  "html#buy-button": {
     "props": {
+      "blockClass": "container__buyButton",
       "marginTop": 4,
-      "marginBottom": 7
+      "marginBottom": 7,
+      "paddingRight": 0
     },
-    "children": ["add-to-cart-button"]
+    "children": ["html#sizeQuantity", "add-to-cart-button"]
   },
+  "html#sizeQuantity": {
+    "props": {
+      "blockClass": "quantity",
+      "testid": "product-quantity"
+    },
+    "children": ["product-quantity#size"]
+  },
+  "product-quantity#size": {
+    "props": {
+      "blockClass": "quantity__wrapper",
+      "size": "regular",
+      "width": "25%",
 
+      "showLabel": false
+    }
+  },
   "flex-layout.row#product-availability": {
     "props": {
+      "blockClass": "indisponivel",
       "colGap": 7,
       "marginTop": 4,
       "marginBottom": 7,
@@ -158,8 +180,8 @@
     "children": [
       "flex-layout.row#product-name",
       "product-identifier.product",
-      "sku-selector",
-      "flex-layout.row#availability"
+      "flex-layout.row#availability",
+      "sku-selector"
     ]
   },
   "flex-layout.row#availability": {
@@ -168,6 +190,19 @@
     },
     "children": ["availability-subscriber"]
   },
+  "html#m3-shipping-simulator": {
+    "props": {
+      "blockClass": "m3-shipping-simulator"
+    },
+    "children": ["rich-text", "shipping-simulator"]
+  },
+  "rich-text": {
+    "props": {
+      "blockClass": "m3-shipping-simulator-title",
+      "textAlignment": "LEFT",
+      "text": "Calcular o frete"
+    }
+  },
 
   "share#default": {
     "props": {