(() => {
  if (!window.NetFunnel) {
    console.warn('window.NetFunnel을 찾을 수 없습니다. 넷퍼넬 스킨 초기화를 생략합니다.');

    return;
  }

  // ========================================================
  const skinId = 'shopby-netfunnel-skin'; // skinId는 변경 가능한 값입니다.
  const SHOPBY_NETFUNNEL_SKIN_ID = 'netfunnel-skin-id'; // sessionStorage의 키 'netfunnel-skin-id'는 내부적으로 초기화에 사용되는 키입니다. 변경해선 안됩니다.

  sessionStorage.setItem(SHOPBY_NETFUNNEL_SKIN_ID, skinId);
  // ========================================================

  window.NetFunnel.SkinUtil.add(
    skinId,
    {
      htmlStr: `
        <div class="netfunnel-wrapper">
          <div id="NetFunnel_Skin_Top" class="netfunnel">
            <img src="https://shopby-skin.cdn-nhncommerce.com/assets/images/img-area.gif" alt="대기중 안내 이미지" />
            <section id="netfunnel_loading" class="netfunnel" role="alert">
              <strong class="netfunnel__header">사용자가 많아 접속 대기중이에요</strong>
              <div class="netfunnel__waiting-info">
                <p>
                  대기자 수 : <span class="netfunnel__waiting-count"><strong id="NetFunnel_Loading_Popup_Count"></strong></span>
                </p>
                <p>
                  남은 시간 : <span class="netfunnel__waiting-count"><strong id="NetFunnel_Loading_Popup_TimeLeft"></strong></span>
                </p>
              </div>
              <p class="netfunnel__message">
                잠시만 기다리시면 순서에 따라 자동 접속됩니다.<br />새로고침하면 대기시간이 길어질 수 있어요.
              </p>
            </section>
          </div>
        </div>
      `,
      prepareCallback() {
        document.getElementById('mpopup_bg').style.backgroundColor = 'rgba(255, 255, 255)';
      },
    },
    ShopbySkin.utils.isMobile() ? 'mobile' : 'normal'
  );
})();