{"version":3,"file":"static/chunks/pages/wedding-hashtag-sign-shop-fa025fda840cdef95c80.js","mappings":"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","sources":["webpack://_N_E/./src/components/SignShop/MoreSignsMenu.tsx","webpack://_N_E/./src/components/SignShop/NoHashtagWelcome.tsx","webpack://_N_E/./src/components/SignShop/Hashtag.tsx","webpack://_N_E/./src/pages/wedding-hashtag-sign-shop.tsx","webpack://_N_E/./src/utils.ts","webpack://_N_E/?b353","webpack://_N_E/./src/components/SignShop/SignShop.module.scss"],"sourcesContent":["import React from \"react\";\n\ntype Props = {\n    onClose: () => void;\n};\n\nconst MoreSignsMenu = (props: Props) => {\n    return (\n        <div className=\"more-signs-menu\" style={{display: \"flex\"}}>\n            <div className=\"no-num-box\">\n                <h2>Check out all the signs TacBoard has to offer:</h2>\n                <a href=\"wedding-sign-shop\" className=\"nav-tb-sign\">TacBoard Phone Number Signs</a>\n                <a href=\"wedding-hashtag-sign-shop\" className=\"nav-hash-sign\">Wedding Hashtag Signs</a>\n                <div className=\"close-menu\" onClick={props.onClose}>close</div>\n            </div>\n        </div>\n    );\n}\n\nexport default MoreSignsMenu;\n","import React, { useState } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./SignShop.module.scss\";\n\ntype Props = {\n    phone?: string;\n    display: boolean;\n    change: (string) => void;\n    close: () => void;\n}\n\nconst NoNumberWelcome: React.FC<Props> = (props: Props) => {\n    const [phone, setPhone] = useState(props.phone);\n\n    const letsGoClasses = classNames(\"btn\", \"lets-go\", {\n        [styles.hide]: false,\n        [styles.show]: true,\n    });\n\n    const onChange = (e: React.FormEvent<HTMLInputElement>) => {\n        setPhone(e.currentTarget.value);\n    };\n\n    const go = (e: React.FormEvent<HTMLInputElement>) => {\n        e.preventDefault();\n        props.change(phone);\n        props.close();\n    };\n\n    let style = {\n        opacity: 0,\n        display: \"none\",\n    };\n    if (props.display) {\n        style = {\n            opacity: 1,\n            display: \"flex\",\n        }\n    }\n\n\n    return (\n        <div className=\"no-number-welcome\" style={style}>\n            <div className=\"no-num-box\">\n                <h2>Please Enter Your Wedding Hashtag</h2>\n                <form id=\"enterGiveNumForm\" className=\"enter-change-num\">\n                    <input type=\"tel\" id=\"enterGiveNum\" placeholder=\"#MyWeddingHashtag\" onChange={onChange} />\n                    <input type=\"submit\" value=\"OK! Let's Go!\" id=\"okLetsGo\" className={letsGoClasses} onClick={go}/>\n                </form>\n                <div className=\"just-browsing\" onClick={props.close}>I'm just browsing</div>\n            </div>\n        </div>\n    );\n};\n\nexport default NoNumberWelcome;\n","import _ from \"lodash\";\nimport React, { useState, useEffect } from \"react\";\nimport { getCookie, getUrlParameter } from \"../../utils\";\nimport NoHashtagWelcome from \"./NoHashtagWelcome\";\nimport MoreSignsMenu from \"./MoreSignsMenu\";\n\ntype Props = {};\n\nvar cookiehash = getCookie(\"sshash\");\n\nvar placeHash = getUrlParameter('hash');\n\nif (placeHash !== \"\") {\n    document.cookie = \"sshash=\" + placeHash;\n};\n\nif (!placeHash) {\n    placeHash = cookiehash;\n};\n\nconst SignShop: React.FC<Props> = (props: Props) => {\n    let [hash, setHash] = useState(placeHash);\n    if (!hash) {\n        hash = \"#MyWeddingHashtag\";\n    }\n    if (!_.startsWith(hash, \"#\")) {\n        hash = \"#\" + hash;\n    }\n    const hashq = _.trimStart(hash, \"#\");\n\n    const [numberModal, setNumberModal] = useState(false);\n    const onClose = () => {\n        setNumberModal(false);\n        if (!hash) {\n            setHash(\"MyWeddingHashtag\");\n        }\n    }\n    const [more, setMore] = useState(false);\n    const onCloseMore = () => {\n        setMore(false);\n    };\n    const onOpenMore = () => {\n        setMore(true);\n    };\n\n    useEffect(() => {\n        function handler(e) {\n            const el = document.querySelector(\".sign-shop-buttons-container\");\n            if (!el) {\n                return;\n            }\n            if (window.scrollY > 500) {\n                el.classList.add(\"sign-nav-fixed\");\n            } else {\n                el.classList.remove(\"sign-nav-fixed\");\n            }\n        }\n\n        document.addEventListener(\"scroll\", handler);\n\n        return () => {\n            document.removeEventListener(\"scroll\", handler);\n        };\n    });\n\n    useEffect(() => {\n        if (localStorage.signhash) {\n            setHash(localStorage.signhash);\n            return;\n        }\n\n        setNumberModal(true);\n    }, []);\n\n    return (\n        <>\n        <div className=\"sign-shop-banner\">\n            <div className=\"ss-banner-box\">\n                <h1 className=\"lph1\">Sign Shop</h1>\n                <p>It’s super important that your guests know exactly where to send those <span className=\"green bold typew\">CANDID PICS</span> that they’ll snap on their hashs! The best way to make this happen is by placing creative signage and table cards all around your venue - at the entrance, on all of your guests’ tables, and at the bar. Create and download your <span className=\"pink bold type\">FREE SIGNS</span> now and also explore our variety of table card designs! </p>\n                <img src=\"https://tacboard.com/img/sign-shop-banner-pic-has.png\" className=\"sign-shop-banner-pic\"/>\n            </div>\n         </div> \n\t\t<div className=\"lp-container wed-sign-shop\" style={{margin: \"0 auto\"}}>\n        <section id=\"sign-shop-container\" className=\"content-section\">\n            <div className=\"welcome-overview full-inner-container\">\n                <h3>Free Signs for <span style={{fontSize: \"2.6rem\", fontFamily: \"Lobster\", color: \"#333\", fontStyle: \"italic\"}} id=\"forHash\" className=\"change-num-og\">{hash}</span></h3>\n                <div className=\"sign-shop-buttons-container\">\n                    <div className=\"change-hash\" onClick={() => setNumberModal(!numberModal)}>Insert Hashtag</div>\n                    <div className=\"more-signs\" onClick={onOpenMore}>☰   See More Signs</div>\n                </div>\n\n                <div className=\"sign-list\">\n                    <ul className=\"sign-list-container\">\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/share-the-love-1?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/share-the-love-01-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/share-the-love-2-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/share-the-love-02-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/share-the-love-3-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/share-the-love-03-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/capture-the-love-1-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/capture-the-love-01-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/capture-the-love-2-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/capture-the-love-02-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/capture-the-love-3-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/capture-the-love-03-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/capture-the-love-4-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/capture-the-love-04-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/capture-the-love-5-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/capture-the-love-05-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/capture-the-love-6-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/capture-the-love-06-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/see-it-snap-it-share-it-1-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/see-it-snap-it-share-it-01-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/see-it-snap-it-share-it-2-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/see-it-snap-it-share-it-02-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                        <li>\n                            <a className=\"open-sign\" href={\"/sign/see-it-snap-it-share-it-3-hash?hash=\"+hashq}>\n                                <div className=\"sign-image-container\">\n                                    <img src=\"/img/see-it-snap-it-share-it-03-hash.svg\" />\n                                    <div className=\"mini-number mn1\" style={{color: \"#000\",  fontSize: \"20px\", fontFamily: \"Oswald, sans-serif\"}}>{hash}</div>\n                                </div>\n                                <span>view larger &amp; download</span>\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n\n            </div>\n        </section>\n\n    </div>\n        <NoHashtagWelcome display={numberModal} change={setHash} close={onClose}/>\n        {more && <MoreSignsMenu onClose={onCloseMore} />}\n         </>\n    )\n}\n\nexport default SignShop;\n","import React from \"react\";\nimport Head from \"next/head\";\nimport Footer from \"../components/Footer\";\nimport Layout from \"../components/Layout\";\nimport Header from \"../components/Header\";\nimport HashtagSignShop from \"../components/SignShop/Hashtag\";\nimport VendorBar from \"../components/VendorBar\";\n\nexport default function IndexRoute() {\n  return (\n    <>\n        <Head>\n            <title>Hashtag Sign Shop - TacBoard</title>\n            <meta name=\"description\" content=\"Access tons of free wedding signs featuring your own hashtag at the TacBoard sign shop.\" />\n            <link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css?family=Aleo:200,300,400,700|Montserrat:300,400,500,700\" />\n                <link rel=\"canonical\" href=\"https://tacboard.com/wedding-sign-shop\" />\n        </Head>\n\n      <Layout classes={[\"signshopp layout\", \"public\"]}>\n        <Header />\n        <HashtagSignShop />\n        <VendorBar />\n        <Footer />\n      </Layout>\n    </>\n  );\n};\n","\nexport const ifBrowser = (fn: () => void): boolean => {\n    if (typeof window !== \"undefined\") {\n        fn();\n        return true;\n    }\n    return false;\n}\n\nexport function getCookie(cname: string): string {\n    if (typeof window === \"undefined\") {\n        return \"\";\n    }\n    var name = cname + \"=\";\n    var decodedCookie = decodeURIComponent(document.cookie);\n    var ca = decodedCookie.split(';');\n    for (var i = 0; i < ca.length; i++) {\n        var c = ca[i];\n        while (c.charAt(0) == ' ') {\n            c = c.substring(1);\n        }\n        if (c.indexOf(name) == 0) {\n            return c.substring(name.length, c.length);\n        }\n    }\n    return \"\";\n};\n\nexport function getUrlParameter(name: string): string {\n    if (typeof window === \"undefined\") {\n        return \"\";\n    }\n    name = name.replace(/[\\[]/, '\\\\[').replace(/[\\]]/, '\\\\]');\n    var regex = new RegExp('[\\\\?&]' + name + '=([^&#]*)');\n    var results = regex.exec(location.search);\n    return results === null ? '' : decodeURIComponent(results[1].replace(/\\+/g, ' '));\n};\n\nexport function formatPhoneNumber(s: string): string {\n    var s2 = (\"\" + s).replace(/\\D/g, '');\n    var m = s2.match(/^(\\d{3})(\\d{3})(\\d{4})$/);\n    return (!m) ? null : \" \" + m[1] + \"-\" + m[2] + \"-\" + m[3];\n}\n\n// keeps all the text of the element on one line\nexport const fit = (ref: any) => {\n    if (!ref || !ref.current) {\n        return;\n    }\n    const node = ref.current;\n  fitText(node)\n  window.addEventListener('resize', function() {\n    fitText(node)\n  })\n}\n\nconst fitText = (node: any) => {\n  if (!node) return\n\n  // hide the element while we find the right size\n  node.style.visibility = 'hidden'\n  // remove element styles set by last fit\n  node.style.fontSize = ''\n  node.style.letterSpacing = ''\n  node.style.wordSpacing = ''\n\n  const nodeStyle = window.getComputedStyle(node)\n  const lineHeight = nodeStyle.lineHeight\n  let fontSize = parseInt(nodeStyle.fontSize, 10)\n\n  node.style.lineHeight = '100px'\n\n  const ok = () => {\n    // height should drop from 200 to 100 when text fits on 1 line\n    return node.getBoundingClientRect().height < 150\n  }\n\n  let checks = 0\n  const check = () => {\n    checks++\n    node.style.fontSize = fontSize + 'px'\n    window.requestAnimationFrame(() => {\n      if (ok()) {\n        node.style.lineHeight = lineHeight\n        node.style.visibility = ''\n        return\n      }\n      // the second time we try removing spacing rather than decreasing font size\n      if (checks == 2) {\n        node.style.letterSpacing = '0'\n        node.style.wordSpacing = '0'\n      } else {\n        fontSize--\n      }\n      check()\n    })\n  }\n\n  check()\n}\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/wedding-hashtag-sign-shop\",\n      function () {\n        return require(\"private-next-pages/wedding-hashtag-sign-shop.tsx\");\n      }\n    ]);\n  ","// extracted by mini-css-extract-plugin\nmodule.exports = {\"show\":\"SignShop_show__1YB2F\",\"hide\":\"SignShop_hide__3lXGe\"};"],"names":["props","className","style","display","href","onClick","onClose","useState","phone","setPhone","letsGoClasses","classNames","styles","opacity","id","type","placeholder","onChange","e","currentTarget","value","preventDefault","change","close","cookiehash","getCookie","placeHash","getUrlParameter","document","cookie","hash","setHash","_","hashq","numberModal","setNumberModal","more","setMore","useEffect","handler","el","querySelector","window","scrollY","classList","add","remove","addEventListener","removeEventListener","localStorage","signhash","src","margin","fontSize","fontFamily","color","fontStyle","NoHashtagWelcome","MoreSignsMenu","IndexRoute","name","content","rel","Layout","classes","Header","Hashtag","VendorBar","Footer","cname","ca","decodeURIComponent","split","i","length","c","charAt","substring","indexOf","replace","results","RegExp","exec","location","search","fit","ref","current","node","fitText","visibility","letterSpacing","wordSpacing","nodeStyle","getComputedStyle","lineHeight","parseInt","checks","check","requestAnimationFrame","getBoundingClientRect","height","__NEXT_P","push","module","exports"],"sourceRoot":""}