CINXE.COM

<!DOCTYPE html><html prefix="og: http://ogp.me/ns#" dir="ltr" lang="en" class="no-js"> <head> <title> New Message - The Square Community </title> <script src="https://static.ada.support/embed.97968904.min.js" charset="utf-8"></script> <link rel="stylesheet" href="/html/assets/jquery-ui.css"> <link rel="alternate" hreflang="x-default" href="https://community.squareup.com/t5/Seller-Community-Global/ct-p/Seller_Community_Global"> <link rel="alternate" hreflang="en-us" href="https://community.squareup.com/t5/Seller-Community-US/ct-p/Seller_Community_US"> <link rel="alternate" hreflang="es-us" href="https://community.squareup.com/t5/Seller-Community-US-ES/ct-p/Seller_Community_US-ES"> <link rel="alternate" hreflang="en-ca" href="https://community.squareup.com/t5/Seller-Community-Canada/ct-p/Seller_Community_CA"> <link rel="alternate" hreflang="en-gb" href="https://community.squareup.com/t5/Seller-Community-UK/ct-p/Seller_Community_UK"> <link rel="alternate" hreflang="es-es" href="https://community.squareup.com/t5/Comunidad-Square/ct-p/comunidad-square"> <link rel="alternate" hreflang="ja-jp" href="https://community.squareup.com/t5/Seller-Community-Japan/ct-p/Seller_Community_JA"> <link rel="alternate" hreflang="en-au" href="https://community.squareup.com/t5/Seller-Community-Australia/ct-p/Seller_Community_AU"> <link rel="alternate" hreflang="fr-fr" href="https://community.squareup.com/t5/La-Communaute-Square/ct-p/Communaute-Square"> <link rel="alternate" hreflang="en-ie" href="https://community.squareup.com/t5/Square-Ireland-Seller-Community/ct-p/Seller_Community_IE"> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="c4657020-c7d1-4a14-a091-267a7ee4863e"></script> <script src="https://xms-production-f.squarecdn.com/static/cookie-compliance/SqOneTrust.js"></script> <script type="text/javascript"> function OptanonWrapper() { globalThis.OneTrust.OnConsentChanged(function() { console.log(OnetrustActiveGroups) if(!OnetrustActiveGroups.split(',').includes('C0004')){ location.reload(); } }); } </script> <script src="https://martech-production-c.squarecdn.com/data-api.js" type="text/javascript" async></script> <meta content="Welcome to the Ireland Community! Whether you’re switching to Square to take payments, learning how to use Point of Sale features or looking for new" name="description"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><meta content="noindex" name="robots"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><link href="https://community.squareup.com/t5/forums/postpage/category-id/Seller_Community_IE/choose-node/true" rel="canonical"/> <link href="/skins/6629041/be903e6924729e8ba6afbc8c1c142513/square_responsive_2021.css" rel="stylesheet" type="text/css"/> <link rel="shortcut icon" href="https://community.squareup.com/html/@64E716F57FD4C02603089B77B61F1E30/assets/favicon-latest.ico"> <style> .Message--is-owned-by-user .Message__body { background-color: #e8e8eb !important; } #lia-body button.ada-chat-button { background-image: url(/html/assets/avatar.svg) !important; background-color: #fff !important; background-size: 40px !important; width: 156px !important; height: 50px !important; border-radius: 50px !important; padding: 5px 15px 5px 6px!important; background-position: 5px 4.25px !important; box-shadow: 0px 1px 8px rgba(0,0,0,.18) !important; } .ada-chat-button:before { content: "Questions\003f"; position: absolute; top: 8px; left: 51px; font-size: 16px; color: #3B4759 !important; font-weight:500; line-height:32px; } .ada-chat-button:hover:after { background-color: transparent !important; border: 0px solid rgba(0,0,0,0.05) !important; } #lia-body button.ada-chat-button:hover, #lia-body button.ada-chat-button:focus{ box-shadow:0px 1px 8px rgba(0,0,0,.30) !important; } body .ada-chat-button:after{ border: 0px solid rgba(0,0,0,0.05) !important; background-color:transparent !important; } #lia-body button.ada-chat-button:hover, #lia-body button.ada-chat-button:focus{outline:0 !important;} #lia-body.SearchPage .lia-summary-view-statistic-post-date::before { content: "Posted"; font-family:"Square Market",Helvetica,Arial,sans-serif; width:auto; color:#b8b8b8; } #lia-body.SearchPage .lia-summary-view-statistic-registration-date::before { content: "Joined"; font-family:"Square Market",Helvetica,Arial,sans-serif; width:auto; color:#b8b8b8; } </style>  <script type="text/plain" class="optanon-category-C0004"> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '816297701715444'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=816297701715444&ev=PageView&noscript=1" /></noscript>   <script type="text/plain" class="optanon-category-C0004">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5FRXX9P');</script>  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <div class="locale-check-modal"> </div> <script type="text/javascript" src="/t5/scripts/9D1BFA511D5C858CFD8C4215C53E4C07/lia-scripts-head-min.js"></script><script language="javascript" type="text/javascript">  </script><script type="text/javascript" src="/t5/scripts/D60EB96AE5FF670ED274F16ABB044ABD/lia-scripts-head-min.js"></script></head> <body class="lia-user-status-anonymous PostPage lia-body" id="lia-body"> <div id="9FC-185-2" class="ServiceNodeInfoHeader"> </div> <div class="lia-page"> <center>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5FRXX9P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <meta name="twitter:card" content="summary" /> <meta name="twitter:image" content="https://community.squareup.com/html/@BB2D50D43AB3AC438D7DEF7A218EA920/assets/social_media_preview.png" /> <script> if (!String.prototype.includes) { String.prototype.includes = function (str) { return this.indexOf(str) !== -1; } } /* Paginnation Script */ window.pagination_var = function(totalResults, show_per_page, PagerNumber, Classname){ var paginationHtml = ''; var number_of_pages = Math.ceil(totalResults/show_per_page); var _pagesCurrent = parseInt(PagerNumber); var current_link = 0; if(number_of_pages>1 && _pagesCurrent>1){ var activeClass= "page_link actArrow "+Classname+"_page"; }else{ var activeClass= "deactArrow"; } if(number_of_pages>1){ var PreLink = _pagesCurrent-1; paginationHtml += '<a class="jp-previous arrow '+activeClass+'" data="'+ PreLink +'" id="jp-previous" href="javascript:void(0)">Previous</a>'; } while(number_of_pages > current_link){ var pageNumActive = current_link + 1; paginationHtml += '<a class="page_link '+Classname+'_page" data="'+ pageNumActive +'" id="'+ Classname +'_'+ pageNumActive +'" href="javascript:void(0)">'+ pageNumActive +'</a>'; current_link++; } if(number_of_pages>1 && _pagesCurrent<(number_of_pages)){ var activeClass= "page_link actArrow "+Classname+"_page"; }else{ var activeClass= "deactArrow"; } if(number_of_pages>1){ var NextLink = _pagesCurrent+1; paginationHtml += '<a class="jp-next arrow '+activeClass+'" data="'+ NextLink +'" id="jp-next" href="javascript:void(0)">Next</a>'; } $('.'+Classname).html(paginationHtml); $('#'+Classname+'_'+parseInt(PagerNumber)).addClass( 'active' ); if(number_of_pages == 1){ $('.'+Classname).hide() } else{ $('.'+Classname).show() } var _bulletsCenter = 3; var _bulletsSide = 2; var _bullets = $('.'+Classname).children(); _bullets.removeClass( 'hidden' ).remove( 'ellipsis' ); //console.log("working"); if (number_of_pages > _bulletsCenter + (_bulletsSide * 2) + 2) { console.log("bworking"); if (_pagesCurrent < Math.floor(_bulletsCenter / 2) + _bulletsSide + 2) { var start = _bulletsSide + _bulletsCenter + 1; var end = number_of_pages - _bulletsSide - 1; hideBullets( _bullets, start, end ); _bullets.eq( end ).before('<span class="ellipsis_before">...</span>'); //console.log("working1"); } else if (_pagesCurrent > number_of_pages - (Math.ceil(_bulletsCenter / 2) + _bulletsSide) - 2) { var start = _bulletsSide + 1; var end = number_of_pages - (_bulletsSide + _bulletsCenter + 1); hideBullets( _bullets, start, end ); _bullets.eq( start - 1 ).after('<span class="ellipsis">...</span>'); //console.log("working2"); } else { var start = _bulletsSide + 1; var end = _pagesCurrent - Math.floor(_bulletsCenter / 2); hideBullets( _bullets, start, end ); _bullets.eq( start - 1 ).after('<span class="ellipsis">...</span>'); var _pagesCurrent = parseInt(_pagesCurrent); var math_start = parseInt(Math.ceil(_bulletsCenter / 2)); var start = _pagesCurrent + math_start; var end = number_of_pages - (_bulletsSide - 1); hideBullets( _bullets, start, end ); _bullets.eq( start - 1 ).after('<span class="ellipsis">...</span>'); console.log("working3"); } } //console.log("retunhtml"); return paginationHtml; } window.hideBullets = function( bullets, start, end ) { for ( var a = start; a < end; a++ ) { bullets.eq( a ).addClass( 'hidden' ); } } </script> <style> #lia-body .lia-quilt-idea-page .lia-message-view-idea-message .lia-byline-wrapper, #lia-body .lia-quilt-idea-page .lia-idea-page-status-change, #lia-body .lia-quilt-idea-page .lia-component-status-change-form { display: none; } </style> <div class="MinimumWidthContainer"> <div class="min-width-wrapper"> <div class="min-width"> <div class="lia-content"> <div class="lia-browser-support-alert"> <div class="lia-browser-support-alert-text"> We no longer support Internet Explorer v10 and older, or you have compatibility view enabled. Disable Compatibility view, upgrade to a newer version, or use a different browser. </div> <div class="lia-browser-support-alert-close"> <a class="lia-link-navigation lia-link-ticket-post-action" data-lia-action-token="glUSEEB4rNgBWjsDXXYbu5QB-UAREDFNn39QB6DteHo." rel="nofollow" id="dismissAlert" href="https://community.squareup.com/t5/forums/postpage.liabase.basebody.browsersupportalert.dismissalert:dismissalert?t:ac=category-id/Seller_Community_IE/choose-node/true"><span class="lia-img-close-small lia-fa-close lia-fa-small lia-fa" title="Dismiss this alert" alt="Dismiss this alert" aria-label="Dismiss this alert" role="img" id="display"></span></a> </div> </div> <div class="lia-quilt lia-quilt-post-page lia-quilt-layout-one-column lia-top-quilt"> <div class="lia-quilt-row lia-quilt-row-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-quilt lia-quilt-header lia-quilt-layout-header lia-component-quilt-header"> <div class="lia-quilt-row lia-quilt-row-top-nav"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-top-nav"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <script type="application/javascript" src="/html/assets/jquery_cookie.js"></script> <script> if(!Cookies.get('_savt')){ // set new cookie with a big random number var ck_str= Math.random().toString(36).slice(2); Cookies.set('_savt', ck_str); } </script> <script type="application/javascript" src="/html/assets/eventstreamV2.js"></script> <script> var env = 'production'; var host_name= 'api.squareup.com'; if ((window.location.hostname).includes("staging")){ env = 'staging'; host_name = 'api.squareupstaging.com'; } EventstreamLogger = new EventstreamClient({ applicationName: 'seller-community', environment : env, host: host_name, }); </script>  <style> @media screen and (max-width: 1210px) and (min-width:769px) { #lia-body .new-community-header .new-header-container .header-section-center ul.header-navigation-list .slider-div li.top-header-nav-list.home { display:none; } } </style> <header role="banner" class="new-community-header"> <div class="new-header-container"> <div class="header-section-left"> <a class="logo" data-link-action="Home" data-link-label="Banner" href="https://squareup.com" target="_blank"> <img src="https://community.squareup.com/html/@AF0CD65727670587987A847630197935/assets/Square_logo_2024.svg" height="24" width="24" /> </a> <p><a href="/"><span class="logo-title">Community</span></a></p> </div> <div class="hamburger-icon"></div> <div class="header-section-right"> <div class="signUp-btn"> <a href="https://squareup.com/signup" class="signUp-link">Sign Up</a> </div> <style> #lia-body.lia-user-status-anonymous .header-section-right ul.lia-component-common-widget-user-navigation-modern li a:before, #lia-body.lia-user-status-anonymous .header-navigation-list ul.lia-component-common-widget-user-navigation-modern li a:before { content: "Sign In"; } </style> <ul role='list' id='list_40add46d19ab99' class='lia-list-standard-inline UserNavigation lia-component-common-widget-user-navigation-modern'> <li role='listitem'><a class='lia-link-navigation registration-link lia-component-users-action-registration' rel='nofollow' id='registrationPageV2_40add46d19ab99' href='/plugins/common/feature/oauth2sso/sso_login_redirect?referer=https%3A%2F%2Fcommunity.squareup.com%2F'>Register</a></li> <li aria-hidden='true'><span class='separator lia-component-common-widget-user-nav-separator-character'>·</span></li> <li role='listitem'><a class='lia-link-navigation login-link lia-authentication-link lia-component-users-action-login' rel='nofollow' id='loginPageV2_40add46d19ab99' href='/plugins/common/feature/oauth2sso/sso_login_redirect?referer=https%3A%2F%2Fcommunity.squareup.com%2F'>Sign In</a></li> <li aria-hidden='true'><span class='separator lia-component-common-widget-user-nav-separator-character'>·</span></li> <li role='listitem'><a class='lia-link-navigation faq-link lia-component-help-action-faq' id='faqPage_40add46d19ab99' href='/t5/help/faqpage'>Help</a></li> </ul> </div> <div class="header-section-center"> <ul class="header-navigation-list"> <div class="slider-div"> <div class="slider-wrapper"> <li class="top-header-nav-list home "> <a href="/" class="top-nav-link home-link">Home</a> </li> <li class="top-header-nav-list help top-header-dropdown-lists"> <a href="javascript:void(0)" class="top-nav-link help-link show-dropdown-icon">Help</a> <div class="help-categories nav-dropdownlist "> <ul class="categories-list"> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Help/ct-p/help-ie" >Product Forums</a> </li> <li class="categories-list-item"> <a class="lia-link-navigation" href="https://squareup.com/help/ie/en" target="_blank">Support Centre</a> </li> <li class="categories-list-item"> <a class="lia-link-navigation" href="https://issquareup.com" target="_blank">Status Page</a> </li> <span class="load contract">Show Less</span> </ul> </div> </li> <li class="top-header-nav-list connect top-header-dropdown-lists"> <a href="javascript:void(0)" class="top-nav-link connect-link show-dropdown-icon">Connect</a> <div class="connect-categories nav-dropdownlist "> <ul class="categories-list"> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Seller-Groups/ct-p/SellerGroups" >Seller Groups</a> </li> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Events/ct-p/Events" >Events</a> </li> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Seller-Community-Blog/Get-expert-guidance-with-the-Seller-Community-Mentorship-Program/ba-p/706734" >Mentorship</a> </li> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Square-Champions-Program/ct-p/SquareChampionsProgram" >Square Champions</a> </li> <span class="load contract">Show Less</span> </ul> </div> </li> <li class="top-header-nav-list beta "> <a href="/t5/Beta-Seller-Community/ct-p/Beta-Seller-community-global" class="top-nav-link beta-link ">Beta</a> </li> <li class="top-header-nav-list learn top-header-dropdown-lists"> <a href="javascript:void(0)" class="top-nav-link learn-link show-dropdown-icon">Learn</a> <div class="learn-categories nav-dropdownlist "> <ul class="categories-list"> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Community-Hub/ct-p/CommunityHub" >Community Hub</a> </li> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Video-Library/tkb-p/VideoLibrary" >Video Library</a> </li> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Square-Ireland-Product-Updates/bd-p/productUpdates_ie" >Product Updates</a> </li> <li class="categories-list-item"> <a class="lia-link-navigation" href="/t5/Seller-Community-Blog/bg-p/SellerCommunityBlog" >Community Blog</a> </li> <span class="load contract">Show Less</span> </ul> </div> </li> </div> </div> <li class="top-header-nav-list home"> <a href="/" class="top-nav-link home-link">Home</a> </li> <li class="top-header-nav-list top-header-dropdown-lists explore"> <a href="javascript:void(0);" class="top-nav-link">Explore</a> </li> <li class="top-header-nav-list beta extra"> <a href="/t5/Beta-Seller-Community/ct-p/Beta-Seller-community-global" class="top-nav-link beta-link">Beta</a> </li> </ul> </div> </div> </header> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main-header"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-header"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single">  <div class="survey_modal"> <div class="close_button_container"> <span class="close_button">x</span></div> <div class="modal_sub_container"> <div class="top_container"> <div class="user_avatar"><img src="/t5/image/serverpage/avatar-name/Seller-d3/avatar-theme/candy/avatar-collection/Humans/avatar-display-size/profile/version/2" title="Anonymous" alt="Anonymous"/></div> <div class="opinion">Your opinion in 1 minute.</div> </div> <div class="inner-text">Help us improve by answering 4 quick questions.</div> <div class="approve_button_container"> <span class="approve_button">Take Survey Now</span> </div> </div> </div> <div class="getstarted-container" style="display:none;"></div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-hero"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-hero-content lia-mark-empty"> </div> </div><div class="lia-quilt-row lia-quilt-row-sub-header"> <div class="lia-quilt-column lia-quilt-column-22 lia-quilt-column-left lia-quilt-column-sub-header-left lia-mark-empty"> </div><div class="lia-quilt-column lia-quilt-column-02 lia-quilt-column-right lia-quilt-column-sub-header-right lia-mark-empty"> </div> </div><div class="lia-quilt-row lia-quilt-row-search"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-search-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single">   <div class="beta-search-v2">  <div style="display:none;">8.222.208.146</div> <div style="display:none;">8.222.208.146</div> <div style="display:none;"></div> <script src="/html/assets/jquery2.1.3.min.js"></script> <script src="/html/assets/moment-with-locales.js"></script> <script src="/html/assets/angular.min.js"></script> <script src="/html/assets/angular-animate.min.js"></script> <script src="/html/assets/angular-route.min.js"></script> <script src="/html/assets/angular-moment.min.js"></script> <script src="/html/assets/paging.min.js"></script> <script src="/html/assets/clickoutside.directive.js"></script> <script> var localUserPreference = {} localUserPreference["us"] = {'country_code':'US','language_code':'en-us'} localUserPreference["United States"] = {'country_code':'US','language_code':'en-us'} localUserPreference["United States of America"] = {'country_code':'US','language_code':'en-us'} localUserPreference["ca"] = {'country_code':'CA','language_code':'en-ca'} localUserPreference["Canada"] = {'country_code':'CA','language_code':'en-ca'} localUserPreference["ja"] = {'country_code':'JP','language_code':'ja-jp'} localUserPreference["Japan"] = {'country_code':'JP','language_code':'ja-jp'} localUserPreference["au"] = {'country_code':'AU','language_code':'en-au'} localUserPreference["Australia"] = {'country_code':'AU','language_code':'en-au'} localUserPreference["fr"] = {'country_code':'FR','language_code':'fr-fr'} localUserPreference["France"] = {'country_code':'FR','language_code':'fr-fr'} localUserPreference["ie"] = {'country_code':'IE','language_code':'en-ie'} localUserPreference["Ireland"] = {'country_code':'IE','language_code':'en-ie'} localUserPreference["en-gb"] = {'country_code':'GB','language_code':'en-GB'} localUserPreference["Spain"] = {'country_code':'ES','language_code':'es-es'} localUserPreference["es"] = {'country_code':'ES','language_code':'es-es'} localUserPreference["United Kingdom of Great Britain and Northern"] = {'country_code':'GB','language_code':'en-GB'} localUserPreference["United Kingdom"] = {'country_code':'GB','language_code':'en-GB'} localUserPreference["United Kingdom of Great Britain and Northern Ireland"] = {'country_code':'GB','language_code':'en-GB'} localUserPreference["es-us"] = {'country_code':'US','language_code':'es-us'} localUserPreference["en-gl"] = {'country_code':'ZZ','language_code':'en-us'} var referrer = document.referrer; console.log("last url",referrer); if(referrer.includes('US-ES')){ var setActiveLocale = localUserPreference["es-us"]; } else{ var setActiveLocale = localUserPreference["en-gl"]; } console.log('hello',setActiveLocale); var isCookieSet = "true"; var cname = "searchResults"; if(isCookieSet=="true"){ var cvalue = "en-ie"; if(cvalue!=''){ localStorage.storageLocal=cvalue; }else{ localStorage.storageLocal="en-us"; } }else{ /*-- Do Nothing --*/ } var checkAnonymous = "true"; var runGlobalSearch = "true"; console.log("Cookie Val: "+cvalue); var searchLocale = localStorage.storageLocal; console.log("custom.grz.search - Search Locale: ",searchLocale); if(searchLocale!='' || searchLocale!=undefined || searchLocale!="undefined"){ if(searchLocale=="es-us"){ var setActiveLocale = localUserPreference["es-us"]; }else if(searchLocale=="en-us"){ var setActiveLocale = localUserPreference["us"]; }else if(searchLocale=="es-es"){ var setActiveLocale = localUserPreference["es"]; }else if(searchLocale=="en-ca"){ var setActiveLocale = localUserPreference["ca"]; }else if(searchLocale=="en-gb"){ var setActiveLocale = localUserPreference["en-gb"]; }else if(searchLocale=="ja-jp"){ var setActiveLocale = localUserPreference["ja"]; }else if(searchLocale=="en-au"){ var setActiveLocale = localUserPreference["au"]; }else if(searchLocale=="fr-fr"){ var setActiveLocale = localUserPreference["fr"]; }else if(searchLocale=="en-ie"){ var setActiveLocale = localUserPreference["ie"]; }else if(searchLocale=="en-zz"){ var setActiveLocale = localUserPreference["en-gl"]; }else{ if(checkAnonymous!="true"){ if (runGlobalSearch == "true"){ var setActiveLocale = localUserPreference["en-gl"]; }else{ var setActiveLocale = {}; } }else{ var setActiveLocale = {}; } } }else{ if(checkAnonymous!="true"){ if (runGlobalSearch == "true"){ var setActiveLocale = localUserPreference["en-gl"]; }else{ var setActiveLocale = {}; } }else{ var setActiveLocale = {}; } } window.getActiveLocale = function(){ return setActiveLocale; } if(checkAnonymous=="true" && (searchLocale=='' || searchLocale==undefined || searchLocale=="undefined")){ var getLocale = {}; }else{ var getLocale = setActiveLocale; } console.log('getlocale',getLocale); </script> <script> angular.module('swiftType', []) .filter('fromNow', function() { return function(x){ var diff = moment().diff(moment(x), 'months', true); if(diff < 1) return moment(x).fromNow(); else return moment(x).format("MM-DD-YYYY"); } }) .filter('filterField', function() { return function(x,fieldType){ var selected = x.filter(function(e){ if(e.name == fieldType){ return e; } }); try{ var result = selected[0]["value"]; if(selected[0]["name"] == "author_rank_color"){ result = '#' + result; } }catch(e){ var result = "--"; } return result; } }) .filter('truncate', function() { return function (value, setting ) { var setting = setting || {} var wordwise = setting.wordwise || false; var max = setting.truncateLength || 100 var tail = setting.truncateTail || " ..." if (!value) return ''; max = parseInt(max, 10); if (!max) return value; if (value.length <= max) return value; value = value.substr(0, max); if (wordwise) { var lastspace = value.lastIndexOf(' '); if (lastspace !== -1) { if (value.charAt(lastspace-1) === '.' || value.charAt(lastspace-1) === ',') { lastspace = lastspace - 1; } value = value.substr(0, lastspace); } } return value + (tail || ' …'); }; }) .filter('fetchEventType', function(filterFieldFilter) { return function(x,type,fields){ var EventTypeMapping = { getThreadType : function(x){ return this[x]; }, outside:{ "EventType" : "Help Articles", "ImgSrc" : "", "className" : "help" }, solved : { "EventType" : "Community Answer", "ImgSrc" : "", "className" : "solved" }, unsolved : { "EventType" : "Open Discussions", "ImgSrc" : "", "className" : "open" } }; var value = '' var selectedNode = null ; if( x == 4 ){ var is_solved = filterFieldFilter(fields,'is_solution'); if(is_solved === "true"){ selectedNode = EventTypeMapping.getThreadType("solved"); }else{ selectedNode = EventTypeMapping.getThreadType("unsolved") ; } }else{ selectedNode = EventTypeMapping.getThreadType("outside") ; } if(selectedNode.hasOwnProperty(type)){ value = selectedNode[type] ; } //} return value; } }) .animation('.slide-toggle', function(){ return { enter: function(element, done) { $(element).hide().slideDown(function(){ done(); }); }, leave: function(element, done) { $(element).slideUp(function(){ done(); }); } }; }) .factory('SharedService', function() { return null; }); </script> <script> var app = angular.module('grz-search', ['angular-click-outside','ngAnimate','swiftType']); app.config(['$locationProvider', function($locationProvider) { $locationProvider.html5Mode({ enabled: true, requireBase: false }); }]); app.controller('search-module',['$scope', '$http','$location', 'SharedService' , '$window' ,function($scope , $http , $location , SharedService , $window ) { var searchText = $location.search().q; $scope.isStartThreadDispaly = true; if(searchText){ $scope.search_text = searchText; } $scope.renderSetting = { "truncateLength" : 75, "wordwise" : false, "truncateTail" : " ..." }; var localeSetup = {}; if(angular.equals(localeSetup, {})){ localeSetup = $window.getActiveLocale(); } $scope.threadUrl = '/t5/forums/postpage/category-id/Seller_Community_Global/choose-node/true'; if(cvalue == 'en-ca'){ $scope.threadUrl = '/t5/forums/postpage/category-id/Seller_Community_CA/choose-node/true'; } if(cvalue == 'en-us'){ $scope.threadUrl = '/t5/forums/postpage/category-id/Seller_Community_US/choose-node/true'; } if(cvalue == 'es-es'){ $scope.threadUrl = '/t5/forums/postpage/category-id/comunidad-square/choose-node/true'; } if(cvalue == 'ja-jp'){ $scope.threadUrl = '/t5/forums/postpage/category-id/Seller_Community_JA/choose-node/true' } if(cvalue == 'en-au'){ $scope.threadUrl = '/t5/forums/postpage/category-id/Seller_Community_AU/choose-node/true' } if(cvalue == 'es-us'){ $scope.threadUrl = '/t5/forums/postpage/category-id/Seller_Community_US-ES/choose-node/true'; } if(cvalue == 'en-ie'){ $scope.threadUrl = '/t5/forums/postpage/category-id/Seller_Community_IE/choose-node/true'; } if(cvalue == 'en-gb'){ $scope.threadUrl = '/t5/forums/postpage/category-id/Seller_Community_UK/choose-node/true'; } if(cvalue == 'fr-fr'){ $scope.threadUrl = '/t5/forums/postpage/category-id/Communaute-Square/choose-node/true'; } var corebeta = 'Seller_Community_IE'; if(corebeta == 'Beta-Seller-community-global' || corebeta == 'Beta-Seller-Community-Global'){ $scope.threadUrl = '/t5/forums/postpage/category-id/'+corebeta+'/choose-node/true'; } /* Default Setting */ var tempSearchSetting = {}; tempSearchSetting.source = "SELLER_COMMUNITY"; tempSearchSetting.search_text = "test"; tempSearchSetting.search_type = "SUGGEST"; tempSearchSetting.document_kinds = ["COMMUNITY_POST","HELP_CENTER_ARTICLE","WEEBLY_HELP_ARTICLE"]; tempSearchSetting.locale = localeSetup; tempSearchSetting.page = 1; tempSearchSetting.per_page = 6; var timeout = null; var setTimeInteraval = 300; $scope.seachSetting = tempSearchSetting; $scope.searchResult = {}; $scope.searching = false; $scope.closeThis = function () { $scope.searchResult = []; $scope.IsVisible = false; } var retry = 0; var callApi = function(apiUrl){ // console.log("Last Searching Par",$scope.search_text) $scope.searching = true; $http({ method : "GET", url : apiUrl, params:{data: angular.toJson($scope.seachSetting)} }).then( function(response){ console.log("API response",response) if(response.data.success){ $scope.searchResult = response.data.document_results; // Call the conversion function again after a short delay to ensure it captures all dynamically loaded content function boldText(){ // Event delegation to handle dynamically loaded content $(document).find('.search-result .search .result-wrapper .ng-binding').each(function() { // Call the conversion function for the newly added element console.log("convert"); var htmlContent = $(this).html(); var modifiedHtml = htmlContent.replace(/<b>/g, '<b>').replace(/<\/b>/g, '</b>').replace('<b>', '<b>').replace('</b>', '</b>'); $(this).html(modifiedHtml); //convertBTagsToBold(); }); } setTimeout(boldText, 100); } else{ if(retry < 2){ callApi(apiUrl) retry ++; return; } } $scope.IsVisible = true; $scope.searching = false; }, function(error){ console.log('I am in error ERROR FUNCTION CALLA',error); if(retry < 2){ callApi(apiUrl) retry ++; return; } $scope.closeThis(); $scope.searching = false; } ); } $scope.goToSearchPage = function (){ var searchPageTab = '--'; var redirctionUrl = "/t5/forums/searchpage/tab/message?q=" + $scope.search_text; if($scope.search_text.length == 0) return; if(searchPageTab == "message"){ history.pushState(null, null, redirctionUrl) angular.element(document.getElementById('search-detail-controller')).scope().$emit('search.update', $scope.search_text); return; } window.location.href = redirctionUrl; } /* Function Fetching Result Against Searh Result */ $scope.fetchSearch = function(e) { var searchText = $scope.search_text; if(e.keyCode == 13){ $scope.goToSearchPage(); $scope.closeThis(); clearTimeout(timeout); return; } if(searchText.length < 3){ $scope.closeThis(); clearTimeout(timeout); return; } var searchUrl = '/imgfg46729/plugins/custom/squareinc/squareinc/swifttype.ep'; clearTimeout(timeout); timeout = setTimeout(function () { $scope.seachSetting.search_text = searchText; callApi(searchUrl); }, setTimeInteraval || 300); }; $scope.IsVisible = false; }]); </script> <div ng-app="grz-search" class="search-wrapper" id="grz-search-suggustion"> <div class="grz-search search-suggestion lia-top-quilt"> <div class='search-module lia-quilt-row-main' ng-controller="search-module" ng-cloak> <div class='search-wrapper' ng-class="{'loading': searching }"> <span class="loader" ng-if="searching"><img src="/html/assets/page-loader.gif"></span> <div class="search-input-wrapper"> <input type="text" class="input-value" ng-model="search_text" ng-keyup="fetchSearch($event)" placeholder="Search questions, keywords, community members"> </div> <span class="close-btn" ng-hide="searchResult.length" ng-click="goToSearchPage()"> <svg xmlns="//www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" class="search-icon"> <path fill="none" stroke="#969799" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M1.2,16.2c-0.7,0.7-0.7,1.7,0,2.4l0.1,0.1c0.7,0.7,1.7,0.7,2.4,0l2.7-2.7c0.7-0.7,0.7-1.7,0-2.4l-0.1-0.1 c-0.7-0.7-1.7-0.7-2.4,0L1.2,16.2z"></path> <path fill="none" stroke="#969799" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M5.8,7.3c0,3.7,3.2,6.9,6.9,6.9c3.7,0,6.6-3.2,6.6-6.9c0-3.7-2.9-6.6-6.6-6.6C9,0.8,5.8,3.6,5.8,7.3z"></path> <line fill="none" stroke="#969799" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="6.4" y1="13.6" x2="7.8" y2="12.2"></line> </svg> </span> <span class="close-btn" ng-show="searchResult.length" ng-click="closeThis()"> <svg xmlns="//www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"> <path fill="#969799" d="M11.414,10l6.293-6.293c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0L10,8.586L3.707,2.293 c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414L8.586,10l-6.293,6.293c-0.391,0.391-0.391,1.023,0,1.414 s1.023,0.391,1.414,0L10,11.414l6.293,6.293c0.391,0.391,1.023,0.391,1.414,0s0.391-1.023,0-1.414L11.414,10z"></path> </svg> </span> <div class="start-thread search-start-thread search-bar" ng-if="!isStartThreadDispaly"> <a target="_self" href="{{threadUrl}}?message-subject={{search_text}}"> Start Thread </a> </div> </div> <div class='response slide-toggle' ng-class="IsVisible?'open':'close'" ng-if="IsVisible" click-outside="closeThis()"> <ul class='search-result' ng-class="searchResult.length > 0?'has-result':'no-result'"> <li class='search' ng-repeat="result in searchResult"> <span class="result-wrapper result-logo {{result.document.document_kind | fetchEventType: 'className' : result.document.fields }}" > <span class="img-wrapper"> </span> </span> <span class="result-wrapper result-detail"> <a href="{{result.document.url}}" class = "search-title" >{{result.document.title | truncate: renderSetting }}</a> </span> </li> <li class='search' ng-hide="searchResult.length > 0"> <span class="result-wrapper result-detail no-result-found"> <span class="no-result-found page.search.revereseRequired">No Result found for this keyword <b>{{search_text}}</b> </span> </span> </li> </ul> <div class="start-thread search-start-thread"> <span class="message"> Can't find what you're searching for? </span> <a target="_self" href="{{threadUrl}}?message-subject={{search_text}}"> Start Thread </a> </div> </div> </div> </div> </div> </div>  <style> #lia-body .lia-quilt-category-page-country-specific .custom-nav-bar{ display:none; } #lia-body .lia-quilt-category-page-country-specific .custom-nav-bar{ display:none; } </style> <div class="top-nav custom-nav-bar"> <div class="top-nav-list"> <div class="lia-breadcrumb"> <ul class="lia-list-standard-inline"> <li class="lia-breadcrumb-node crumb"> <a href="https://community.squareup.com/t5/Community-Ireland/ct-p/Seller_Community_IE" class="crumb-category lia-breadcrumb-category lia-breadcrumb-forum">Ireland Community </a> </li> <li class="lia-breadcrumb-seperator crumb-category lia-breadcrumb-category lia-breadcrumb-forum"> <span class="separator">></span> </li> <li class="lia-breadcrumb-node crumb final-crumb"> <span> New Message </span> </li> </ul> </div> <div class="subscribe-button-wrpper">  <style> .lia-quilt-column-right.lia-quilt-column-topic-header-right .lia-quilt-column-alley.lia-quilt-column-alley-right{ text-align: right; } #topic_subscribe_email { display: inline-block; //margin-right: 10px; vertical-align: middle; } #topic_subscribe_email .btn-post { /*background-color: #ffffff; border-radius: 3px; color: #1b2126; float: right; margin: 13px 0; padding: 9px 19px; text-decoration: none;*/ } #lia-body.ForumTopicPage .lia-content .lia-component-thread-options { width: auto; display: inline-block; vertical-align: middle; } #topic_subscribe_email .btn-post div { color: #2996CC; } </style>  </div> </div> </div> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-feedback"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-feedback"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <style> #lia-body.lia-body .new-community-header ul.lia-component-common-widget-user-navigation-modern li .user-navigation-settings-dropdown-link .lia-user-avatar .lia-link-navigation img.lia-user-avatar-message{ padding: 0; margin-top:5px; } .custom-user-details .custom-user-avatar .rank-icon-right, .custom-user-details .custom-user-avatar rank-icon-left, .avatar-wrapper .rank-icon-right { top: -2px; bottom: unset; } .custom-gh-banner { margin: 12px auto 0; } </style> </div> </div> </div> </div> <style> textarea#tinyMceEditor::-webkit-input-placeholder { color: #c3c3c3; } textarea#tinyMceEditor:-moz-placeholder { color: #c3c3c3; } textarea#tinyMceEditor::-moz-placeholder { color: #c3c3c3; } textarea#tinyMceEditor:-ms-input-placeholder { color: #c3c3c3; } textarea#tinyMceEditor:focus::-webkit-input-placeholder { color:transparent; } textarea#tinyMceEditor:focus:-moz-placeholder { color:transparent; } textarea#tinyMceEditor:focus::-moz-placeholder { color:transparent; } textarea#tinyMceEditor:focus:-ms-input-placeholder { color:transparent; } </style> </div> </div> </div><div class="lia-quilt-row lia-quilt-row-main"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main-content"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <style> #lia-board option[value="$more$"] { display: none; } </style> <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript"> setTimeout(function(){ $('#tinyMceEditor').attr('placeholder',''); var boardObj = document.getElementById('lia-board'); for(var i=0; i < boardObj.options.length; i++) { if(boardObj.options[i].value == "$more$" ) { boardObj.remove(i); } } }, 3000); </script> <div class="custom-post-page-greeting"> <h4>Start Thread</h4> </div> <div class="custom-message-editor-root"> <form enctype='multipart/form-data' class='lia-form lia-form-vertical lia-form-footer-outside-fieldset MessageEditorForm lia-editor-gte-2 lia-component-editor' action='https://community.squareup.com/t5/forums/postpage.messageeditorform.form.form.form' method='post' id='form' name='form'><div class='t-invisible'><input value='category-id/Seller_Community_IE/choose-node/true' name='t:ac' type='hidden'></input><input value='rxmtZq6Kg1n7aH4qXwQ4CWhCM7BGhv8SOP8hqt4IohFaDpLJ26mnZhRxRSjud7g5eCDp3LtjgyItjp6mZQM0llBK8CxdKrlA9G2Ufp7hfKwARLwPuSW8obqrj2-CvGaIoGrKKwm92mWXq_qnC15v5jo2PDXp2129ANu8lxfMv6kWjP1JXlDhl9mq4ks4rZJ9JX1zG5umnUrNDF_xQ6X9m7rhiIMuLCUPTDs2D2gUuTgvEVqo3COaO08GDlX-22gtVHof5vR5Ewm2Vni3zfyOCk7ogDN7ZYvP8ny_W7teEecP7ozrvwwq91oR3wnSl9OR6Rv8IRX738YTo85TKDoF2nIZVzoDk_pJ2zlpsv_EFWjBMgrbiVWiVoGubJTuTBUWd0lUTgfhfE4Z_Upno-f7VmdLidtThM_rS1qO_TxX0PC2M6xykBk-SBwl5ZvasYPDYVhkX-qQkP0cj6uQ0OJeYLv7JbKr0zRakg8bf8UkL2h8QHMVmLFw7LTEkDru0jS8nDs7dvz_eSD-5pis7jsjDkOFYEJavGR4C299aROaUYdYmBdkVrkPmCeKdZiapDtYbHsZ8JqLMJ9cqWv_KqEAMgO4w6eQk_ixNM5pN8iII4VCJfW-fJWfq04u_hHyd7qRVy7i-UL7qLypHc4jjr3buFms5D-L7nRR0PaZggd3fzjInA07r1LCh2OymBDILIMWjOdVp5gSk_kkvJBcPY52OfGAsrcdOzizPL3Ph5LTVrMcxG6PlZ05yNrdGXu1qoURmpMJDTW1IHCJwx4Xf0hJOZP698b4tI-CUAWkVloyL-6l0rbVTz7xB4QcTNSCCFkoQMbQWizof87x4BU3tdC6WH7kmh4f8WO0Csipc1yKKy5qsmNH0hlpPxcHKSSZdKrYlBJerCC-bPGuMTI3MHPcp1_oD3zJem1JeMzWwGHDrPRwoq0umCNOPgPT2KqMm1NhVaSFy_STr8tutXulNemV8fLcNc3HcKY4yOdnXPKbluaRj188Z-pRvxu06pfHVQyN' name='lia-form-context' type='hidden'></input><input value='PostPage:category-id/Seller_Community_IE/choose-node/true:messageeditorform.form.form:' name='liaFormContentKey' type='hidden'></input><input value='NI598AUeZcHP1xClYu1/WeTnPP0=:H4sIAAAAAAAAAO1YTUzUQBQeUAIGCahBY7wQgwbUbfcH1AArQQISBCRsIPHiZtrO7g60ndKZbndj9OTBg3dvJibeFK/ejJGD4eJF49WYeDUxaryoiTPbXdgVIrS7YCBe2vTNfO99783X15k++QQaXBmEUsR2DCpPE8qmYRr1GYhSfkcaZsTmg4ZUuOiEWMkwtYFE7LQELahmkMSghSiz872SSmykY4XfDYuYyGRUmuCIzugXK9V95ejjwXoActb2x4u96LozFvu2BALFiyyC26AuEGqfX1TMd269oWsr77rBzZVAufmPF7n+celr6tmbh4HjTfmKN8PH+VCCQYZGbWIkxJM2rGM+ZQ7qDgrdf/n2Luj4VQ/qJkCzujbAwOGJeZiFsg7NtJxgNjbT/TmLgTboMEJhFo1ykgpUF9wLoHeLWVg2sZDN8p6dZ9OnY5bBjiG5SImWs9exNF2cPFKY3JlAzLFGzCy2iWnwOeOH6hffx+RQgXlTybPQzYGcJW7N1RAb2DqxYR1Bs4KaMff8VsfYsR87JKqeqhpCjIpiNTHQSB1lHqkseNmEo4PicsSFIEkRtNWMrBKTi0dxGCYmlSc9R4nC2HD5UCGOh1EQ944sHjyFka5JG1p5mXr/WiYFUiQNKdwIVTYqIJ6GTs0uN39of/WzKHnBgehT0EBF7ZRVYkeyGPKbBdefygkkHMXAlPKoy0+1ntT3B6+99Q+6fCL9Vt/qEahDgTXXoBBoazVQ3Al3HIxt7qMSrqEUdHSWjG7odpXdOXBG0Ym6IJe/+JeFhZb6F0U614uOKStg24NhBfR4LRPxlnQ3CWK/QrR8DfRw0o0AeXMfFZbS0rUUrV5/D+DIW8dJcNUnjmeDshi51DEUzCQqXnAmOg/KreqqxbMOe9YaB/GID4K4X58Mm3lD/bOOwjqplupYrVuP3G4Sc6vBx2HCxJaF2Kyt10DXZ90ucHqzjpLBmobM0jKsY7FlD7uo4n73TOfDbZ8v3nh0Lx5szyRY+j7qFVCNgdXUZkGbJ1Dce8ygVA3kFPUvp/U09qCeBCrsF9UT6Kjb4x1146B/iyivY2/8dWit+Dokw1W69RYsSEK+S76dZYj8L4MoQ3T3lCESHOX/r9G/aObih4XmqIzWoInH3UtgoORPXm3F4rGsE5cmeIfRiqeSXtZIVelwjzf6YOoMF1C/ASkB2uwkFgAA' name='t:formdata' type='hidden'></input></div> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='feedback'></div> </div> <input value='9quXVaorBapzNQ4LOdxDAg6KT37Z4kFeaLSaJwzyMbg.' name='lia-action-token' type='hidden'></input> <input value='form' id='form_UIDform' name='form_UID' type='hidden'></input> <input value='' id='form_instance_keyform' name='form_instance_key' type='hidden'></input> <div class='lia-quilt-row lia-quilt-row-standard lia-input-edit-form-row lia-quilt-row-first lia-quilt-row-last'> <div class='lia-quilt-column lia-quilt-column-18 lia-quilt-column-left lia-input-edit-form-column'> <div class='lia-quilt-column-alley lia-quilt-column-alley-left'> <div class='lia-form-fieldset-wrapper lia-form-post-fieldset-toggle form-fieldset-last' id='fieldset_0'> <fieldset class='lia-form-fieldset'> <legend class='lia-fieldset-title'> Post Message </legend> <div class='lia-inline-ajax-feedback lia-autosave-feedback'> <div class='AjaxFeedback' id='lia-autosaveFeedback'></div> </div> <div class='lia-form-row lia-form-subject-entry lia-component-search-auto-complete-before-post'> <div class='lia-form-label-wrapper'> <label for='lia-subject' class='lia-form-label'> Subject </label> </div> <div class='lia-quilt-row lia-quilt-row-standard'> <div class='lia-quilt-column lia-quilt-column-24 lia-quilt-column-single'> <div class='lia-quilt-column-alley lia-quilt-column-alley-single'> <div class='lia-form-input-wrapper'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxfeedback'></div> </div> <div id='searchautocompletetoggle'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxfeedback_0'></div> </div> <input placeholder='Enter a subject' title='Subject' class='lia-form-subject-input lia-autocomplete-input' maxlength='100' value='' id='lia-subject' name='subject' type='text'></input> <div class='search-autocomplete-toggle-link lia-js-hidden'> <span> <a class='lia-link-navigation auto-complete-toggle-on lia-link-ticket-post-action lia-component-search-before-post-action-enable-auto-complete' data-lia-action-token='usjqFp9NT1hLEZLBEVxQXhOGxknF4UbuxE68Ouj9Ltk.' rel='nofollow' id='enableSearchBeforePostAutoComplete' href='https://community.squareup.com/t5/forums/postpage.enablesearchbeforepostautocomplete:enableautocomplete?t:ac=category-id/Seller_Community_IE/choose-node/true&t:cp=action/contributions/searchbeforepostactions'>Turn on suggestions</a> <span class='HelpIcon'> <a class='lia-link-navigation help-icon lia-tooltip-trigger' role='button' aria-label='Help Icon' id='link' href='#'><span class='lia-img-icon-help lia-fa-icon lia-fa-help lia-fa' alt='Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.' aria-label='Help Icon' role='img' id='display_0'></span></a><div role='alertdialog' class='lia-content lia-tooltip-pos-bottom-left lia-panel-tooltip-wrapper' id='link_0-tooltip-element'><div class='lia-tooltip-arrow'></div><div class='lia-panel-tooltip'><div class='content'>Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.</div></div></div> </span> </span> </div> </div> </div> </div> </div> </div> </div> <div class='lia-form-row lia-form-board-entry'> <div class='lia-form-label-wrapper'> <label for='lia-board' class='lia-form-label'> Select Board </label> </div> <div class='lia-quilt-row lia-quilt-row-standard'> <div class='lia-quilt-column lia-quilt-column-24 lia-quilt-column-single'> <div class='lia-quilt-column-alley lia-quilt-column-alley-single'> <div class='lia-form-input-wrapper'> <select class='lia-form-board-input' id='lia-board' name='board'><option title='Choose a Board' description='Choose a Board' value=''>Choose a Board</option><option title='Square Ireland: Square Online' description='Square Ireland: Square Online' value='Square-Ireland-Square-Online'>Square Ireland: Square Online</option><option title='Square Ireland: General Discussions' description='Square Ireland: General Discussions' value='Square-Ireland-General-Discussions'>Square Ireland: General Discussions</option><option title='Show All...' description='Show All...' value='$more$'>Show All...</option></select> </div> </div> </div> </div> </div> <a class='lia-link-navigation lia-js-hidden lia-panel-dialog-trigger lia-panel-dialog-trigger-event-click lia-js-data-dialogKey-1435395578' id='advancedBoardSelectorLink' href='#'>Advanced</a> <div class='MessageEditor' id='messageEditor_0'> <a class='lia-link-navigation lia-message-editor-preview-button' id='previewButton' href='#'>Preview</a> <a class='lia-js-hidden lia-link-navigation lia-message-editor-preview-button' id='exitPreviewButton' href='#'>Exit Preview</a> <div class='lia-js-block-events'><div class='lia-form-row lia-form-body-entry'> <div class='lia-form-label-wrapper'> <label for='tinyMceEditor' class='lia-form-label'> Body </label> </div> <div class='lia-quilt-row lia-quilt-row-standard'> <div class='lia-quilt-column lia-quilt-column-24 lia-quilt-column-single'> <div class='lia-quilt-column-alley lia-quilt-column-alley-single'> <div class='lia-form-input-wrapper'> <span class='lia-button-wrapper lia-button-wrapper-hidden lia-button-wrapper-Preview-action'><input value='Preview' name='submitContextX' type='hidden'></input><input class='lia-button lia-button-hidden lia-button-Preview-action' value='Preview' id='submitContext' name='submitContext' type='submit'></input></span> <div id='rich' class='message-body-editor'> <div class='lia-inline-ajax-feedback'> <div class='AjaxFeedback' id='ajaxFeedback'></div> </div> <li:media-uploader-dialog li-bindable=''></li:media-uploader-dialog><textarea placeholder='' class='lia-form-tiny-mce-editor-input lia-editor-gte-2-input lia-message-editor' id='tinyMceEditor' name='tinyMceEditor'></textarea> <div class='drag-drop-feedback-container lia-js-hidden'> <span id='feedback-successinformationbox_7'> </span> <div class='InfoMessage lia-panel-feedback-inline-note' id='informationbox_7'> <div role='alert' class='lia-text'> <p ng-non-bindable='' tabindex='0'> never-displayed </p> </div> </div> </div> <div class='lia-mentions-hints'> <div class='lia-panel lia-panel-standard'> <div class='lia-decoration-border'> <div class='lia-decoration-border-top'><div> </div></div> <div class='lia-decoration-border-content'> <div> <div class='lia-panel-content-wrapper'> <div class='lia-panel-content'> <div class='lia-mentions-hints-title'>Hint:</div> <div class='lia-mentions-hints-description'><span class="lia-mentions-symbol">@</span> links to members</div> </div> </div> </div> </div> <div class='lia-decoration-border-bottom'><div> </div></div> </div> </div> </div> </div> <div role='tabpanel' id='preview' class='message-preview lia-js-hidden'> <div class='lia-feedback-loading'> <span class='lia-img-feedback-loading lia-fa-feedback lia-fa-loading lia-fa' title='Loading' alt='Loading' aria-label='Loading' role='img' id='display_1'></span> </div> </div> </div> </div> </div> </div> </div></div> </div> <div class='lia-inline-ajax-feedback lia-inline-ajax-feedback-persist lia-saved-autosave-feedback'> <div class='AjaxFeedback' id='savedAutosaveFeedback'></div> </div> <input class='lia-form-media-snippet-url-input' id='lia-mediaSnippetUrl' name='mediaSnippetUrl' type='hidden'></input> </fieldset> </div> <input class='lia-form-parent-message-ref-input' id='lia-parentMessageRef' name='parentMessageRef' type='hidden'></input> <div class='lia-quilt-row lia-quilt-row-standard lia-form-buttons-empty-left-column'> <div class='lia-quilt-column lia-quilt-column-08 lia-quilt-column-left'> <div class='lia-quilt-column-alley lia-quilt-column-alley-left'> </div> </div> <div class='lia-quilt-column lia-quilt-column-16 lia-quilt-column-right'> <div class='lia-quilt-column-alley lia-quilt-column-alley-right'> <div class='lia-form-submit lia-button-group'> <span class='lia-button-wrapper lia-button-wrapper-primary lia-button-wrapper-Submit-action'><input value='Submit' name='submitContext_0X' type='hidden'></input><input title='' class='lia-button lia-button-primary lia-button-Submit-action' value='Post' id='submitContext_0' name='submitContext_0' type='submit'></input></span> <span class='lia-button-wrapper lia-button-wrapper-hidden lia-button-wrapper-ChooseBoard-action'><input value='ChooseBoard' name='submitContext_1X' type='hidden'></input><input title='' class='lia-button lia-button-hidden lia-button-ChooseBoard-action' value='' id='submitContext_1' name='submitContext_1' type='submit'></input></span> <span class='lia-button-wrapper lia-button-wrapper-primary lia-button-wrapper-Cancel-action'><input value='Cancel' name='submitContext_2X' type='hidden'></input><input title='' class='lia-button lia-button-primary lia-button-Cancel-action' value='Cancel' formnovalidate='formnovalidate' id='submitContext_2' name='submitContext_2' type='submit'></input></span> </div> </div> </div> </div> </div> </div> <div class='lia-quilt-column lia-quilt-column-06 lia-quilt-column-right lia-input-edit-form-column'> <div class='lia-quilt-column-alley lia-quilt-column-alley-right'> <div id='lia-productsField' class='lia-form-row lia-form-products-entry'> <div class='lia-form-label-wrapper'> <label for='lia-products' class='lia-form-label'> Associated Products </label> </div> <div class='lia-quilt-row lia-quilt-row-standard'> <div class='lia-quilt-column lia-quilt-column-24 lia-quilt-column-single'> <div class='lia-quilt-column-alley lia-quilt-column-alley-single'> <div class='lia-form-input-wrapper'> <input class='lia-form-products-input lia-form-type-text lia-js-hidden lia-token-input lia-tooltip-trigger' id='lia-products' name='products' type='text'></input><div role='alertdialog' class='lia-content lia-tooltip-pos-bottom-left lia-panel-tooltip-wrapper' id='lia-productsField_0-tooltip-element'><div class='lia-tooltip-arrow'></div><div class='lia-panel-tooltip'><div class='content'>You do not have permission to remove this product association.</div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <textarea style='display: none !important;' maxlength='100' rows='8' cols='45' name='hpField'></textarea> </form> </div>   </div> </div> </div><div class="lia-quilt-row lia-quilt-row-footer"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-common-footer"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single"> <div class="lia-quilt lia-quilt-footer lia-quilt-layout-footer lia-component-quilt-footer"> <div class="lia-quilt-row lia-quilt-row-main-footer"> <div class="lia-quilt-column lia-quilt-column-24 lia-quilt-column-single lia-quilt-column-main-footer"> <div class="lia-quilt-column-alley lia-quilt-column-alley-single">  <div class="beta-footer-new"> <div class="container"> <div class="FooterNew"> <div data-id="square-community" class="sellerCommunity"> <p class="toggleFooter">Square Community<span><i class="lia-fa lia-fa-angle-down"></i></span></p> <ul class="footerContent"> <li><a href="https://www.sellercommunity.com/t5/Help/ct-p/help-ie">Help</a></li> <li><a href="https://www.sellercommunity.com/t5/Connect/ct-p/connect-ie">Connect</a></li> <li><a href="https://www.sellercommunity.com/t5/Seller-Groups/ct-p/SellerGroups">Groups</a></li> <li><a href="https://www.sellercommunity.com/t5/Events/ct-p/Events">Events</a></li> <li><a href="https://www.sellercommunity.com/t5/Video-Library/tkb-p/VideoLibrary">Video Library</a></li> <li><a href="https://www.sellercommunity.com/t5/Square-Ireland-Product-Updates/bg-p/Square-Ireland-Product-Updates">Product Updates</a></li> <li><a href="https://www.sellercommunity.com/t5/Beta-Seller-Community/ct-p/Beta-Seller-community-global">Beta Community</a></li> <li><a href="https://www.sellercommunity.com/t5/Community-Hub/ct-p/CommunityHub">About Square Community</a></li> <li><a href="https://www.sellercommunity.com/t5/Seller-Community-Blog/bg-p/SellerCommunityBlog">Community Blog</a></li> </ul> </div> <div data-id="square-products" class="sellerCommunity"> <p class="toggleFooter">Square Products<span><i class="lia-fa lia-fa-angle-down"></i></span></p> <ul class="footerContent"> <li><a href="https://squareup.com/payments">Payments</a></li> <li><a href="https://squareup.com/point-of-sale">Point of Sale</a></li> <li><a href="https://squareup.com/ecommerce">eCommerce</a></li> <li><a href="https://squareup.com/hardware">Hardware</a></li> <li><a href="https://squareup.com/banking">Banking</a></li> <li><a href="https://squareup.com/point-of-sale/restaurants/kitchen-display-system">Square KDS</a></li> <li><a href="https://squareup.com/payroll">Payroll</a></li> <li><a href="https://squareup.com/appointments">Appointments</a></li> <li><a href="https://squareup.com/invoices">Invoices</a></li> </ul> </div> <div data-id="resources" class="sellerCommunity"> <p class="toggleFooter">Resources<span><i class="lia-fa lia-fa-angle-down"></i></span></p> <ul class="footerContent"> <li><a href="https://squareup.com">About Square</a></li> <li><a href="https://squareup.com/signup?country_code=ie">Create a Square Account</a></li> <li><a href="https://squareup.com/help/?show_sq_bot=true">Get Help</a></li> <li><a href="https://squareup.com/sales">Contact Sales</a></li> </ul> </div> <div data-id="more" class="sellerCommunity"> <p class="toggleFooter">More<span><i class="lia-fa lia-fa-angle-down"></i></span></p> <ul class="footerContent"> <li><a href="https://www.sellercommunity.com/t5/Square-Champions-Program/ct-p/SquareChampionsProgram">Square Champions</a></li> <li><a href="https://www.sellercommunity.com/t5/Community-Corner/bd-p/CommunityCorner">Community Corner</a></li> <li><a href="https://www.sellercommunity.com/t5/forums/postpage/category-id/Seller_Community_IE/choose-node/true">Ask the Community</a></li> <li><a href="https://www.sellercommunity.com/t5/forums/unansweredtopicspage/node-id/category:592?uid=592">Help the Community</a></li> </ul> </div> </div> <div class="empty-div"></div> <div class="beta-footer-nav"> <ul class="beta-footer-nav-list"> <li class="beta-footer-nav-item languageselect"> <span class="currentlang en-ie">English</span> </li> <li class="beta-footer-nav-item social-icons"> <div class="column"> <a href="https://twitter.com/squareireland" data-link-label="Footer Section" data-link-action="Twitter"> <svg height="20" width="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M16.4,6.6c0,0.2,0,0.3,0,0.5c0,4.8-3.3,10.1-9.3,10.1c-1.9,0-3.6-0.4-5-1.4c0.3,0,0.5,0.1,0.8,0.1 c1.5,0,3-0.6,4.1-1.6c-1.4,0-2.6-1.1-3.1-2.5c0.2,0,0.4,0.1,0.6,0.1c0.3,0,0.7,0,1-0.1C3.9,11.4,3,9.9,3,8.1c0,0,0,0,0,0 c0,0.3,0.7,0.4,1.2,0.5c-0.9-0.7-1.4-1.8-1.4-3c0-0.7,0.1-1.3,0.4-1.8c1.6,2.2,3.9,3.6,6.6,3.8C9.8,7.2,9.8,6.9,9.8,6.7 c0-2,1.5-3.9,3.3-3.9c0.9,0,1.8,0.7,2.4,1.4c0.7-0.2,1.4-0.5,2.1-0.9c-0.2,0.8-0.8,1.6-1.4,2C16.8,5.2,17.4,5,18,4.7 C17.6,5.5,17,6.1,16.4,6.6z" fill="#fff" /> </svg> </a> </div> <div class="column"> <a href="https://www.facebook.com/squareireland" data-link-label="Footer Section" data-link-action="Facebook"> <svg height="20" width="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M14.2,11l0.4-3H11V6.3C11,5.4,11.9,5,13.1,5H14V2.1c0,0-1.3-0.1-2.4-0.1 C9.3,2,8,3.4,8,6v2H5v3h3v7h3v-7H14.2z" fill="#fff" /> </svg> </a> </div> <div class="column"> <a href="https://instagram.com/squareireland" data-link-label="Footer Section" data-link-action="Instagram"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 17 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.749 4.69997C16.749 3.79997 16.5495 3.29997 16.3501 2.79997C16.1506 2.19997 15.8514 1.79997 15.3528 1.39997C14.9269 0.972919 14.5738 0.764715 14.1691 0.526135L14.169 0.526092C14.0999 0.485351 14.0293 0.443724 13.9566 0.399969C13.458 0.199969 12.8596 0.0999695 12.0618 -3.05176e-05H8.9703C6.87604 -3.05176e-05 6.47714 -3.05176e-05 5.67933 0.0999695C4.78179 0.0999695 4.28316 0.299969 3.78453 0.499969C3.18617 0.699969 2.78726 0.899969 2.38836 1.39997C1.99917 1.71218 1.79224 2.0853 1.5779 2.4718C1.51762 2.58048 1.45676 2.69023 1.39109 2.79997C1.19164 3.39997 1.09191 3.89997 1.09191 4.79997C0.992188 5.49997 0.992188 5.79997 0.992188 7.99997C0.992188 10.2 0.992188 10.5 1.09191 11.3C1.09191 12.2 1.29137 12.7 1.49082 13.2C1.69027 13.8 1.98945 14.2 2.48808 14.6C2.98672 15 3.38562 15.3 3.88425 15.6C4.28316 15.8 4.98124 15.9 5.77905 16H8.9703C11.0646 16 11.3637 16 12.1615 15.9C13.0591 15.9 13.5577 15.7 14.0563 15.5C14.6547 15.3 15.0536 15 15.4525 14.5C15.8784 14.0729 16.086 13.7188 16.324 13.3131L16.324 13.313L16.324 13.3129L16.3243 13.3124C16.3648 13.2433 16.4063 13.1727 16.4498 13.1C16.6492 12.6 16.749 12 16.8487 11.2C16.8487 10.8489 16.8639 10.6195 16.8824 10.3398C16.9113 9.90238 16.9484 9.34176 16.9484 7.99997C16.9264 7.53669 16.9093 7.15614 16.8948 6.83579L16.8948 6.83574C16.8438 5.704 16.8267 5.32347 16.749 4.69997ZM15.3564 11.1999C15.3564 11.6961 15.2797 12.0384 15.2214 12.2984C15.1857 12.4576 15.1569 12.586 15.1569 12.6999C14.9575 13.0999 14.8578 13.2999 14.5586 13.5999C14.3591 13.7999 13.9602 14.0999 13.661 14.1999C13.3619 14.2999 12.963 14.3999 12.1652 14.3999C11.81 14.3999 11.5642 14.4156 11.2671 14.4345H11.2671H11.2671C10.8132 14.4634 10.2396 14.4999 8.97391 14.4999C6.87965 14.4999 6.58047 14.4999 5.78266 14.3999C5.28785 14.3999 4.94649 14.323 4.68719 14.2646C4.5284 14.2288 4.40039 14.1999 4.28676 14.1999C3.78813 14.0999 3.58868 13.9999 3.2895 13.5999C3.09005 13.3999 2.79087 12.9999 2.69114 12.6999C2.49169 12.3999 2.39196 11.9999 2.39196 11.1999C2.39196 10.8439 2.37635 10.5973 2.35748 10.2994C2.32866 9.84426 2.29224 9.26908 2.29224 7.99993C2.29224 5.79993 2.29224 5.59993 2.39196 4.79993C2.39196 4.30377 2.46868 3.96147 2.52696 3.70146C2.56265 3.54223 2.59142 3.41387 2.59142 3.29993C2.79087 2.89993 2.89059 2.69993 3.18977 2.39993C3.38923 2.19993 3.78813 1.89993 4.08731 1.79993C4.23266 1.77078 4.36954 1.73313 4.5103 1.69442C4.8524 1.60033 5.21741 1.49993 5.78266 1.49993C6.14301 1.49993 6.40692 1.48381 6.72281 1.46452C7.19372 1.43575 7.78016 1.39993 8.97391 1.39993C10.9684 1.39993 11.2676 1.39993 12.0654 1.49993C12.5602 1.49993 12.9016 1.57686 13.1609 1.6353C13.3197 1.67108 13.4477 1.69993 13.5613 1.69993C13.9602 1.89993 14.1597 1.99993 14.4589 2.29993C14.758 2.59993 14.9575 2.99993 15.0572 3.29993C15.2567 3.59993 15.3564 3.99993 15.3564 4.79993C15.3564 5.15601 15.372 5.40251 15.3909 5.70046V5.70047V5.70048C15.4197 6.15561 15.4561 6.73079 15.4561 7.99993C15.4561 10.1999 15.4561 10.3999 15.3564 11.1999ZM4.88477 7.99987C4.88477 5.69987 6.77957 3.89987 8.97355 3.89987C11.1675 3.89987 12.9626 5.79987 12.9626 7.99987C12.9626 10.1999 11.2673 12.0999 8.97355 12.0999C6.67984 12.0999 4.88477 10.2999 4.88477 7.99987ZM8.97863 10.5999C7.58246 10.5999 6.38574 9.39993 6.38574 7.99993C6.38574 6.59993 7.48273 5.39993 8.97863 5.39993C10.4745 5.39993 11.5715 6.59993 11.5715 7.99993C11.5715 9.39993 10.3748 10.5999 8.97863 10.5999ZM13.0666 4.79984C13.665 4.79984 14.0639 4.39984 14.0639 3.79984C14.0639 3.19984 13.665 2.79984 13.0666 2.79984C12.4682 2.79984 12.0693 3.19984 12.0693 3.79984C12.0693 4.39984 12.4682 4.79984 13.0666 4.79984Z" fill="white"/> </svg> </a> </div> </li> </ul> </div> <div class="empty-div"></div> <div class="beta-footer-sub-nav"> <div class="footer-sub-nav-left"> <span class="copyright">© 2022 Squareup International, Ltd.</span> </div> <div class="footer-sub-nav-right"> <ul > <li class="privacy-links"><a href="https://squareup.com/legal/privacy" data-link-label="Footer Section" data-link-action="Privacy Policy">Privacy Policy</a></li> <li class="privacy-links"><a href="https://squareup.com/legal/ua" data-link-label="Footer Section" data-link-action="Seller Agreement"> Legal</a></li> <li class="privacy-links"></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <style> .lia-component-message-view-widget-author-avatar UserAvatar, .lia-component-common-widget-user-avatar .UserAvatar { width: 43px; position: relative; height: 43px; display: inline-block; } .custom-avatar-img { border-radius: unset !important; box-shadow: none !important; width: 43px; height: 43px; } .custom-initial-letter { position: absolute; top: 0; font-family: "Square Sans Display"; font-size: 25.45px; font-weight: 500; line-height: 33.09px; display: flex; align-items: center; width: 100%; justify-content: center; color: #000; text-transform: capitalize; height: 100%; } </style> <script> const images = document.querySelectorAll('img[src*="static0"], img[src*="avatar-collection"]:not(.lia-form-avatar-collection-display-entry img), img[src*="/html/assets/default-avatar.svg"]'); function rednderImage(image) { const shapeNumbersArray = [ '01', '01-1', '01-2', '01-3', '01-4', '01-5', '02', '02-1', '02-2', '02-3', '02-4', '02-5', '03', '03-1', '03-2', '03-3', '03-4', '03-5', '04', '04-1', '04-2', '04-3', '04-4', '04-5', '05', '05-1', '05-2', '05-3', '05-4', '05-5', '06', '06-1', '06-2', '06-3', '06-4', '06-5', '07', '07-1', '07-2', '07-3', '07-4', '07-5', '08', '08-1', '08-2', '08-3', '08-4', '08-5', '09', '09-1', '09-2', '09-3', '09-4', '09-5', '10', '10-1', '10-2', '10-3', '10-4', '10-5', '11', '11-1', '11-2', '11-3', '11-4', '11-5', '12', '12-1', '12-2', '12-3', '12-4', '12-5' ]; // Function to assign a shape number function assignShapeNumber(characters, array) { const mapping = {}; let index = 0; // Loop through the characters and assign a number from the array characters.forEach((char) => { mapping[char] = array[index]; index = (index + 1) % array.length; // Loop back to the start of the array if we run out }); return mapping; } // Define character sets const englishAlphabet = [..."abcdefghijklmnopqrstuvwxyz"]; const hiragana = [..."あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん"]; const katakana = [..."アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン"]; // Assign numbers const englishMapping = assignShapeNumber(englishAlphabet, shapeNumbersArray); const hiraganaMapping = assignShapeNumber(hiragana, shapeNumbersArray); const katakanaMapping = assignShapeNumber(katakana, shapeNumbersArray); // Default number for Kanji const defaultNumber = "01"; // Default shape number for Kanji // Function to get shape number for a character function getShapeNumber(character) { character = character?.toLowerCase(); if (englishMapping[character]) { return englishMapping[character]; // English alphabet } else if (hiraganaMapping[character]) { return hiraganaMapping[character]; // Hiragana } else if (katakanaMapping[character]) { return katakanaMapping[character]; // Katakana } else { return defaultNumber; // Default for Kanji or unsupported characters } } image.classList.add("alreadyDone"); // Store the image title in a variable named loginName const loginName = image.title || image.alt || undefined; let firstAlpha = loginName?.match(/\p{L}/u); firstAlpha = firstAlpha ? firstAlpha[0] : undefined; let imgSrc = image.src; const randomNumber = getShapeNumber(firstAlpha); if(!imgSrc.includes('/Shape')) { imgSrc = "/t5/image/serverpage/avatar-name/Shape-"+randomNumber+"/avatar-theme/candy/avatar-collection/Shapes/avatar-display-size/profile/version/2?xdesc=1.0"; } if(firstAlpha === undefined || firstAlpha == "") { const svgIcon = '/skins/images/C94F95A053E61E7F96518BA80506A9FC/responsive_peak/images/icon_anonymous_profile.png' const span = document.createElement('div'); span.className = "svgWrapper"; span.innerHTML = svgIcon; image.src = svgIcon; } else { // Create a span element and put the firstAlpha value inside it const spanElement = document.createElement('span'); spanElement.classList.add("custom-initial-letter"); spanElement.textContent = firstAlpha.toUpperCase(); spanElement.style.width = (image.offsetWidth || 40) + 'px'; spanElement.style.height = (image.offsetHeight || 40) + 'px'; //style the image tag image.classList.add("custom-avatar-img"); image.style.backgroundColor = 'transparent'; image.src = imgSrc; // style parent node image.parentNode.style.position = "relative"; image.parentNode.style.display = "inline-block"; image.parentNode.style.backgroundColor = "transparent"; image.parentNode.appendChild(spanElement); // for parent's parent node // set position of rank icon according to the background shape selected const parentOfParent = image.parentNode.parentNode; const siblingNode = parentOfParent.nextElementSibling; if (siblingNode) { switch (true) { case imgSrc.includes("Shape-01"): siblingNode.style.top = "-7px"; siblingNode.style.right = "-7px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-02"): siblingNode.style.top = "-6px"; siblingNode.style.right = "-6px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-03"): siblingNode.style.top = "-6px"; siblingNode.style.right = "-6px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-04"): siblingNode.style.top = "-6px"; siblingNode.style.right = "-6px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-05"): siblingNode.style.top = "-6px"; siblingNode.style.right = "-6px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-06"): siblingNode.style.top = "-5px"; siblingNode.style.right = "-5px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-07"): siblingNode.style.top = "-6px"; siblingNode.style.right = "-6px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-08"): siblingNode.style.top = "-8px"; siblingNode.style.right = "-8px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-09"): siblingNode.style.top = "-8px"; siblingNode.style.right = "-8px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-10"): siblingNode.style.top = "-4px"; siblingNode.style.right = "-4px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-11"): siblingNode.style.top = "-4px"; siblingNode.style.right = "-4px"; siblingNode.style.bottom = "unset"; break; case imgSrc.includes("Shape-12"): siblingNode.style.top = "-7px"; siblingNode.style.right = "-7px"; siblingNode.style.bottom = "unset"; break; default: break; } } } } // Loop through each image images.forEach(image => { rednderImage(image); }); </script> <script> // Select the target node to observe for changes const targetNode = document.body; // Options for the observer (check for childList changes) const observerConfig = { childList: true, subtree: true }; // Create the observer instance const observer = new MutationObserver((mutationsList) => { for (let mutation of mutationsList) { // Check each added node to see if it's an image if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { const addedNodes = mutation.addedNodes; for (let i = 0; i < addedNodes.length; i++) { const addedNode = addedNodes[i]; if (addedNode.nodeType === Node.ELEMENT_NODE && addedNode.tagName === 'IMG' && addedNode.src.includes('avatar-collection')) { } else if (addedNode.nodeType === Node.ELEMENT_NODE && addedNode.children.length > 0) { // If the added node has child elements, recursively check for images const newImages = addedNode.querySelectorAll('img[src*="avatar-collection"]:not(.alreadyDone):not(.lia-form-avatar-collection-display-entry img), img[src*="/html/assets/default-avatar.svg"]:not(.alreadyDone)'); if (newImages.length > 0) { newImages.forEach(image => { rednderImage(image); }); } } } } } }); // Start observing the target node for changes observer.observe(targetNode, observerConfig); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script> </center> </div> <meta name="google-site-verification" content="Ik5cd4-7_wS7znfoY4fZVYJF8nXnN_MB0tLADEPHy8o" /> <script type="text/plain" class="optanon-category-C0004"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-9517040-49', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> new Image().src = ["/","b","e","a","c","o","n","/","1","9","5","2","8","4","5","2","9","4","8","5","_","1","7","4","0","5","7","5","9","5","6","1","8","7",".","g","i","f"].join(""); </script> <script type="text/javascript" src="/t5/scripts/C1D0FDEB5D557CE5FA1EFA105E95A13F/lia-scripts-common-min.js"></script><script type="text/javascript" src="/t5/scripts/9ECC027D77338E47C2658E807D500D52/lia-scripts-body-min.js"></script><script language="javascript" type="text/javascript">  </script><script type="text/javascript"> /* Hover cards functionality for Lithium Communities */ (function($) { //START END-USER CONFIGURATION //------------------------------ //selectors for hover card triggers var allHoverCardTriggers = '.authors a, .messageauthorusername a, a.lia-user-name-link, .js-latest-post-by-from a, .user-online-list li a, a.UserAvatar, .ViewProfilePage img.lia-user-avatar-profile, .customUsersOnline a, #authors a, .username a.view-profile-link, .user-cardheader .user-avater a, .user-cardheader .user-name a'; //unfortunately all environment paths to endpoints are different if(window.location.host=='uuotz38957.stage.lithium.com'){ var userApiUrl = '/plugins/custom/squareinc/squareinc/hovercardendpoint?user_id='; } else { var userApiUrl = '/plugins/custom/squareinc/squareinc/hovercardendpoint?user_id='; } //------------------------------ //STOP END-USER CONFIGURATION if(jQuery('.hover-card-container').length<1){ jQuery('body').append('<div class="hover-card-container"></div>'); } var cardWrapper = jQuery('.hover-card-container'); var error = false; var thisUserID = ''; var cardTimer; function mouseenter(Elem) { //console.log('mouseenter'); var thisEl = Elem; cardTimer = setTimeout(function(){ var docWidth = jQuery(document).width(); var rightSide = false; //return user id var userLink = thisEl.attr('href'); if(jQuery('.ViewProfilePage').length && jQuery('img.lia-user-avatar-profile',thisEl).length){ thisUserID = 'jQuery{userid}'; } else if(thisEl.attr('href')=='#'){ var userLink = "#"; return false; } else{ var thisLen = (userLink).split('/'); thisUserID = (thisLen)[thisLen.length-1]; } var thisCard = jQuery('.profileCard[data-user='+thisUserID+']',cardWrapper); var thisElLeftOffset = Math.round(thisEl.offset().left+(thisEl.width())); var thisElTopOffset = Math.round(thisEl.offset().top+(thisEl.height()/2)-139); if((thisElLeftOffset+387)>=docWidth){ //hover card is too far to the right of the screen var thisElLeftOffset = Math.round(thisEl.offset().left-387); rightSide = true; } if(thisCard.length && jQuery('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).length<1){ jQuery('.profileCard',cardWrapper).hide(); rightSide?thisCard.addClass('rightArrow'):thisCard.removeClass('rightArrow'); thisCard.delay(500).css({'top':thisElTopOffset,'left':thisElLeftOffset}).stop().show(); } else { var ajaxReturn = ''; //just in case thisCard.remove(); //hover card wrapper markup var rightArrowClass = rightSide?'rightArrow':''; var profileCardHtml = '<div class="profileCard '+rightArrowClass+'" style="display:block;top:'+thisElTopOffset+'px;left:'+thisElLeftOffset+'px;" data-user="'+thisUserID+'"><div class="inner"><img src="/html/assets/loading.gif" class="preloader" style="margin:80px auto;display:block;" /></div></div>'; jQuery.when( //get the background jQuery.ajax({ type: 'GET', url: userApiUrl+thisUserID, dataType: 'html', success: function(data) { jQuery('.profileCard',cardWrapper).hide(); ajaxReturn = data; } }) ) .done(function(){ cardWrapper.append(profileCardHtml); jQuery('.profileCard[data-user='+thisUserID+']',cardWrapper).eq(0).empty().html(ajaxReturn).on({mouseleave: function() { clearTimeout(cardTimer); if(jQuery('.profileCard[data-user='+thisUserID+']',cardWrapper).length){ jQuery('.profileCard[data-user='+thisUserID+']',cardWrapper).delay(200).fadeOut('fast'); } } }); if(jQuery('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).length){ jQuery('.profileCard[data-user='+thisUserID+'] .preloader',cardWrapper).parents('div.profileCard').remove(); } }) .fail(function(){ //uh oh - bail out! jQuery('.profileCard',cardWrapper).hide(); }); } },400); } function mouseleave() { //console.log('mouseleave'); clearTimeout(cardTimer); if(jQuery('.profileCard[data-user='+thisUserID+']',cardWrapper).length){ jQuery('.profileCard[data-user='+thisUserID+']',cardWrapper).delay(200).fadeOut('fast'); } } jQuery(document).on("mouseenter", allHoverCardTriggers, function(event) { //console.log('document-mouseenter'); if(!(jQuery(this).parents().hasClass('new-header-container'))){ mouseenter(jQuery(this)); event.stopPropagation(); } }); jQuery(document).on("mouseleave", allHoverCardTriggers, function(event) { //console.log('document-mouseleave'); mouseleave(); event.stopPropagation(); }); })(LITHIUM.jQuery); </script> <style> /* ----------------------- Profile Hover Cards (start) ------------------------------------- */ .hover-card-container{ } .hover-card-container .profileCard { display: none; padding: 0 0 0 17px; position: absolute; z-index: 200; } .hover-card-container .rightArrow { padding: 0 17px 0 0; } .hover-card-container .profileCard .inner { background: #fff; width: 420px; height: auto; border-radius:3px; border:1px solid #e0e0e0; } .hover-card-container .profileCard:hover { display: block !important; opacity: 1 !important; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)' !important; filter:alpha(opacity=100) !important; } .hover-card-container .profileCard span.hover-arrow { height: 24px; left: 6px; position: absolute; top: 129px; width: 24px; background: #fafafa; transform: rotate(45deg); border: 1px solid #e8e8e8; z-index: -1111; } .hover-card-container .rightArrow span.hover-arrow { right: 4px; left: auto; background: url(/html/assets/hovercard-arrow-right.png) top right no-repeat; } .hover-card-container .profileCard .js-user-name { position: relative; padding: 15px 13px; background-size: 100%; border-top-right-radius: 3px; border-top-left-radius: 3px; display: inline-block; width: 100%; } .hover-card-container .profileCard .js-user-name .lia-badge-user-info img.lia-user-rank-icon-left { height: 12px; } .hover-card-container .profileCard .js-user-name > a { display: inline-block; float: left; width: 70px; margin-right: 20px; margin-left: 10px; border-radius: 50%; position: relative; background-color: #3B4043; } .hover-card-container .profileCard .js-user-name .lia-badge-user-info { display: inline-block; position: relative; font-size: 12px; width: 290px; } .hover-card-container .profileCard .js-user-name .lia-badge-user-info a.lia-user-name-link { font-size: 17px; font-weight:500; } .hover-card-container .profileCard .js-user-name .lia-badge-user-info a.lia-user-name-link span.login-bold { font-weight: bold; } .hover-card-container .profileCard .js-user-name .lia-badge-user-info .lia-user-rank { font-size: 12px; color: #c3c3c3; } .hover-card-container .profileCard .js-badge { background: #FAFAFA; padding: 2px 0px 2px 0px; height: auto; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; text-align: center; } .hover-card-container .profileCard .js-badge ul li { display: inline-block; margin: 0 9px 0px 5px; color: #acacac; font-size: 14px; width: 55px; height: 55px; } .hover-card-container .profileCard .js-badge ul li.noBadges, .hover-card-container .profileCard .js-badge ul li.badgeTotal { margin: 0; } .hover-card-container .profileCard .js-badge ul li.badgeTotal { position: relative; } .hover-card-container .profileCard .js-badge ul li.badgeTotal a { position: absolute; top: 0; border: 1px solid #acacac; display: block; border-radius: 20px; font-size: 14px; height: 39px !important; line-height: 39px; text-align: center; color: #acacac !important; font-weight: bold; width: 39px !important; } .hover-card-container .profileCard .js-badge ul li.noBadges { width: auto; height: auto; } .hover-card-container .profileCard ul.js-user-stats { padding-top: 5px; padding-bottom: 0px; padding-left: 50px; } .hover-card-container .profileCard ul.js-user-stats li { float: left; width: 30%; display: inline; margin: 5px 0 !important; } .hover-card-container .profileCard ul.js-user-stats li span { display: inline !important; } .hover-card-container .profileCard ul.js-user-stats li span.label { font-size: 14px; } .hover-card-container .profileCard ul.js-user-stats li span.value { font-size: 14px; color: #808080; } .hover-card-container .profileCard ul.js-action { padding:0px 35px; } .hover-card-container .profileCard ul.js-action li a { font-size: 14px; font-weight: bold; line-height: 12px; padding: 15px 0 15px 0; text-align: center; text-transform: uppercase; } .hover-card-container .profileCard ul.js-action li { width: 48%; text-align: center; display: inline-block !important; padding: 0px 10px 10px 10px; } .hover-card-container .profileCard ul.js-action li.send-msg { width: 48%; } .hover-card-container .profileCard ul.js-action li a { display: block; color: #fff; background: #2996CC; border-radius: 4px; font-weight: normal; font-size: 13px; } .hover-card-container .clearboth { clear: both; } /****** tb_moderntech */ .hover-card-container .profileCard .lia-badge-theme-tb_moderntech .lia-user-rank { color:#333333 !important;} /****** tb_splat */ .hover-card-container .profileCard .lia-badge-theme-tb_splat .lia-user-rank { color:#000000 !important;} /****** tb_bayfog */ /****** tb_tokyomadness */ /* Custom Css **/ .hover-card-container .lia-user-name span.userProfile a { white-space: normal; } .hover-card-container .lia-user-name span.user-role{ text-transform: uppercase; color: #9DA6B2; } .hover-card-container .profileCard .js-user-name a img.lia-user-avatar-message { height: 70px; width: 70px; border-radius: 50%; object-fit: cover; } .hover-card-container .lia-user-name span { display: block; color: #BBBDBF; } a.lia-link-navigation.lia-page-link.lia-user-name-link { color: #1B2126; } .js-badge ul li a img { width: 100%; } div.js-badge ul { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 5px; } .hover-card-footer { text-align: center; } /* ----------------------- Profile Hover Cards (end) ------------------------------------- */ </style> </body> </html>