{
    "AWSTemplateFormatVersion": "2010-09-09",
    "Parameters": {
        "InstanceArn": {
          "Type": "String",
          "Description": "Enter the instance ARN for your Amazon Connect instance where you want this custom step-by-step guide view to be deployed."
        }
      },
    "Resources": {
      "StepByStepGuideViewResource": {
        "Type": "AWS::Connect::View",
        "Properties": {
          "Actions": [
            "ActionSelected"
          ],
          "Description": "Custom step by step guide view for Amazon Connect",
          "InstanceArn": { "Ref": "InstanceArn" },
          "Name": "StepByStepGuideView",
          "Tags": [],
          "Template": {"Head":{"Configuration":{"Layout":{"Columns":"12"}},"Title":"TemplateStandard"},"Body":[{"_id":"AttributeBar_1701841532441","Type":"AttributeBar","Props":{"Attributes":[{"Label":"Attribute name","Value":"<Add Value here>"},{"Label":"Attribute name","Value":"<Add Value here>"},{"Label":"Attribute name","Value":"<Add Value here>"},{"Label":"Attribute name","Value":"<Add Value here>"}]},"Content":[],"Configuration":{"Style":{"--attribute-bar-background-color":"#26303b","--attribute-bar-divider-width":"10px","--attribute-bar-divider-color":"#3c444f","--attribute-bar-label-color":"#9b9b9b","--attribute-bar-value-color":"#ffffff"}}},{"_id":"Section_1701841542756","Type":"Section","Props":{"Heading":""},"Content":[{"_id":"Container_1701841550607","Type":"Container","Props":{"HideBorder":true,"header":" "},"Content":[{"_id":"Icon_1701841702506","Type":"Icon","Props":{"Variant":"card","Name":"Person Male 1"},"Content":[]},{"_id":"TextBox_1701841715106","Type":"TextBox","Props":{"Variant":"div","TextAlign":"left","FontWeight":"bold","FontSize":"body-m"},"Content":["Customer details"]},{"_id":"AttributeSection_1701841725476","Type":"AttributeSection","Props":{"Items":[{"Label":"Attribute name","Value":"<Add Value here>"},{"Label":"Attribute name","Value":"<Add Value here>"},{"Label":"Attribute name","Value":"<Add Value here>"},{"Label":"Attribute name","Value":"<Add Value here>"}],"Columns":""},"Content":[],"Configuration":{"Layout":{"Columns":"12"}}},{"_id":"Button_1701841737629","Type":"Button","Props":{"Variant":"primary","IconName":"settings","IconAlign":"left","Action":"ActionSelected","Disabled":false},"Content":["Sample Button 1"]},{"_id":"Button_1701841736683","Type":"Button","Props":{"Variant":"primary","IconName":"contact","IconAlign":"left","Action":"ActionSelected","Disabled":false},"Content":["Sample Button 2"]},{"_id":"Button_1701841735673","Type":"Button","Props":{"Variant":"primary","IconName":"unlocked","IconAlign":"left","Action":"ResetPassword","Disabled":false},"Content":["Sample Button 3"]},{"_id":"AttributeSection_1701841749788","Type":"AttributeSection","Props":{"Items":[{"Label":"","Value":""},{"Label":"Attribute name","Value":"<Add Value here>"},{"Label":"Attribute name","Value":"<Add Value here>"}],"Columns":""},"Content":[],"Configuration":{"Layout":{"Columns":"12"}}}],"Configuration":{"Layout":{"Columns":"12"}}},{"_id":"Container_1701841552960","Type":"Container","Props":{"HideBorder":true,"header":" "},"Content":[{"_id":"TextBox_1701841819002","Type":"TextBox","Props":{"Variant":"h3","TextAlign":"left","FontWeight":"normal","FontSize":"heading-m"},"Content":["Customer may be contacting to..."]},{"_id":"Cards_1701841828712","Type":"Cards","Props":{"Cards":[{"Summary":{"Id":"card_1","Icon":"Link","Heading":"Card 1","Status":"Card 1 status","Description":"Description for card 1"},"Detail":{"Heading":"Card 1","Description":"Description for card 1","Actions":["Action 1","Action 2"],"Sections":{"Items":[{"Label":"Sample","Value":"Attribute"},{"Label":"Sample","Value":"Attribute"},{"Label":"Sample","Value":"Attribute"}],"Heading":"1 existing account"}}},{"Summary":{"Id":"card_2","Icon":"Wallet Closed","Heading":"Card 2","Status":"Card 2 status","Description":"Description for card 2"},"Detail":{"Heading":"Default Detail Heading","Description":"Default Detail Description","Actions":[],"Sections":{"Items":[{"Label":"Section Label","Value":"Section Value"}],"Heading":"Section Heading"}}},{"Summary":{"Id":"card_3","Icon":"Piggy Bank","Heading":"Card 3","Status":"Card 3 status","Description":"Description for card 3"},"Detail":{"Heading":"Default Detail Heading","Description":"Default Detail Description","Sections":{"Items":[{"Label":"Section Label","Value":"Section Value"}],"Heading":"Section Heading"}}},{"Summary":{"Id":"card_4","Icon":"Dollar Sign","Heading":"Card 4","Status":"Card 4 status","Description":"Description for card 4"},"Detail":{"Heading":"Default Detail Heading","Description":"Default Detail Description","Sections":{"Items":[{"Label":"Section Label","Value":"Section Value"}],"Heading":"Section Heading"}}}],"CardsPerRow":"2","Action":"ActionSelected"},"Content":[]},{"_id":"Section_1701841863562","Type":"Section","Props":{"Heading":""},"Content":[{"_id":"List_1701841865538","Type":"List","Props":{"Items":[{"Id":"123","Heading":"Default heading","Description":"Default heading description","Icon":"Directory"},{"Id":"234","Heading":"Default heading","Description":"Default heading description","Icon":"Encrypt Chip"}],"Heading":"Other actions","Action":"ActionSelected"},"Content":[]}],"Configuration":{"Style":{"--section-border-color":"#ffffff","--section-border-width":"0.25px"}}}],"Configuration":{"Layout":{"Columns":"12"}}}],"Configuration":{"Style":{"--section-border-width":"0","--section-border-color":"#ffffff"},"Layout":{"Columns":["3","9"]}}}]}        }
      }
    }
  }