       @setState { hasSuccessModal: yes }
 
 
-  onModalClose: -> @setState { hasSuccessModal: no }
+  onSuccessModalClose: -> @setState { hasSuccessModal: no }
+
+
+  onRemoveBegin: ->
+    @setState { hasRemoveModal: yes }
+
+
+  onRemoveCancel: ->
+    @setState { hasRemoveModal: no }
+
+
+  onRemoveSuccess: ->
+    @setState { hasRemoveModal: no }
+    @props.onRemoveCard()
 
 
   onInviteMembers: ->

      when operation is 'update' then 'UPDATE'

    secondaryButtonProps = switch
      when isDirty then { onClick: onResetForm, title: 'RESET FORM' }
      when hasCard then { onClick: onRemoveCard, title: 'REMOVE CARD' }
      else null

    <DashboardSection title='Payment Information'>


      <SubscriptionSuccessModal
        isOpen={hasSuccessModal}
        onCancel={=> @onSuccessModalClose()}
        onInviteMembersClick={=> @onInviteMembers()} />

      <CardRemoveConfirmModal
        isOpen={hasRemoveModal}
        onCancel={=> @onRemoveCancel()}
        onRemove={=> @onRemoveSuccess()} />

      <CreateCreditCardForm loading={loading} ref={(f) => @_form = f} />

