wallynm

<form class="form form--theme-xmas form--simple">
  <input class="form__input" type="text" />
  <input
    class="form__submit form__submit--disabled"
    type="submit" />
</form>

wallynm

.form { }
.form--theme-xmas { }
.form--simple { }
.form__input { }
.form__submit { }
.form__submit--disabled { }

wallynm

.form {
  border: 1px solid #CCC;
  background: #FFF;
}
.xmas {
  composes: form;
  background: red;
}
.simple {
  composes: form;

wallynm

import React, { Component } from 'react'
import styles from 'form-module.css'

class Form extends Component {
  render() {
    return <form className={styles.form} />
  }
}

wallynm

{
  loader: 'css-loader',
  options: {
    importLoaders: 1,
    camelCase: 'only',
    modules: true,
    localIdentName: '[name]__[local]--[hash:base64:5]'
  }
}

wallynm

{
  'form': 'form-form-sxh2b',
  'xmas': 'form-xmas-hjwx9',
  'simple': 'form-simple-l2ye4'
}

wallynm

LoadPaymentMethod(function(Checkout, Methods) { 
  var method = this
  var PagseguroDebit = new Methods.Transparent.DebitPayment({
    name: 'Pagseguro',
    scripts: 'https://stc.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js',
    onSubmit: function(formData) {
      console.info('Submitted Debit Pagseguro: ', formData)
    },

    onScriptLoad: function() {

wallynm

(function(){ var widget_id = 'Fq0bBYQJDQ';var d=document;var w=window;function l(){
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true;
s.src = '//code.jivosite.com/script/widget/'+widget_id
  ; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}
if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}
else{w.addEventListener('load',l,false);}}})();

wallynm

[email protected]
[email protected]
[email protected]
[email protected]
[email protected]