@designcrowd/library.brand-page 6.2.11-builder-v2-1 → 6.2.12

package/src/brand-page/__fixtures__/migration-22-v21/real-brandcontact.v21.json

@@ -0,0 +1,755 @@
+{
+  "v": 21,
+  "styles": {
+    "backgroundStyles": {
+      "style": {
+        "background": "var(--palette-1)",
+        "backgroundSize": "cover",
+        "backgroundRepeat": "no-repeat",
+        "backgroundPosition": "center center",
+        "backgroundAttachment": "fixed"
+      },
+      "backgroundShapeStyle": {
+        "background": ""
+      },
+      "backgroundImageUrl": "https://bcassetcdn.com/assets/brand-page/template-assets/backgrounds/waves.svg",
+      "backgroundShapes": [],
+      "mediaOverlayStyle": {
+        "backgroundColor": "var(--palette-0)",
+        "opacity": "0"
+      }
+    },
+    "buttonStyles": {
+      "style": {
+        "color": "var(--palette-1)",
+        "boxShadow": "var(--palette-0)",
+        "borderColor": "var(--palette-1)",
+        "borderStyle": "solid",
+        "borderWidth": "2px",
+        "borderRadius": "0",
+        "backgroundColor": "var(--palette-0)"
+      },
+      "iconStyle": {
+        "fill": "var(--palette-1)"
+      },
+      "selectedButtonStyleId": "BUTTON_STYLE_7"
+    },
+    "logoStyles": {
+      "imageStyle": {
+        "width": "9rem",
+        "height": "9rem"
+      }
+    },
+    "textStyles": {
+      "textFontFamily": "lato",
+      "textStyleOptions": {
+        "titles": {
+          "type": "titles",
+          "title": "Titles",
+          "style": {
+            "fontSize": "2.25em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.1",
+            "letterSpacing": "0",
+            "color": "var(--palette-0)"
+          },
+          "isModified": false
+        },
+        "headings": {
+          "type": "headings",
+          "title": "Headings",
+          "style": {
+            "fontSize": "1.5em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.4",
+            "letterSpacing": "0",
+            "color": "var(--palette-0)"
+          },
+          "isModified": false
+        },
+        "paragraphs": {
+          "type": "paragraphs",
+          "title": "Paragraphs",
+          "style": {
+            "fontSize": "1em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "letterSpacing": "0",
+            "color": "var(--palette-0)"
+          },
+          "isModified": false
+        },
+        "buttons": {
+          "type": "buttons",
+          "title": "Buttons",
+          "style": {
+            "fontSize": "1em",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "letterSpacing": "0",
+            "color": "var(--palette-1)"
+          },
+          "isModified": false
+        }
+      }
+    },
+    "galleryStyles": {
+      "galleryType": "grid"
+    },
+    "colors": [
+      {
+        "id": "palette-0",
+        "value": "#000000",
+        "type": "palette"
+      },
+      {
+        "id": "palette-1",
+        "value": "#d0f3ff",
+        "type": "palette"
+      },
+      {
+        "id": "palette-2",
+        "value": "#eeeeee",
+        "type": "palette"
+      },
+      {
+        "id": "palette-3",
+        "value": "#6f7e83",
+        "type": "palette"
+      },
+      {
+        "id": "palette-custom-h4ppr5",
+        "value": "#ffffff",
+        "type": "custom"
+      }
+    ]
+  },
+  "pageHeaderMobile": {
+    "displayStyle": "mobile-tab-vertical-stack-centered-logo-centered-menu",
+    "navigation": {
+      "displayType": "nav-tab-tabs",
+      "renderAfterLogo": false,
+      "defaultButtonStyle": {
+        "borderBottomWidth": "0px",
+        "borderLeftWidth": "0px",
+        "borderRightWidth": "0px",
+        "borderTopWidth": "0px",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "fontFamily": "Lato",
+        "fontWeight": "normal",
+        "textAlign": "center",
+        "lineHeight": "1.1"
+      },
+      "selectedButtonStyle": {
+        "borderStyle": "solid",
+        "borderRadius": "0px",
+        "borderBottomWidth": "4px",
+        "borderLeftWidth": "0px",
+        "borderRightWidth": "0px",
+        "borderTopWidth": "0px",
+        "color": "var(--palette-0)",
+        "borderColor": "var(--palette-0)"
+      },
+      "iconStyle": {},
+      "isLogoVisible": true,
+      "hamburgerMenuStyle": {
+        "defaultButtonStyle": {
+          "textAlign": "left",
+          "fontFamily": "Lato",
+          "backgroundColor": "var(--palette-1)",
+          "color": "var(--palette-0)"
+        },
+        "selectedButtonStyle": {
+          "backgroundColor": "var(--palette-0)",
+          "color": "var(--palette-1)"
+        },
+        "iconStyle": {
+          "border": "solid",
+          "borderWidth": "0px",
+          "borderRadius": "8px",
+          "color": "var(--palette-1)",
+          "backgroundColor": "var(--palette-0)"
+        }
+      },
+      "viewport": "mobile"
+    },
+    "isLogoOptional": false,
+    "isLogoVisible": false,
+    "logoImageHeight": "9rem",
+    "logoImageWidth": "9rem",
+    "logoImageStyle": {},
+    "logoVariation": 0,
+    "logoImage": {
+      "logoVariation": 0,
+      "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+      "logoLastUpdate": "638626835894970000"
+    },
+    "logoTemplateImage": {},
+    "logoImageBase64Url": "",
+    "backgroundStyle": {
+      "backgroundOpacity": 100
+    },
+    "style": {},
+    "viewport": "mobile"
+  },
+  "pageHeaderDesktop": {
+    "displayStyle": "desktop-tab-vertical-stack-centered-logo-centered-menu",
+    "navigation": {
+      "displayType": "nav-tab-tabs",
+      "renderAfterLogo": false,
+      "defaultButtonStyle": {
+        "borderBottomWidth": "0px",
+        "borderLeftWidth": "0px",
+        "borderRightWidth": "0px",
+        "borderTopWidth": "0px",
+        "color": "var(--palette-0)",
+        "fontSize": "1em",
+        "fontFamily": "Lato",
+        "fontWeight": "normal",
+        "textAlign": "center",
+        "lineHeight": "1.1"
+      },
+      "selectedButtonStyle": {
+        "borderStyle": "solid",
+        "borderRadius": "0px",
+        "borderBottomWidth": "4px",
+        "borderLeftWidth": "0px",
+        "borderRightWidth": "0px",
+        "borderTopWidth": "0px",
+        "color": "var(--palette-0)",
+        "borderColor": "var(--palette-0)"
+      },
+      "iconStyle": {},
+      "isLogoVisible": true,
+      "hamburgerMenuStyle": {
+        "defaultButtonStyle": {
+          "textAlign": "left",
+          "fontFamily": "Lato",
+          "backgroundColor": "var(--palette-1)",
+          "color": "var(--palette-0)"
+        },
+        "selectedButtonStyle": {
+          "backgroundColor": "var(--palette-0)",
+          "color": "var(--palette-1)"
+        },
+        "iconStyle": {
+          "border": "solid",
+          "borderWidth": "0px",
+          "borderRadius": "8px",
+          "color": "var(--palette-1)",
+          "backgroundColor": "var(--palette-0)"
+        }
+      },
+      "viewport": "desktop"
+    },
+    "isLogoOptional": false,
+    "isLogoVisible": false,
+    "logoImageHeight": "9rem",
+    "logoImageWidth": "9rem",
+    "logoImageStyle": {},
+    "logoVariation": 0,
+    "logoImage": {
+      "logoVariation": 0,
+      "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+      "logoLastUpdate": "638626835894970000"
+    },
+    "logoTemplateImage": {},
+    "logoImageBase64Url": "",
+    "backgroundStyle": {
+      "backgroundOpacity": 100
+    },
+    "style": {},
+    "viewport": "desktop"
+  },
+  "pageFooterMobile": {
+    "displayStyle": "centered-menu",
+    "copyrightText": "© 2024 by [Company Name]. All Rights Reserved.",
+    "copyrightStyle": {
+      "textAlign": "center",
+      "lineHeight": "1.1",
+      "textStyleType": "paragraphs"
+    },
+    "backgroundStyle": {},
+    "iconStyle": {
+      "fill": "#000000"
+    },
+    "isLogoOptional": true,
+    "isLogoVisible": false,
+    "logoImageStyle": {},
+    "logoVariation": 0,
+    "logoImage": {
+      "logoVariation": 0,
+      "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+      "logoLastUpdate": "638626835894970000"
+    },
+    "logoTemplateImage": {},
+    "logoImageBase64Url": "",
+    "socialLinks": [
+      {
+        "url": "https://www.facebook.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "facebook",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000021"
+      },
+      {
+        "url": "https://www.instagram.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "instagram",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000022"
+      },
+      {
+        "url": "https://www.x.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "x",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000023"
+      }
+    ],
+    "textFontFamily": {},
+    "viewport": "mobile",
+    "logoImageHeight": "9rem",
+    "logoImageWidth": "9rem"
+  },
+  "pageFooterDesktop": {
+    "displayStyle": "centered-menu",
+    "copyrightText": "© 2024 by [Company Name]. All Rights Reserved.",
+    "copyrightStyle": {
+      "textAlign": "center",
+      "lineHeight": "1.1",
+      "textStyleType": "paragraphs"
+    },
+    "backgroundStyle": {},
+    "iconStyle": {
+      "fill": "#000000"
+    },
+    "isLogoOptional": true,
+    "isLogoVisible": false,
+    "logoImageStyle": {},
+    "logoVariation": 0,
+    "logoImage": {
+      "logoVariation": 0,
+      "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+      "logoLastUpdate": "638626835894970000"
+    },
+    "logoTemplateImage": {},
+    "logoImageBase64Url": "",
+    "socialLinks": [
+      {
+        "url": "https://www.facebook.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "facebook",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000018"
+      },
+      {
+        "url": "https://www.instagram.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "instagram",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000019"
+      },
+      {
+        "url": "https://www.x.com",
+        "width": 0,
+        "height": 0,
+        "imageUrl": "x",
+        "imageLink": "",
+        "mediaType": "image",
+        "imageTitle": "",
+        "id": "00000000-0000-4000-8000-000000000020"
+      }
+    ],
+    "textFontFamily": {},
+    "viewport": "desktop",
+    "logoImageHeight": "9rem",
+    "logoImageWidth": "9rem"
+  },
+  "pages": [
+    {
+      "slug": "home",
+      "title": "Home",
+      "contents": [
+        {
+          "id": "5e1442b0-594e-11ec-9db3-a59c61e6a9b9",
+          "type": "logo",
+          "logoImage": {
+            "logoVariation": 0,
+            "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+            "logoLastUpdate": "638626835894970000"
+          },
+          "imageStyle": {
+            "width": "9rem",
+            "height": "9rem"
+          },
+          "isLogoVisible": true,
+          "logoImageWidth": "9rem",
+          "backgroundStyle": {
+            "backgroundColor": "transparent"
+          },
+          "logoImageHeight": "9rem",
+          "logoDraftToken": "",
+          "logoVariation": 0
+        },
+        {
+          "id": "5e1442b1-594e-11ec-9db3-a59c61e6a9b9",
+          "name": "Your name",
+          "type": "profile",
+          "title": "Title",
+          "mediaType": "image",
+          "nameStyle": {
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.4",
+            "fontSize": "1.5em",
+            "applyAutoScale": false
+          },
+          "titleStyle": {
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "fontSize": "1em",
+            "applyAutoScale": false
+          },
+          "description": "Write a short description about yourself or your brand",
+          "avatarImageUrl": "",
+          "backgroundColor": {},
+          "descriptionStyle": {
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "fontSize": "1em",
+            "applyAutoScale": false
+          },
+          "colorReplacements": []
+        },
+        {
+          "id": "f5937472-4001-4e5a-a278-3d1c23d44757",
+          "url": "",
+          "type": "website",
+          "title": "Porfolio",
+          "iconUrl": "globe",
+          "fieldRole": "button",
+          "mediaType": "image",
+          "titleStyle": {
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": false
+          },
+          "colorReplacements": [],
+          "page": ""
+        },
+        {
+          "id": "b596e75e-e871-40f8-a7e3-52305b8ee205",
+          "text": "This is a brand contact",
+          "type": "text",
+          "iconUrl": "",
+          "textSize": {
+            "fontSize": "1em",
+            "lineHeight": "1.5"
+          },
+          "textColor": {},
+          "textItems": [],
+          "textStyle": {
+            "fontSize": "2.125em",
+            "textAlign": "center",
+            "fontFamily": "Oswald",
+            "lineHeight": "1.5",
+            "letterSpacing": "0",
+            "applyAutoScale": false
+          },
+          "columnStyle": "1",
+          "textAlignment": {},
+          "backgroundColor": {},
+          "topPadding": 0,
+          "bottomPadding": 0
+        },
+        {
+          "id": "6a6a855e-388a-42fd-b29f-7c52f4b17be5",
+          "size": "4rem",
+          "type": "shapes-section",
+          "items": [
+            {
+              "id": "a1e151c5-11e6-413d-9305-36652606dc5c",
+              "title": "Shape Title",
+              "width": 154,
+              "height": 150,
+              "itemsId": -1,
+              "imageUrl": "https://bcassetcdn.com/shapes/prod/005bb177-89d0-4754-a80a-9eee5a284db1.svg",
+              "imageLink": "",
+              "mediaType": "shape",
+              "paragraph": "Shape description",
+              "imageTitle": "",
+              "colorReplacements": [
+                {
+                  "attribute": "fill",
+                  "originalColor": "#000000",
+                  "replacementColor": "#ff5758"
+                }
+              ]
+            }
+          ],
+          "title": "Shapes",
+          "cardStyle": {},
+          "titleStyle": {
+            "textStyleType": "titles",
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.3",
+            "applyAutoScale": false
+          },
+          "displayStyle": "centered",
+          "headingStyle": {
+            "textStyleType": "headings",
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.4",
+            "applyAutoScale": false
+          },
+          "paragraphStyle": {
+            "textStyleType": "paragraphs",
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": false
+          },
+          "backgroundStyle": {},
+          "topPadding": 32,
+          "bottomPadding": 32
+        },
+        {
+          "id": "3b63f2ee-c10e-464b-a5f1-e3b42df0f2d0",
+          "type": "contact-form",
+          "title": "Contact Us",
+          "fields": [
+            {
+              "id": "firstName",
+              "name": "First name",
+              "type": "text",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "lastName",
+              "name": "Last name",
+              "type": "text",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "emailAddress",
+              "name": "Email address",
+              "type": "email",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "phoneNumber",
+              "name": "Phone number",
+              "type": "phone",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "message",
+              "name": "Message",
+              "type": "text-area",
+              "enabled": true,
+              "required": true
+            },
+            {
+              "id": "customField1",
+              "name": "Custom Field",
+              "enabled": false,
+              "required": false,
+              "type": "text"
+            },
+            {
+              "id": "customField2",
+              "name": "Custom Field",
+              "enabled": false,
+              "required": false,
+              "type": "text"
+            },
+            {
+              "id": "customField3",
+              "name": "Custom Field",
+              "enabled": false,
+              "required": false,
+              "type": "text"
+            }
+          ],
+          "imageUrl": "",
+          "cardStyle": {
+            "backgroundColor": "var(--palette-custom-h4ppr5)"
+          },
+          "buttonText": "Send",
+          "titleStyle": {
+            "textAlign": "center",
+            "textStyleType": "titles",
+            "fontFamily": "Lato",
+            "lineHeight": "1.3",
+            "applyAutoScale": false
+          },
+          "description": "",
+          "layoutStyle": "",
+          "displayStyle": "preview",
+          "responseEmail": "fhadsf@Fgf.wfvwq",
+          "successMessage": "Thank you! We'll get in touch with you as soon as possible.",
+          "backgroundStyle": {},
+          "buttonTextStyle": {
+            "textAlign": "center",
+            "textStyleType": "buttons",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": false
+          },
+          "descriptionStyle": {
+            "textAlign": "center",
+            "textStyleType": "paragraphs",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": false
+          },
+          "successMessageStyle": {},
+          "topPadding": 0,
+          "bottomPadding": 0
+        },
+        {
+          "id": "0c67b6f6-8a30-4c37-9d96-680aec104288",
+          "type": "images-section",
+          "items": [
+            {
+              "id": "095e9760-14a2-44e5-b89b-6a3ceef50d00",
+              "title": "",
+              "width": 1080,
+              "height": 1440,
+              "itemsId": -1,
+              "imageUrl": "https://images.unsplash.com/photo-1721332155545-c7a8005a2581?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMjQzOTV8MXwxfHNlYXJjaHwxfHxnYW1pbmd8ZW58MHx8fHwxNzI3MDM1NzE3fDA&ixlib=rb-4.0.3&q=80&w=1080",
+              "imageLink": "",
+              "mediaType": "image",
+              "paragraph": "",
+              "imageTitle": "",
+              "buttonText": false,
+              "buttonLinkType": "url",
+              "url": "",
+              "email": "",
+              "tel": "",
+              "buttonPageId": ""
+            }
+          ],
+          "title": "Images",
+          "cardStyle": {},
+          "titleStyle": {
+            "textStyleType": "titles",
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.3",
+            "applyAutoScale": false
+          },
+          "aspectRatio": "Default",
+          "displayStyle": "centered",
+          "headingStyle": {
+            "textStyleType": "headings",
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.4",
+            "applyAutoScale": false
+          },
+          "paragraphStyle": {
+            "textStyleType": "paragraphs",
+            "textAlign": "center",
+            "fontFamily": "Lato",
+            "lineHeight": "1.5",
+            "applyAutoScale": false
+          },
+          "backgroundStyle": {},
+          "areImagesFullWidth": false,
+          "buttonTextStyle": {},
+          "enablePopup": true,
+          "topPadding": 32,
+          "bottomPadding": 32
+        }
+      ],
+      "id": "4aad6ba1-d693-5e83-b790-a441c01e353c"
+    },
+    {
+      "slug": "page2",
+      "title": "Page2",
+      "contents": [
+        {
+          "id": "b04bcce6-b3e9-4fb2-a725-560d26f215b8",
+          "type": "logo",
+          "logoImage": {
+            "logoVariation": 0,
+            "logoDraftToken": "0e88e0a4-1203-427c-bfef-aafab474e45b",
+            "logoLastUpdate": "638626835894970000"
+          },
+          "imageStyle": {
+            "width": "9rem",
+            "height": "9rem"
+          },
+          "isLogoVisible": true,
+          "logoImageWidth": "9rem",
+          "backgroundStyle": {
+            "backgroundColor": "transparent"
+          },
+          "logoImageHeight": "9rem",
+          "logoImageBase64Url": "",
+          "logoDraftToken": "",
+          "logoVariation": 0
+        }
+      ],
+      "id": "1390300f-4b6d-53fb-87f1-8f1cd6ccd685"
+    }
+  ],
+  "nav": {
+    "orders": [
+      {
+        "routeId": "40b2da0a-05b5-5704-a224-61183d6e0370",
+        "subRoutes": []
+      },
+      {
+        "routeId": "328850bd-59d8-534b-a16b-1ef809a5ab11",
+        "subRoutes": []
+      }
+    ],
+    "routes": [
+      {
+        "id": "40b2da0a-05b5-5704-a224-61183d6e0370",
+        "pageId": "4aad6ba1-d693-5e83-b790-a441c01e353c",
+        "pageSlug": "home",
+        "isHidden": false,
+        "displayName": "Home"
+      },
+      {
+        "id": "328850bd-59d8-534b-a16b-1ef809a5ab11",
+        "pageId": "1390300f-4b6d-53fb-87f1-8f1cd6ccd685",
+        "pageSlug": "page2",
+        "isHidden": false,
+        "displayName": "Page2"
+      }
+    ]
+  },
+  "isModifiedAfterTemplateApplied": true,
+  "brandPageType": "brandContact",
+  "cookieOptions": {}
+}