store product detail add to cart button after added callback.html

<!--

  begin store product detail add to cart button after added callback
  
  License         : < https://tinyurl.com/s872fb68 >
  
  Version         : 0.1.2
  
  SS Versions     : 7.1, 7.0
  
  v7.1
  Fluid
  Engine
  Compatible      : Not Applicable
  
  Dependencies    : twcsl
  
  Note            : the code is comprised of two script tags. both are needed
                    for the full effect to work
                    
                    this is a base effect meant as a base for other effects.
                    this code alone shouldn't produce any visible change
  
                    this code depends on languages. only a few languages are
                    currently supported. the code attempts to find the site
                    language based on the site settings. if the code doesn't
                    have a language for the language your site is set to
                    then the code won't work properly. if you need a
                    language not supported by the code add a post to the
                    SS forum thread for this code < https://bit.ly/3IaXy4M >
                    and make a request. no promises that i can add languages
                    but it doesn't hurt to ask. i need to know the language set
                    in site settings. please see Language and region settings
                    < https://bit.ly/3n2THgB >
  
  By              : Thomas Creedon < http://www.tomsWeb.consulting/ >
  
  -->
  
  <script>
  
    if ( window.twc == undefined ) window.twc = { };
    
    twc.spdatcbaac = {
    
      /*
      
        callback is a custom function that is called after the atc button
        indicates the product has been added to the cart. replace undefined with
        the name of your custom function.
        
        your callback must accept a jQuery object which will be the atcb element
        that was clicked
        
        */
        
      callback : undefined
      
      };
      
    </script>
    
  <!-- do not change anything below, there be the borg here -->
  
  <script>
  
    ( ( ) => {
    
      const spdatcbaac = ( ) => {
      
        if ( ! twcsl.page.store.detail.is ) return; // bail if not detail
        
        // bail if no mutation observer available
        
        if ( ! ( 'MutationObserver' in window ) ) return;
        
        const options = twc.spdatcbaac;
        
        if ( options.callback == undefined ) return; // bail if no callback
        
        const debugFlag = false;
        
        const getLanguage = language => {
        
          language = languages [ language ];
          
          if ( typeof language == 'string' )
          
            language = languagesRoot [ language ];
            
          return language;
          
          };
          
        const lang = $( 'html' ).attr ( 'lang' );
        
        if ( debugFlag )
        
          console.log ( lang );
          
        const langLanguageMap = {
        
          'de-DE' : 'German (Germany)',
          
          'en-AU' : 'English (Australia)',
          
          'en-CA' : 'English (Canada)',
          
          'en-IN' : 'English (India)',
          
          'en-IE' : 'English (Ireland)',
          
          'en-NZ' : 'English (New Zealand)',
          
          'en-ZA' : 'English (South Africa)',
          
          'en-GB' : 'English (United Kingdom)',
          
          'en-US' : 'English (United States)',
          
          'fr-CA' : 'French (Canada)',
          
          'fr-FR' : 'French (France)',
          
          };
          
        const languages = {
        
          'English (Australia)' : 'English',
          
          'English (Canada)' : 'English',
          
          'English (India)' : 'English',
          
          'English (Ireland)' : 'English',
          
          'English (New Zealand)' : 'English',
          
          'English (South Africa)' : 'English',
          
          'English (United Kingdom)' : 'English',
          
          'English (United States)' : 'English',
          
          'French (Canada)' : 'French',
          
          'French (France)' : 'French',
          
          'German (Germany)' : {
          
            added : 'Hinzugefügt!',
            
            },
            
          };
          
        const languagesRoot = {
        
          'English' : {
          
            added : 'Added!',
            
            },
            
          'French' : {
          
            added : 'Ajout effectué&nbsp;!',
            
            },
            
          };
          
        const observer = new MutationObserver ( function ( mutations ) {
        
          $.each ( mutations, function ( ) {
          
            if ( ! this.addedNodes.length ) return;
            
            let $element = $( this.addedNodes [ 0 ] );
            
            const b = $element.hasClass ( 'status-text' );
            
            if ( ! b ) return true; // continue if no status text
            
            const addedLanguage = siteLanguage.added;
            
            const html = $element.html ( );
            
            if ( debugFlag )
            
              console.log ( html );
              
            if ( html != addedLanguage ) return; // bail if status text not added
            
            $element = $element
            
              .parents ( '.sqs-add-to-cart-button-wrapper' );
              
            options.callback ( $element );
            
            } );
            
          } );
          
        let siteLanguage = langLanguageMap [ lang ];
        
        siteLanguage = getLanguage ( siteLanguage );
        
        // begin listening for changes in specified elements
        
          const selectorPrefixSuffix = '.sqs-add-to-cart-button-inner';
          
          const selector = [
          
            '.ProductItem-details', // simple
            
            // full, half, wrap
            
            '.pdp-layout .pdp-details'
            
            ]
            
            .join ( ` ${ selectorPrefixSuffix }, ` )
            
            +
            
            ` ${ selectorPrefixSuffix }`;
            
          $( selector ).each ( function ( ) {
          
            observer.observe ( this, {
            
              childList : true
              
              } );
              
            } );
            
          // end listening for changes in specified elements
          
        };
        
      switch ( true ) {
      
        case twcsl.ss.is71 :
        
          $( spdatcbaac );
          
          break;
          
        case twcsl.ss.is70 :
        
          Squarespace.onInitialize ( Y, spdatcbaac );
          
          break;
          
        }
        
      } ) ( );
      
    </script>
    
  <!-- end store product detail add to cart button after added callback -->