{
  "_comment": "!!! THIS IS AN AUTOMATICALLY GENERATED FILE - DO NOT EDIT !!!",
  "name": "divi/woocommerce-checkout-payment-info",
  "d4Shortcode": "et_pb_wc_checkout_payment_info",
  "moduleClassName": "et_pb_wc_checkout_payment_info",
  "moduleOrderClassName": "et_pb_wc_checkout_payment_info",
  "title": "Woo Checkout Payment",
  "titles": "Woo Checkout Payment",
  "moduleIcon": "divi/woo-checkout-payment",
  "folder": "woo-modules",
  "category": "module",
  "videos": [
    {
      "id": "7X03vBPYJ1o",
      "name": "Divi WooCommerce Modules"
    },
    {
      "id": "1iqjhnHVA9Y",
      "name": "Design Settings and Advanced Module Settings"
    },
    {
      "id": "boNZZ0MYU0E",
      "name": "Saving and loading from the library"
    }
  ],
  "attributes": {
    "module": {
      "type": "object",
      "selector": "{{selector}}",
      "settings": {
        "advanced": {
          "text": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designText",
              "priority": 10,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/text",
                "props": {
                  "grouped": false,
                  "fields": {
                    "textShadowGroup": {
                      "render": true
                    },
                    "color": {
                      "render": false
                    },
                    "orientation": {
                      "render": true
                    }
                  }
                }
              }
            }
          },
          "warning": {
            "groupType": "group-item",
            "item": {
              "priority": 1,
              "groupSlug": "contentGeneral",
              "attrName": "",
              "label": "",
              "render": true,
              "features": {
                "responsive": false,
                "sticky": false,
                "hover": false,
                "preset": "content"
              },
              "component": {
                "name": "divi/warning",
                "type": "field"
              }
            }
          },
          "loop": {}
        },
        "decoration": {
          "animation": {},
          "attributes": {},
          "background": {},
          "border": {},
          "boxShadow": {},
          "conditions": {},
          "disabledOn": {},
          "filters": {},
          "interactions": {},
          "order": {},
          "overflow": {},
          "position": {},
          "scroll": {},
          "sizing": {},
          "spacing": {},
          "sticky": {},
          "transform": {},
          "transition": {},
          "zIndex": {}
        },
        "meta": {
          "adminLabel": {}
        }
      },
      "styleProps": {
        "border": {
          "selector": "{{selector}}"
        },
        "background": {
          "selector": "{{selector}}.et_pb_wc_checkout_payment_info"
        },
        "spacing": {
          "selector": "{{selector}}",
          "important": true
        }
      }
    },
    "content": {
      "type": "object",
      "settings": {
        "decoration": {
          "bodyFont": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designBodyText",
              "priority": 10,
              "render": true,
              "component": {
                "name": "divi/font-body",
                "type": "group",
                "props": {
                  "grouped": false,
                  "groups": {
                    "body": {
                      "render": true,
                      "fieldLabel": "Body"
                    },
                    "link": {
                      "render": true
                    },
                    "ul": {
                      "render": false
                    },
                    "ol": {
                      "render": false
                    },
                    "quote": {
                      "render": false
                    }
                  }
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "bodyFont": {
          "selector": "{{selector}} .woocommerce-privacy-policy-text, {{selector}} .wc_payment_method a, {{selector}} .woocommerce-order p, {{selector}} .woocommerce-order .woocommerce-order-overview",
          "important": {
            "body": {
              "font": {
                "desktop": {
                  "value": {
                    "font-size": true,
                    "line-height": true
                  }
                }
              }
            },
            "link": true
          }
        }
      }
    },
    "button": {
      "type": "object",
      "elementType": "button",
      "settings": {
        "decoration": {
          "button": {
            "groupType": "group-items",
            "items": {
              "button": {
                "groupSlug": "designButton",
                "priority": 10,
                "render": true,
                "component": {
                  "type": "group",
                  "name": "divi/button",
                  "props": {
                    "grouped": false,
                    "fieldLabel": "Button",
                    "attrName": "button",
                    "fields": {
                      "alignment": {
                        "render": false
                      },
                      "backgroundGroup": {
                        "component": {
                          "props": {
                            "hidePanels": [
                              "mask",
                              "pattern",
                              "video"
                            ]
                          }
                        }
                      },
                      "buttonIconGroup": {
                        "component": {
                          "props": {
                            "fields": {
                              "placement": {
                                "features": {
                                  "hover": false
                                }
                              },
                              "onHover": {
                                "features": {
                                  "hover": false
                                }
                              }
                            }
                          }
                        }
                      },
                      "fontGroup": {
                        "component": {
                          "props": {
                            "fields": {
                              "lineHeight": {
                                "render": false
                              },
                              "textAlign": {
                                "render": false
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "selector": "body #page-container {{selector}} #payment #place_order",
        "border": {
          "selector": "{{selector}} #payment #place_order",
          "important": {
            "desktop": {
              "value": {
                "border-width": true
              }
            }
          }
        },
        "boxShadow": {
          "selector": "{{selector}} #payment #place_order"
        },
        "font": {
          "selector": "{{selector}} #payment #place_order",
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true,
                  "font-size": true,
                  "font-family": true,
                  "font-weight": true,
                  "font-style": true
                }
              }
            }
          }
        },
        "spacing": {
          "important": true,
          "selector": "{{selector}} #payment #place_order"
        }
      }
    },
    "formNotice": {
      "type": "object",
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designFormNotice",
              "attrName": "formNotice.decoration.background",
              "subName": "color",
              "label": "Form Notice Background Color",
              "description": "Pick a color to fill the module's notice.",
              "priority": 10,
              "render": true,
              "features": {
                "dynamicContent": {
                  "type": "color"
                },
                "responsive": true
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designFormNotice",
              "attrName": "formNotice.decoration.spacing",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Form Notice",
                  "groupLabel": "Form Notice Spacing"
                }
              }
            }
          },
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designFormNotice",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Form Notice",
                  "groupLabel": "Form Notice Text"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designFormNotice",
              "attrName": "formNotice.decoration.border",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Form Notice",
                  "groupLabel": "Form Notice Border"
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designFormNotice",
              "attrName": "formNotice.decoration.boxShadow",
              "priority": 50,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/box-shadow",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Form Notice",
                  "groupLabel": "Form Notice Box Shadow"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "background": {
          "selector": "{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info"
        },
        "spacing": {
          "selector": "{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info",
          "important": {
            "desktop": {
              "value": {
                "padding": true
              }
            }
          }
        },
        "border": {
          "selector": "{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info",
          "important": true,
          "propertySelectors": {
            "desktop": {
              "value": {
                "border-radius": "{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info",
                "border-style": "{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info"
              }
            }
          }
        },
        "boxShadow": {
          "important": true,
          "selector": "{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info"
        },
        "font": {
          "selector": "{{selector}} #payment ul.payment_methods li.woocommerce-info, {{selector}} #payment ul.payment_methods div.woocommerce-info",
          "propertySelectors": {
            "font": {
              "desktop": {
                "value": {
                  "text-align": "{{selector}}.et_pb_wc_checkout_payment_info #payment ul.payment_methods li.woocommerce-info, {{selector}}.et_pb_wc_checkout_payment_info #payment ul.payment_methods div.woocommerce-info"
                }
              }
            }
          },
          "important": {
            "font": {
              "desktop": {
                "value": {
                  "color": true,
                  "font-size": true
                }
              }
            },
            "textShadow": {
              "desktop": {
                "value": {
                  "text-shadow": true
                }
              }
            }
          }
        }
      }
    },
    "radioButton": {
      "type": "object",
      "elementType": "field",
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designRadioButton",
              "attrName": "radioButton.decoration.background",
              "subName": "color",
              "label": "Radio Button Background Color",
              "description": "Pick a color to fill the module's radio buttons.",
              "priority": 10,
              "render": true,
              "features": {
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designRadioButton",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Radio Button",
                  "groupLabel": "Radio Button Spacing"
                }
              }
            }
          },
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designRadioButton",
              "priority": 25,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Radio Button",
                  "groupLabel": "Radio Button Text"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designRadioButton",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Radio Button",
                  "groupLabel": "Radio Button Border"
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designRadioButton",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/box-shadow",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Radio Button",
                  "groupLabel": "Radio Button Box Shadow"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "background": {
          "selector": "{{selector}} #payment .wc_payment_method"
        },
        "border": {
          "selector": "{{selector}} #payment .wc_payment_method",
          "propertySelectors": {
            "desktop": {
              "value": {
                "border-radius": "{{selector}} #payment .wc_payment_method",
                "border-style": "{{selector}} #payment .wc_payment_method"
              }
            }
          }
        },
        "boxShadow": {
          "selector": "{{selector}} #payment .wc_payment_method"
        },
        "font": {
          "selector": "{{selector}} #payment .wc_payment_method label",
          "propertySelectors": {
            "font": {
              "desktop": {
                "value": {
                  "text-align": "{{selector}} #payment ul.payment_methods li"
                }
              }
            }
          }
        },
        "spacing": {
          "selector": "{{selector}} #payment ul.payment_methods li"
        }
      }
    },
    "selectedRadioButton": {
      "type": "object",
      "elementType": "field",
      "settings": {
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSelectedRadioButton",
              "attrName": "selectedRadioButton.decoration.background",
              "subName": "color",
              "label": "Selected Radio Button Background Color",
              "description": "Pick a color to fill the module's selected radio button.",
              "priority": 10,
              "render": true,
              "features": {
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSelectedRadioButton",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Selected Radio Button",
                  "groupLabel": "Selected Radio Button Spacing"
                }
              }
            }
          },
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSelectedRadioButton",
              "priority": 25,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Selected Radio Button",
                  "groupLabel": "Selected Radio Button Text"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSelectedRadioButton",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Selected Radio Button",
                  "groupLabel": "Selected Radio Button Border"
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designSelectedRadioButton",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/box-shadow",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Selected Radio Button",
                  "groupLabel": "Selected Radio Button Box Shadow"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "background": {
          "selector": "{{selector}} #payment .wc_payment_method.et_pb_checked"
        },
        "border": {
          "selector": "{{selector}} #payment .wc_payment_method.et_pb_checked",
          "propertySelectors": {
            "desktop": {
              "value": {
                "border-radius": "{{selector}} #payment .wc_payment_method.et_pb_checked",
                "border-style": "{{selector}} #payment .wc_payment_method.et_pb_checked"
              }
            }
          }
        },
        "boxShadow": {
          "selector": "{{selector}} #payment .wc_payment_method.et_pb_checked"
        },
        "font": {
          "selector": "{{selector}} #payment .wc_payment_method.et_pb_checked label",
          "propertySelectors": {
            "font": {
              "desktop": {
                "value": {
                  "text-align": "{{selector}} #payment ul.payment_methods li.et_pb_checked"
                }
              }
            }
          }
        },
        "spacing": {
          "selector": "{{selector}} #payment ul.payment_methods li.et_pb_checked"
        }
      }
    },
    "tooltip": {
      "type": "object",
      "elementType": "field",
      "settings": {
        "advanced": {
          "focusUseBorder": {
            "groupType": "group-item",
            "item": {
              "priority": 80,
              "render": true,
              "groupSlug": "designTooltip",
              "attrName": "tooltip.advanced.focusUseBorder",
              "label": "Use Focus Borders",
              "description": "Enabling this option will add borders to tooltips when focused.",
              "component": {
                "type": "field",
                "name": "divi/toggle"
              }
            }
          },
          "focus": {
            "groupType": "group-items",
            "items": {
              "focusBorderGroup": {
                "render": true,
                "priority": 90,
                "groupSlug": "designTooltip",
                "component": {
                  "props": {
                    "grouped": true,
                    "groupLabel": "Tooltip Focus Borders",
                    "fieldLabel": "Tooltip Focus"
                  }
                }
              },
              "focusFont": {
                "render": false,
                "groupSlug": "designTooltip"
              },
              "focusBackgroundColor": {
                "render": false,
                "groupSlug": "designTooltip"
              }
            }
          }
        },
        "decoration": {
          "background": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "attrName": "tooltip.decoration.background",
              "subName": "color",
              "label": "Tooltip Background Color",
              "description": "Pick a color to fill the module's tooltip.",
              "priority": 10,
              "render": true,
              "features": {
                "dynamicContent": {
                  "type": "color"
                }
              },
              "component": {
                "type": "field",
                "name": "divi/color-picker"
              }
            }
          },
          "spacing": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "priority": 20,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/spacing",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Tooltip",
                  "groupLabel": "Tooltip Spacing"
                }
              }
            }
          },
          "font": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "priority": 25,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/font",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Tooltip",
                  "groupLabel": "Tooltip Text"
                }
              }
            }
          },
          "border": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "priority": 30,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/border",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Tooltip",
                  "groupLabel": "Tooltip Border"
                }
              }
            }
          },
          "boxShadow": {
            "groupType": "group-item",
            "item": {
              "groupSlug": "designTooltip",
              "priority": 40,
              "render": true,
              "component": {
                "type": "group",
                "name": "divi/box-shadow",
                "props": {
                  "grouped": true,
                  "fieldLabel": "Tooltip",
                  "groupLabel": "Tooltip Box Shadow"
                }
              }
            }
          }
        }
      },
      "styleProps": {
        "background": {
          "selector": "{{selector}} #payment div.payment_box"
        },
        "border": {
          "selector": "{{selector}} #payment div.payment_box",
          "propertySelectors": {
            "desktop": {
              "value": {
                "border-radius": "{{selector}} #payment div.payment_box",
                "border-style": "{{selector}} #payment div.payment_box"
              }
            }
          }
        },
        "boxShadow": {
          "selector": "{{selector}} #payment div.payment_box"
        },
        "font": {
          "selector": "{{selector}} .wc_payment_method p",
          "propertySelectors": {
            "font": {
              "desktop": {
                "value": {
                  "text-align": "{{selector}}.et_pb_wc_checkout_payment_info #payment ul.payment_methods li p"
                }
              }
            }
          }
        },
        "spacing": {
          "selector": "{{selector}} #payment div.payment_box"
        }
      }
    }
  },
  "customCssFields": {
    "fields": {
      "label": "Fields",
      "subName": "fields",
      "selectorSuffix": " #payment .input-radio"
    },
    "body": {
      "label": "Body",
      "subName": "body",
      "selectorSuffix": " .woocommerce-privacy-policy-text"
    },
    "bodyAnchor": {
      "label": "Body Link",
      "subName": "bodyAnchor",
      "selectorSuffix": " .woocommerce-privacy-policy-text a"
    },
    "button": {
      "label": "Button",
      "subName": "button",
      "selectorSuffix": " #payment #place_order"
    },
    "tooltip": {
      "label": "Tooltip",
      "subName": "tooltip",
      "selectorSuffix": " #payment div.payment_box"
    },
    "formNotice": {
      "label": "Form Notice",
      "subName": "formNotice",
      "selectorSuffix": " #payment ul.payment_methods li.woocommerce-info"
    }
  },
  "settings": {
    "content": "auto",
    "advanced": "auto",
    "groups": {
      "contentGeneral": {
        "panel": "content",
        "priority": 10,
        "groupName": "contentGeneral",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "General"
          }
        }
      },
      "designText": {
        "panel": "design",
        "priority": 10,
        "groupName": "designText",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Text",
            "clipboardCategory": "style"
          }
        }
      },
      "designBodyText": {
        "panel": "design",
        "priority": 15,
        "groupName": "designBodyText",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Body Text",
            "clipboardCategory": "style",
            "presetGroup": "divi/font-body"
          }
        }
      },
      "designRadioButton": {
        "panel": "design",
        "priority": 20,
        "groupName": "designRadioButton",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Radio Buttons"
          }
        }
      },
      "designSelectedRadioButton": {
        "panel": "design",
        "priority": 25,
        "groupName": "designSelectedRadioButton",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Selected Radio Button"
          }
        }
      },
      "designTooltip": {
        "panel": "design",
        "priority": 30,
        "groupName": "designTooltip",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Tooltip"
          }
        }
      },
      "designFormNotice": {
        "panel": "design",
        "priority": 35,
        "groupName": "designFormNotice",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "groupLabel": "Form Notice",
            "presetGroup": "divi/font"
          }
        }
      },
      "designButton": {
        "panel": "design",
        "priority": 40,
        "groupName": "designButton",
        "multiElements": true,
        "component": {
          "name": "divi/composite",
          "props": {
            "clipboardCategory": "style",
            "groupLabel": "Button",
            "presetGroup": "divi/button"
          }
        }
      }
    }
  }
}