{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/donation-campaign-section",
  "version": "1.0.0",
  "title": "Donation Campaign Section",
  "category": "section-collection",
  "description": "Fundraising section with a goal meter, preset amounts and a donate button linking to your page.",
  "keywords": [
    "donation",
    "fundraiser",
    "campaign",
    "charity",
    "crowdfunding",
    "goal",
    "section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "themeStyle": {
      "type": "object",
      "default": {
        "theme": "style-1"
      }
    },
    "sectionTag": {
      "type": "string",
      "default": "section"
    },
    "ariaLabel": {
      "type": "string",
      "default": "Donation campaign"
    },
    "content": {
      "type": "object",
      "default": {
        "eyebrow": "SUPPORT OUR CAUSE",
        "heading": "Help us reach our goal",
        "description": "Every contribution goes directly to the project and brings us one step closer.",
        "currency": "$",
        "currencyPosition": "before",
        "raised": 18500,
        "goal": 25000,
        "donors": 312,
        "daysLeft": 21,
        "raisedLabel": "RAISED",
        "goalLabel": "GOAL",
        "donorsLabel": "DONORS",
        "daysLabel": "DAYS LEFT",
        "percentLabel": "FUNDED",
        "goalReachedText": "Goal reached - thank you!",
        "amountsLabel": "Choose an amount",
        "onceLabel": "One-time",
        "monthlyLabel": "Monthly",
        "customPlaceholder": "Other amount",
        "customLabel": "Custom amount",
        "buttonText": "Donate now",
        "donateUrl": "#",
        "newTab": false,
        "urlTemplate": "{url}?amount={amount}&frequency={frequency}",
        "secondaryText": "Other ways to give",
        "secondaryUrl": "#",
        "finePrint": "You will be taken to our secure donation page to finish.",
        "supportersTitle": "Recent supporters",
        "image": {
          "id": null,
          "url": "",
          "alt": "",
          "title": ""
        }
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "isEyebrow": true,
        "isHeading": true,
        "isDescription": true,
        "isImage": true,
        "isMeter": true,
        "isStats": true,
        "isDonors": true,
        "isDaysLeft": true,
        "isPercent": true,
        "isAmounts": true,
        "isCustomAmount": true,
        "isFrequencyToggle": true,
        "isSupporters": false,
        "isSecondaryButton": false,
        "isFinePrint": true
      }
    },
    "amounts": {
      "type": "array",
      "default": [
        {
          "id": "a1",
          "value": 10,
          "popular": false
        },
        {
          "id": "a2",
          "value": 25,
          "popular": false
        },
        {
          "id": "a3",
          "value": 50,
          "popular": true
        },
        {
          "id": "a4",
          "value": 100,
          "popular": false
        }
      ]
    },
    "supporters": {
      "type": "array",
      "default": [
        {
          "id": "s1",
          "name": "Maria L.",
          "amount": 50,
          "time": "2 hours ago"
        },
        {
          "id": "s2",
          "name": "Anonymous",
          "amount": 25,
          "time": "5 hours ago"
        },
        {
          "id": "s3",
          "name": "Daniel K.",
          "amount": 100,
          "time": "Yesterday"
        }
      ]
    },
    "meter": {
      "type": "object",
      "default": {
        "type": "bar",
        "animate": true
      }
    },
    "contentMaxWidth": {
      "type": "object",
      "default": {
        "desktop": "1100px",
        "tablet": "100%",
        "mobile": "100%"
      }
    },
    "alignment": {
      "type": "object",
      "default": {
        "desktop": "left",
        "tablet": "left",
        "mobile": "left"
      }
    },
    "sectionMargin": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "0px",
          "right": "0px",
          "bottom": "0px",
          "left": "0px"
        },
        "tablet": {
          "top": "0px",
          "right": "0px",
          "bottom": "0px",
          "left": "0px"
        },
        "mobile": {
          "top": "0px",
          "right": "0px",
          "bottom": "0px",
          "left": "0px"
        }
      }
    },
    "sectionPadding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "88px",
          "right": "32px",
          "bottom": "88px",
          "left": "32px"
        },
        "tablet": {
          "top": "64px",
          "right": "24px",
          "bottom": "64px",
          "left": "24px"
        },
        "mobile": {
          "top": "48px",
          "right": "20px",
          "bottom": "48px",
          "left": "20px"
        }
      }
    },
    "sectionRadius": {
      "type": "number",
      "default": 0
    },
    "sectionShadow": {
      "type": "array",
      "default": []
    },
    "background": {
      "type": "object",
      "default": {
        "type": "solid",
        "color": "#f6f8f7",
        "gradient": "linear-gradient(135deg, #ecfdf5 0%, #f0f9ff 100%)",
        "overlayColor": "rgba(0,0,0,0)",
        "image": {
          "url": ""
        },
        "position": "center center",
        "repeat": "no-repeat",
        "size": "cover"
      }
    },
    "cardStyle": {
      "type": "object",
      "default": {
        "bg": "#ffffff",
        "borderColor": "#e5e7eb",
        "radius": 24,
        "shadow": []
      }
    },
    "cardPadding": {
      "type": "object",
      "default": {
        "desktop": {
          "top": "40px",
          "right": "40px",
          "bottom": "40px",
          "left": "40px"
        },
        "tablet": {
          "top": "32px",
          "right": "28px",
          "bottom": "32px",
          "left": "28px"
        },
        "mobile": {
          "top": "24px",
          "right": "20px",
          "bottom": "24px",
          "left": "20px"
        }
      }
    },
    "eyebrowStyle": {
      "type": "object",
      "default": {
        "color": "#059669",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 12
          },
          "lineHeight": "1.4",
          "textTransform": "none",
          "letterSpace": "0.08em"
        }
      }
    },
    "headingStyle": {
      "type": "object",
      "default": {
        "color": "#0f172a",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 40,
            "tablet": 34,
            "mobile": 28
          },
          "lineHeight": "1.2",
          "textTransform": "none"
        }
      }
    },
    "descriptionStyle": {
      "type": "object",
      "default": {
        "color": "#475569",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 17,
            "tablet": 16,
            "mobile": 16
          },
          "lineHeight": "1.6",
          "textTransform": "none"
        }
      }
    },
    "raisedStyle": {
      "type": "object",
      "default": {
        "color": "#059669",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 800,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 44,
            "tablet": 40,
            "mobile": 34
          },
          "lineHeight": "1.1",
          "textTransform": "none"
        }
      }
    },
    "statsStyle": {
      "type": "object",
      "default": {
        "valueColor": "#0f172a",
        "labelColor": "#64748b",
        "dividerColor": "#e5e7eb",
        "valueTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 22,
            "tablet": 20,
            "mobile": 20
          },
          "lineHeight": "1.2",
          "textTransform": "none"
        },
        "labelTypo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 12,
            "tablet": 12,
            "mobile": 11
          },
          "lineHeight": "1.3",
          "textTransform": "none",
          "letterSpace": "0.06em"
        }
      }
    },
    "meterStyle": {
      "type": "object",
      "default": {
        "fill": "#059669",
        "fillEnd": "#34d399",
        "track": "#e2e8f0",
        "height": "14px",
        "ringSize": "200px",
        "ringThickness": 10,
        "textColor": "#475569"
      }
    },
    "chipStyle": {
      "type": "object",
      "default": {
        "bg": "#ffffff",
        "color": "#0f172a",
        "borderColor": "#d1d5db",
        "activeBg": "#ecfdf5",
        "activeColor": "#047857",
        "activeBorderColor": "#059669",
        "popularBg": "#059669",
        "popularColor": "#ffffff",
        "radius": 12,
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 17,
            "tablet": 16,
            "mobile": 16
          },
          "lineHeight": "1.2",
          "textTransform": "none"
        }
      }
    },
    "toggleStyle": {
      "type": "object",
      "default": {
        "bg": "#f1f5f9",
        "color": "#475569",
        "activeBg": "#059669",
        "activeColor": "#ffffff",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 14,
            "tablet": 14,
            "mobile": 14
          },
          "lineHeight": "1.2",
          "textTransform": "none"
        }
      }
    },
    "inputStyle": {
      "type": "object",
      "default": {
        "bg": "#ffffff",
        "color": "#0f172a",
        "placeholderColor": "#94a3b8",
        "borderColor": "#d1d5db",
        "focusColor": "#059669",
        "radius": 12,
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 500,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 16,
            "tablet": 16,
            "mobile": 16
          },
          "lineHeight": "1.2",
          "textTransform": "none"
        }
      }
    },
    "buttonStyle": {
      "type": "object",
      "default": {
        "bg": "#059669",
        "color": "#ffffff",
        "hoverBg": "#047857",
        "hoverColor": "#ffffff",
        "radius": 12,
        "height": "54px",
        "padding": {
          "desktop": {
            "top": "0px",
            "right": "32px",
            "bottom": "0px",
            "left": "32px"
          },
          "tablet": {
            "top": "0px",
            "right": "28px",
            "bottom": "0px",
            "left": "28px"
          },
          "mobile": {
            "top": "0px",
            "right": "24px",
            "bottom": "0px",
            "left": "24px"
          }
        },
        "shadow": [],
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 17,
            "tablet": 16,
            "mobile": 16
          },
          "lineHeight": "1.2",
          "textTransform": "none"
        }
      }
    },
    "secondaryStyle": {
      "type": "object",
      "default": {
        "color": "#047857",
        "borderColor": "#a7f3d0",
        "hoverBg": "#ecfdf5",
        "radius": 12,
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 15,
            "mobile": 15
          },
          "lineHeight": "1.2",
          "textTransform": "none"
        }
      }
    },
    "supporterStyle": {
      "type": "object",
      "default": {
        "nameColor": "#0f172a",
        "metaColor": "#64748b",
        "dividerColor": "#e5e7eb",
        "titleColor": "#0f172a",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 500,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 15,
            "tablet": 15,
            "mobile": 15
          },
          "lineHeight": "1.4",
          "textTransform": "none"
        }
      }
    },
    "finePrintStyle": {
      "type": "object",
      "default": {
        "color": "#64748b",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 13
          },
          "lineHeight": "1.5",
          "textTransform": "none"
        }
      }
    },
    "imageStyle": {
      "type": "object",
      "default": {
        "radius": 24,
        "minHeight": "420px"
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}