{
  version: 3,
  file: "component---gatsby-theme-husky-src-templates-contact-contact-tsx-988dcdcdfeed19a59815.js",
  mappings: "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",
  sources: [
  "webpack://husky-site/../gatsby-theme-husky/src/components/TagEventTracker/TagEventTracker.tsx",
  "webpack://husky-site/../gatsby-theme-husky/src/templates/Contact/Contact.tsx",
  "webpack://husky-site/../gatsby-theme-husky/src/utils/functions.ts"
  ],
  sourcesContent: [
  "import React, { FC, useEffect } from 'react';
  
  import { EventDataProps, TagEventTrackerProps } from './models';
  
  const TagEventTracker: FC<TagEventTrackerProps> = ({
    children,
    eventType,
    data: { value, userId, itemListId, itemListName, currency, ecommerce, pageTemplate },
  }) => {
    useEffect(() => {
      if (typeof window !== undefined) {
        switch (eventType) {
          case 'view_item':
            window.dataLayer.push({
              event: eventType,
              userId,
              currency,
              value,
              ecommerce,
            });
            break;
          case 'view_item_list':
            window.dataLayer.push({
              event: eventType,
              userId,
              itemListId,
              itemListName,
              ecommerce,
            });
            break;
          case 'page_view':
            window.dataLayer.push({
              pageTemplate,
              userId,
            });
            break;
  
          default:
            console.error('No dataLayer event found');
            break;
        }
      }
    }, [ecommerce, value, eventType, currency, itemListId, itemListName, pageTemplate, userId]);
  
    return <>{children}</>;
  };
  
  const handleDataLayerClick = (
    { retailerName, userId, ecommerce }: EventDataProps,
    eventType: string,
    url?: string
  ) => {
    window.dataLayer.push({
      event: eventType,
      retailerName,
      userId,
      ecommerce,
    });
    if (eventType === 'retailer_link_click') {
      window.open(url, '_blank');
    }
  };
  export { handleDataLayerClick, TagEventTracker };
  ",
  "import React, { FC } from 'react';
  import { graphql } from 'gatsby';
  import { useLocation } from '@reach/router';
  
  import DangerouslySetInnerHtml from 'layout/DangerouslySetInnerHtml';
  import Layout from 'layout/Layout';
  import Image from 'common/Image';
  import PageSchema from 'common/PageSchema';
  import Seo from 'common/Seo';
  import { TagEventTracker } from 'components/TagEventTracker';
  
  import { nl2br } from '../../utils/functions';
  import { ContactProps } from './models';
  
  import './Contact.scss';
  
  const Contact: FC<{ data: ContactProps }> = ({
    data: {
      contact: {
        urls,
        seo,
        title,
        description,
        imageDesktop,
        imageMobile,
        imageLetter,
        subtitle,
        contact,
        headband,
      },
    },
  }) => {
    const { title: seoTitle, keywords: seoKeywords, description: seoDescription } = seo;
    const location = useLocation();
  
    return (
      <Layout headerTransparent {...{ headband }}>
        <Seo {...{ urls, seo }} />
        <PageSchema
          type="WebPage"
          name={seoTitle}
          data={{
            metaTitle: seoTitle,
            metaDescription: seoDescription,
            metaKeywords: seoKeywords,
          }}
        />
        <TagEventTracker eventType="page_view" data={{ pageTemplate: location.pathname }}>
          <div className="contact">
            <div className="contact__banner">
              <Image imageData={imageDesktop} alt="" className="d-none d-md-block" />
              <Image imageData={imageMobile} alt="" className="d-block d-md-none" />
              <div className="contact__banner-text">
                <div className="container-fluid">
                  <div className="row">
                    <div className="col text-center text-md-start">
                      <h2 className="mb-0 mb-4">{title}</h2>
                      <DangerouslySetInnerHtml
                        html={nl2br(description)}
                        element="p"
                        className="ms-0 ms-4"
                      />
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div className="contact__subtitle text-center pt-5">
              <DangerouslySetInnerHtml html={nl2br(subtitle)} element="h4" />
            </div>
            <div className="contact__letter text-center">
              <Image imageData={imageLetter} alt={imageLetter.altText} />
              <div className="contact__letter-text">
                <DangerouslySetInnerHtml html={contact} element="div" />
              </div>
            </div>
          </div>
        </TagEventTracker>
      </Layout>
    );
  };
  
  export const query = graphql`
    query ($url: String) {
      contact(url: { eq: $url }) {
        urls {
          lang
          href
        }
        headband {
          cta {
            url
            name
          }
          imageDesktop {
            name
            childImageSharp {
              gatsbyImageData
            }
          }
          imageMobile {
            name
            childImageSharp {
              gatsbyImageData
            }
          }
        }
        seo {
          ...SEOStructureFragment
        }
        title
        description
        imageDesktop {
          altText
          fallbackUrl
          desktop {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 1920)
            }
          }
          mobile {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 1920)
            }
          }
          tablet {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 1920)
            }
          }
        }
        imageMobile {
          altText
          fallbackUrl
          desktop {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 700)
            }
          }
          mobile {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 700)
            }
          }
          tablet {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 700)
            }
          }
        }
        imageLetter {
          altText
          fallbackUrl
          desktop {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 785)
            }
          }
          mobile {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 785)
            }
          }
          tablet {
            childImageSharp {
              gatsbyImageData(placeholder: BLURRED, width: 785)
            }
          }
        }
        subtitle
        contact
      }
    }
  `;
  
  export default Contact;
  ",
  "export const isEmpty = (obj): boolean => {
    if (obj === undefined || obj === null) {
      return true;
    }
    if (Array.isArray(obj)) {
      return !obj.length;
    }
    if (typeof obj === 'object') {
      return !Object.keys(obj).length;
    }
  
    return !obj;
  };
  
  export const getYoutubeId = (value) => {
    const SRC_REGEX = /src="(.*?)"/im;
  
    const url = SRC_REGEX.test(value) ? value.match(SRC_REGEX)[1] : value;
  
    const { searchParams, pathname } = new URL(url);
  
    return searchParams.get('v') || pathname.replace('/embed', '').replace('/', '');
  };
  
  export const nl2br = (str: string = '', isXhtml: boolean = false): string => {
    if (typeof str === 'undefined' || str === null) {
      return '';
    }
    const breakTag = isXhtml || typeof isXhtml === 'undefined' ? '<br />' : '<br>';
  
    return `${str}`.replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, `$1${breakTag}$2`);
  };
  
  export const filterByTagId = (items, tid: string, limit: number = 0) => {
    let filtered;
    if (tid === '') {
      filtered = items;
    } else {
      filtered = items.filter((item) => item.tags.id === tid);
    }
  
    return limit === 0 ? filtered : filtered.slice(0, limit);
  };
  
  export default isEmpty;
  "
  ],
  names: [
  "TagEventTracker",
  "children",
  "eventType",
  "data",
  "value",
  "userId",
  "itemListId",
  "itemListName",
  "currency",
  "ecommerce",
  "pageTemplate",
  "useEffect",
  "undefined",
  "window",
  "dataLayer",
  "push",
  "event",
  "console",
  "error",
  "handleDataLayerClick",
  "url",
  "retailerName",
  "open",
  "contact",
  "urls",
  "seo",
  "title",
  "description",
  "imageDesktop",
  "imageMobile",
  "imageLetter",
  "subtitle",
  "headband",
  "seoTitle",
  "seoKeywords",
  "keywords",
  "seoDescription",
  "location",
  "useLocation",
  "headerTransparent",
  "type",
  "name",
  "metaTitle",
  "metaDescription",
  "metaKeywords",
  "pathname",
  "className",
  "imageData",
  "alt",
  "html",
  "nl2br",
  "element",
  "altText",
  "getYoutubeId",
  "SRC_REGEX",
  "test",
  "match",
  "URL",
  "searchParams",
  "get",
  "replace",
  "str",
  "isXhtml",
  "filterByTagId",
  "items",
  "tid",
  "limit",
  "filtered",
  "filter",
  "item",
  "tags",
  "id",
  "slice"
  ],
  sourceRoot: ""
  }