{"version":3,"file":"js/91967-cc83ec49b9b7a168d531.js","mappings":"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","sources":["webpack:///./app/javascript/components/desktop/FooterActionContainer/styles.js","webpack:///./app/javascript/components/desktop/FooterActionContainer/LineContact.jsx","webpack:///./app/javascript/components/desktop/FooterActionContainer/CustomerSuggestion.jsx","webpack:///./app/javascript/components/desktop/FooterActionContainer/CompareListBottom/style.js","webpack:///./app/javascript/components/desktop/FooterActionContainer/CompareListBottom/index.jsx","webpack:///./app/javascript/components/desktop/HomeAds/FooterAds/index.jsx","webpack:///./app/javascript/components/desktop/FooterActionContainer/index.jsx","webpack:///./app/javascript/constants/locales/IconFooter/translations.js","webpack:///./app/javascript/graphql/mutations/CompareListItemMutation.js","webpack:///./app/javascript/graphql/queries/UserCompareListQuery.js"],"sourcesContent":["import { Link } from '../../../elements'\nimport styled from 'styled-components'\n\nexport const AdvertisementContainer = styled.div`\n  position: fixed;\n  height: auto;\n  z-index: 999;\n  bottom: 80px;\n  right: 24px;\n`\n\nexport const FooterActionContainer = styled.div`\n  position: relative;\n  display: flex;\n  position: relative;\n  bottom: 8px;\n  z-index: 999;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`\n\nexport const MiddleFooter = styled.div`\n  position: absolute;\n  display: flex;\n  bottom: 0;\n`\n\nexport const RightFooter = styled.div`\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  margin-right: 8px;\n  display: flex;\n  grid-gap: 8px;\n  align-items: end;\n`\n\nexport const BackToTop = styled.button`\n  height: 40px;\n  width: 40px;\n  background-color: $white;\n  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.6);\n  border-radius: 50%;\n  outline: none;\n  border: none;\n\n  &:hover {\n    i {\n      opacity: 0.5;\n    }\n  }\n`\n\nexport const LineQrCode = styled.img`\n  width: 144px;\n  height: 144px;\n  \n`\n\nexport const LineContact = styled.div`\n`\n\nexport const LineIcon = styled.img`\n  width: 20px;\n  height: 20px;\n  margin-right: 8px;\n`\nexport const LineLink = styled(Link)`\n  display: flex;\n  flex-direction: column;\n  border-radius: 20px;\n  padding: 0 16px;\n  line-height: 40px;\n  color: ${props => props.theme.colors.line};\n  background-color: ${props => props.theme.colors.green50};\n  border: none;\n  cursor: pointer;\n  \n  .line-qr-code-container {\n    display: none;\n  }\n  \n  &:hover {\n    .line-qr-code-container {\n      display: flex;\n      margin: auto;\n      padding-top: 16px;\n    }\n    \n    \n    background-color: ${props => props.theme.colors.green100};\n    border: ${props => props.theme.colors.lineLight};\n    color: ${props => props.theme.colors.line};\n  }\n\n  &:active {\n    background-color: ${props => props.theme.colors.lineDark};\n    border: ${props => props.theme.colors.lineDark};\n  }\n`\n\n\nexport const CustomerSuggestion = styled(Link)`\n  display: flex;\n  height: 36px;\n  border-radius: 20px;\n  padding: 0 16px;\n  line-height: 40px;\n  color: ${props => props.theme.colors.mainBlue};\n  background-color: ${props => props.theme.colors.blue50};\n\n  i {\n    margin-right: 8px;\n    line-height: 40px;\n    font-size: 1.20rem;\n  }\n\n  &:hover {\n    background-color: ${props => props.theme.colors.blue100};\n  }\n`\n\nexport const CompareAndLineBar = styled.div`\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n  z-index: 1000;\n`\n\nexport { Link }\n","import * as Styled from './styles'\n\nimport lineImage from './line.webp'\nimport LineQrCode from './line_qr_code.webp'\nimport React from 'react'\n\nconst LineContact = () => {\n\n  const mixpanelObj = {\n    event: 'Click Line Contact'\n  }\n\n  return (\n    <Styled.LineLink\n      id='lineContact'\n      mixpanelObj={mixpanelObj}\n      href='https://line.me/R/ti/p/@onestockhome'\n      target='_blank'\n      rel='noreferrer'\n    >\n      <div className='line-qr-code-container'>\n        <Styled.LineQrCode src={LineQrCode} />\n      </div>\n      <Styled.LineContact>\n        <div>\n          <Styled.LineIcon src={lineImage} />\n          @onestockhome\n        </div>\n      </Styled.LineContact>\n    </Styled.LineLink>\n  )\n}\n\nLineContact.propTypes = {}\n\n\n\nexport default LineContact\n","import * as Styled from './styles'\n\nimport React from 'react'\n\n\nconst CustomerSuggestion = () => {\n\n  const mixpanelObj = {\n    event: 'Click Customer Suggestion'\n  }\n\n  return (\n    <Styled.CustomerSuggestion\n      id='customerSuggestion'\n      mixpanelObj={mixpanelObj}\n      href=\"tel:020239921\"\n      rel='noreferrer'\n      target={'_blank'}>\n      <i className=\"fa-solid fa-phone\" />\n      <div>\n        02-023-9921\n      </div>\n    </Styled.CustomerSuggestion>\n  )\n}\n\nCustomerSuggestion.propTypes = {}\n\n\n\nexport default CustomerSuggestion\n","import styled from 'styled-components'\n\nconst BEFORE_PULL_HEIGHT = 68\nconst AFTER_PULL_HEIGHT = 116\nconst PULL_BUTTON_HEIGHT = 16\n\nexport const Wrapper = styled.div`\n\twidth: 100%;\n\tcolor: ${props => props.theme.colors.white};\n\tz-index: 1000;\n`\n\nexport const BeforePullContainer = styled.div`\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n\theight: ${BEFORE_PULL_HEIGHT}px;\n`\n\nexport const AfterPullContainer = styled.div`\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n\theight: ${AFTER_PULL_HEIGHT}px;\n`\n\nexport const PullButtonBefore = styled.div`\n\tposition: absolute;\n\tdisplay: flex;\n\twidth: 48px;\n\theight: ${PULL_BUTTON_HEIGHT}px;\n\tmargin: 0 auto;\n\tbottom: ${BEFORE_PULL_HEIGHT}px;\n\tbackground-color: rgba(30, 58, 138, 0.40);\n\tcursor: pointer;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-top-left-radius: 8px;\n\tborder-top-right-radius: 8px;\n\n\ti {\n\t\tfont-size: 16px;\n\t}\n\n\t&:hover {\n\t\tbackground-color: ${props => props.theme.colors.grey400};\n\t}\n`\n\nexport const PullButtonAfter = styled.div`\n\tposition: absolute;\n\tdisplay: flex;\n\twidth: 48px;\n\theight: ${PULL_BUTTON_HEIGHT}px;\n\tmargin: 0 auto;\n\tbottom: ${AFTER_PULL_HEIGHT}px;\n\tbackground-color: rgba(30, 58, 138, 0.40);\n\tcursor: pointer;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-top-left-radius: 8px;\n\tborder-top-right-radius: 8px;\n\n\ti {\n\t\tfont-size: 16px;\n\t}\n\n\t&:hover {\n\t\tbackground-color: ${props => props.theme.colors.grey400};\n\t}\n`\n\nexport const BeforePullBar = styled.div`\n\twidth: 100%;\n\tpadding: 12px;\n\tdisplay: flex;\n\tgap: 24px;\n\theight: ${BEFORE_PULL_HEIGHT}px;\n\tbackground-color: rgba(30, 58, 138, 0.40);\n\tjustify-content: center;\n\talign-items: center;\n`\n\nexport const AfterPullBar = styled.div`\n\twidth: 100%;\n\tpadding: 12px;\n\tdisplay: flex;\n\tgap: 24px;\n\theight: ${AFTER_PULL_HEIGHT}px;\n\tbackground-color: rgba(30, 58, 138, 0.40);\n\tjustify-content: center;\n\talign-items: center;\n`\n\nexport const CompareItemCount = styled.div`\n\tfont-size: 16px;\n\tfont-weight: 600;\n\tline-height: 24px;\n`\n\nexport const Icon = styled.i`\n  color: ${props => props.highlight ? props.theme.colors.mainRed : props.theme.colors.zinc500 };\n  font-size: ${props => props.size || '16px'};\n\n  animation-name: ${props => props.$spinning && 'spin'};\n  animation-duration: 5000ms;\n  animation-iteration-count: infinite;\n  animation-timing-function: linear; \n\n  @keyframes spin {\n    from { transform:rotate(0deg); }\n    to { transform:rotate(360deg); }\n  }\n`\n\nexport const LeftSection = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n`\n\nexport const CardContainer = styled.div`\n\tdisplay: flex;\n\tgap: 24px;\n`\n\nexport const Card = styled.div`\n\twidth: 232px;\n\tdisplay: flex;\n\tgap: 8px;\n\tpadding: 8px;\n\tbackground-color: ${props => props.theme.colors.white};\n\tborder-radius: 8px;\n\tcolor: ${props => props.theme.colors.textHeading};\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n`\n\nexport const ItemName = styled.div`\n\twidth: 90%;\n\tfont-size: 14px;\n\n\tdisplay: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n`\n\nexport const EmptyText = styled.div``\n\nexport const DeleteSingleItemButton = styled.div`\n\twidth: 10%;\n\tfont-size: 16px;\n\tcursor: pointer;\n\ttext-align: center;\n`\n\nexport const DeleteAllButton = styled.div`\n\tdisplay: flex;\n\theight: 100%;\n\tpadding: 0 4px;\n\talign-items: center;\n\tgap: 8px;\n\tfont-size: 12px;\n\tcursor: pointer;\n\n\ti {\n\t\tfont-size: 16px;\n\t}\n\n\t&:hover {\n\t\tbackground-color: ${props => props.theme.colors.grey400};\n\t\tborder-radius: 8px;\n\t}\n\n\t&:active {\n\t\tbackground-color: ${props => props.theme.colors.grey600};\n\t\tborder-radius: 8px;\n\t}\n`\n\nexport const CompareButton = styled.div`\n\tdisplay: flex;\n\theight: 44px;\n\tpadding: 0 16px;\n\talign-items: center;\n\tborder: 1px solid ${props => props.theme.colors.mainBlue};\n\tborder-radius: 8px;\n\tbackground-color: ${props => props.theme.colors.white};\n\tcolor: ${props => props.theme.colors.mainBlue};\n\tfont-size: 16px;\n\tfont-weight: 600;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ${props => props.theme.colors.grey200};\n\t}\n\n\t&:active {\n\t\tbackground-color: ${props => props.theme.colors.grey400};\n\t}\n`\n\nexport const Link = styled.a`\n\tflex: auto;\n\twidth: 90%;\n`\n","import * as Styled from './style'\n\nimport { useCurrentUser } from '../../../../utilities/currentUser'\nimport { UserCompareListQuery } from '../../../../graphql/queries/UserCompareListQuery'\nimport { CompareListItemMutation, RemoveAllCompareItemsMutation } from '../../../../graphql/mutations/CompareListItemMutation'\n\nimport React, { useState } from 'react'\nimport { useQuery, useMutation } from '@apollo/client'\nimport { i18n } from 'utilities/i18n'\nimport { Link } from 'elements'\n\nconst renderSpinner = () => {\n  return (\n    <Styled.Wrapper>\n      <Styled.Icon className='fas fa-spinner' size={12} $spinning />\n    </Styled.Wrapper>\n  )\n}\n\nconst renderEmptyList = () => {\n  return (\n    <Styled.EmptyText>\n      {i18n.t('IconFooter.compareList.emptyList')}\n    </Styled.EmptyText>\n  )\n}\n\nconst renderCompareItems = (items, handleDeleteItem) => {\n  if (items.length === 0) return renderEmptyList()\n\n  return items.map((item, index) => {\n    const itemId = item.id\n    const itemName = item.name\n    const mixpanelObj = {\n      event: 'Click Item on Compare List',\n      params: {\n        recommenderType: item.recommenderType || 'Manual',\n        itemId,\n        itemName\n      }\n    }\n\n    return (\n      <Styled.Card key={index}>\n        <Styled.Link as={Link} id={`item_card_${itemId}`} href={item.url} mixpanelObj={mixpanelObj}>\n          <Styled.ItemName>{item.name}</Styled.ItemName>\n        </Styled.Link>\n        <Styled.DeleteSingleItemButton onClick={(e) => handleDeleteItem(item.externalId, e)}>\n          <i className='fa-regular fa-xmark'></i>\n        </Styled.DeleteSingleItemButton>\n      </Styled.Card>\n    )\n  })\n}\n\nconst renderCompareBtn = () => {\n  return (\n    <Styled.CompareButton onClick={() => window.location.href = `/${i18n.locale}/compare_lists`}>\n      {i18n.t('IconFooter.compareList.compare')}\n    </Styled.CompareButton>\n  )\n}\n\nconst renderDeleteAllBtn = (handleDeleteAllItems) => {\n  return (\n    <Styled.DeleteAllButton onClick={(e) => handleDeleteAllItems(e)}>\n      <i className='fa-regular fa-trash-can' />\n      {i18n.t('IconFooter.compareList.removeAll')}\n    </Styled.DeleteAllButton>\n  )\n}\n\nconst renderCompareItemCount = (itemCount) => {\n  return (\n    <Styled.CompareItemCount>\n      {i18n.t('IconFooter.compareList.title')} {itemCount}/4\n    </Styled.CompareItemCount>\n  )\n}\n\nconst CompareListBottom = () => {\n  const [puller, setPuller] = useState(false)\n\n  const { currentUser, loading } = useCurrentUser()\n\n  const {\n    data: compareListData,\n    loading: compareListLoading\n  } = useQuery(\n    UserCompareListQuery,\n    { skip: !currentUser }\n  )\n\n  const [onDeleteCompareList] = useMutation(CompareListItemMutation)\n  const [onDeleteAllItems] = useMutation(RemoveAllCompareItemsMutation)\n\n  const handleDeleteItem = (itemExternalId, e) => {\n    e.preventDefault()\n\n    onDeleteCompareList({ variables: { itemExternalId } })\n  }\n\n  const handleDeleteAllItems = (e) => {\n    e.preventDefault()\n\n    onDeleteAllItems()\n  }\n\n  const onClosePuller = () => {\n    setPuller(false)\n  }\n\n  const onOpenPuller = () => {\n    setPuller(true)\n  }\n\n  if (!currentUser) return null\n  if (loading || compareListLoading) return renderSpinner()\n\n  const compareItems = compareListData?.currentUser?.compareList?.items || []\n  const itemCount = compareItems.length\n\n  if (itemCount === 0) return null\n\n  return (\n    <Styled.Wrapper>\n      {puller ?\n        <Styled.AfterPullContainer>\n          <Styled.PullButtonAfter onClick={onClosePuller}>\n            <i className=\"fas fa-chevron-down\"></i>\n          </Styled.PullButtonAfter>\n\n          <Styled.AfterPullBar>\n            <Styled.LeftSection>\n              {renderCompareItemCount(itemCount)}\n              {renderDeleteAllBtn(handleDeleteAllItems)}\n            </Styled.LeftSection>\n\n            <Styled.CardContainer>\n              {renderCompareItems(compareItems, handleDeleteItem)}\n            </Styled.CardContainer>\n\n            {renderCompareBtn()}\n          </Styled.AfterPullBar>\n        </Styled.AfterPullContainer> :\n\n        <Styled.BeforePullContainer>\n          <Styled.PullButtonBefore onClick={onOpenPuller}>\n            <i className=\"fas fa-chevron-up\"></i>\n          </Styled.PullButtonBefore>\n\n          <Styled.BeforePullBar>\n            {renderDeleteAllBtn(handleDeleteAllItems)}\n            {renderCompareItemCount(itemCount)}\n            {renderCompareBtn()}\n          </Styled.BeforePullBar>\n        </Styled.BeforePullContainer>\n      }\n    </Styled.Wrapper>\n  )\n}\n\nexport default CompareListBottom\n","import React, { useState, Suspense } from 'react'\n\nimport { gql, useQuery } from '@apollo/client'\n\nconst Render = React.lazy(() => import('./render'))\n\nconst HOME_ADS_QUERY = gql`\n  query HomeAdvertisement {\n    homeAdvertisement {\n      title\n      secondaryImage\n    }\n  }\n`\n\nconst HomeFooterAds = () => {\n  const [showAdsPopup, setAdsPopup] = useState(true)\n\n  const { loading, data, error } = useQuery(HOME_ADS_QUERY)\n\n  if (loading) return null\n  if (error) return null\n\n  const { homeAdvertisement } = data\n  if (!homeAdvertisement) return null\n\n  const toggleAdsPopup = () => {\n    setAdsPopup(!showAdsPopup)\n  }\n\n  if (!showAdsPopup) return null\n\n  return (\n    <Suspense fallback={null}>\n      <Render advertisement={homeAdvertisement}\n        showAdsPopup={showAdsPopup}\n        toggleAdsPopup={toggleAdsPopup} />\n    </Suspense>\n  )\n}\n\nHomeFooterAds.propTypes = {}\n\n\n\nexport default HomeFooterAds\n","import * as Styled from './styles'\nimport LineContact from './LineContact'\nimport CustomerSuggestion from './CustomerSuggestion'\nimport CompareListBottom from './CompareListBottom'\nimport HomeFooterAds from '../HomeAds/FooterAds'\n\nimport React from 'react'\nimport {animateScroll as scroll} from 'react-scroll'\nimport CookieConsent from 'react-cookie-consent'\n\nimport { i18n, initializeI18n} from 'utilities/i18n'\nimport translations from 'constants/locales/IconFooter/translations'\n\ninitializeI18n({ localeFiles: translations })\n\nconst renderCookieConsent = () => {\n  return (\n    <CookieConsent\n      disableStyles={true}\n      disableButtonStyles={true}\n      buttonText={i18n.t('IconFooter.accept')}\n      cookieName='OshCookieConsent'\n      containerClasses={'cookie-consent'}\n      contentClasses='align-self-center ml-3'\n      buttonClasses={'cookie-consent-button btn btn-primary'}\n      buttonWrapperClasses={'align-self-center'}\n      expires={365}>\n      {i18n.t('IconFooter.cookiePurpose')}\n      <a href={`/${i18n.locale}/terms_of_service`} target='_blank' rel=\"noreferrer\">\n        <span className='ml-2' >{i18n.t('IconFooter.readMore')}</span>\n      </a>\n    </CookieConsent>\n  )\n}\n\nconst scrollToTop = () => {\n  scroll.scrollToTop({\n    smooth: true,\n    offset: 50,\n    duration: 500\n  })\n}\n\nconst FooterActionContainer = () => {\n\n  return (\n    <>\n      <Styled.AdvertisementContainer>\n        <HomeFooterAds />\n      </Styled.AdvertisementContainer>\n      <Styled.CompareAndLineBar>\n        <Styled.FooterActionContainer className={'line-section'}>\n          <Styled.MiddleFooter>\n            {renderCookieConsent()}\n          </Styled.MiddleFooter>\n\n          <Styled.RightFooter>\n            <Styled.BackToTop aria-label='Go to top' onClick={scrollToTop}>\n              <i className='fas fa-chevron-up'/>\n            </Styled.BackToTop>\n\n            <LineContact />\n            <CustomerSuggestion />\n\n          </Styled.RightFooter>\n        </Styled.FooterActionContainer>\n        <CompareListBottom />\n      </Styled.CompareAndLineBar>\n    </>\n  )\n}\n\nFooterActionContainer.propTypes = {}\n\n\nexport default FooterActionContainer\n","export default {\n  en: {\n    IconFooter: {\n      accept: 'Accept',\n      bath: 'Bath',\n      cart: 'Cart',\n      cancel: 'Cancel',\n      cookiePurpose: 'This website uses cookies to improve user experience',\n      confirmDelete: 'Are you sure you want to delete this item?',\n      price: 'Starting Price',\n      distanceFromSource: 'Avg Distance from Factory',\n      engine: 'OUTCAST Engine',\n      goToCart: 'Go to your cart',\n      km: 'km.',\n      orderLine: 'Order Via LINE',\n      boq: 'BOQ',\n      orderLineMobile: 'LINE',\n      orderSteels: 'Buy Steel',\n      orderNumber: 'Order Number',\n      poweredBy: 'Powered by',\n      previewCart: 'Continue',\n      pricePerKg: 'Price per Kilogram',\n      pricePerTrip: 'Baht/Trip',\n      readMore: 'Read more',\n      save: 'save',\n      selectDistrict: 'District',\n      selectProvince: 'Province',\n      selectVehicleType: 'Select Vehicle Type',\n      title: 'Trucking Cost Calculate',\n      truckingCalculator: 'Trucking Calc',\n      truckingCalculatorMobile: 'Trucking',\n      truckingCost: 'Trucking Cost',\n      truckingDestination: 'Destination',\n      recentView: 'Recent Views',\n      suggestion: 'Suggestion',\n      orderFromChina: 'Order From China',\n      OrderFromG8Rabbit: 'Order From China Hotline By G8rabbit',\n      announcement: {\n        provinces: 'ชลบุรี นครราชสีมา ระยอง อยุธยา',\n        province1: 'ชลบุรี นครราชสีมา',\n        province2: 'ระยอง อยุธยา',\n        shippingCostDetail: 'ค่าขนส่ง ปรับเป็นในพื้นที่เรียบร้อยแล้ว',\n        cheapText: 'ถูกจริง!'\n      },\n      compareList: {\n        title: 'Compare List',\n        compare: 'Compare',\n        removeAll: 'Remove All',\n        reachLimit: 'Compare List is Full, Please Remove Before Adding New Items',\n        emptyList: 'Compare List is Empty, Please Add Items Before Comparing',\n        backToHomePage: 'Back to Homepage'\n      }\n    }\n  },\n\n  th: {\n    IconFooter: {\n      accept: 'ยอมรับ',\n      bath: 'บาท',\n      cancel: 'ยกเลิก',\n      cart: 'ตะกร้า',\n      cookiePurpose: 'เว็บไซต์นี้ใช้คุกกี้เพื่อวัตถุประสงค์ในการปรับปรุงประสบการณ์ของผู้ใช้ให้ดียิ่งขึ้น',\n      confirmDelete: 'คุณต้องการลบรายการนี้?',\n      price: 'ราคาเริ่มต้นที่',\n      distanceFromSource: 'ระยะทางเฉลี่ยจากโรงงาน',\n      engine: 'OUTCAST Engine',\n      goToCart: 'ไปยังตะกร้าสินค้า',\n      km: 'กม.',\n      orderLine: 'สั่งซื้อผ่านไลน์',\n      boq: 'รับทำ BOQ',\n      orderLineMobile: 'ไลน์',\n      orderSteels: 'สั่งซื้อเหล็กด่วน',\n      orderNumber: 'หมายเลขคำสั่งซื้อ',\n      poweredBy: 'ขับเคลื่อนโดย',\n      previewCart: 'ดำเนินการต่อ',\n      pricePerKg: 'ราคาบรรทุกต่อกิโลกรัม',\n      pricePerTrip: 'บาท/เที่ยว',\n      readMore: 'อ่านเพิ่มเติมที่นี่',\n      save: 'บันทึก',\n      selectDistrict: 'เขต/อำเภอ',\n      selectProvince: 'จังหวัด',\n      selectVehicleType: 'ประเภทรถ',\n      title: 'คำนวณค่าขนส่ง',\n      truckingCalculator: 'คำนวณค่าขนส่ง',\n      truckingCalculatorMobile: 'ค่าขนส่ง',\n      truckingCost: 'ราคาค่าบรรทุก',\n      truckingDestination: 'ขนส่งไปยัง',\n      recentView: 'ที่เพิ่งเข้าชม',\n      suggestion: 'แนะนำ-ร้องเรียน',\n      orderFromChina: 'สั่งของจากจีน',\n      OrderFromG8Rabbit: 'สั่งของจากจีน hotline by g8rabbit',\n      announcement: {\n        provinces: 'ชลบุรี นครราชสีมา ระยอง อยุธยา',\n        province1: 'ชลบุรี นครราชสีมา',\n        province2: 'ระยอง อยุธยา',\n        shippingCostDetail: 'ค่าขนส่ง ปรับเป็นในพื้นที่เรียบร้อยแล้ว',\n        cheapText: 'ถูกจริง!'\n      },\n      compareList: {\n        title: 'เปรียบเทียบสินค้า',\n        removeAll: 'ลบทั้งหมด',\n        compare: 'เปรียบเทียบ',\n        reachLimit: 'รายการเปรียบเทียบสินค้าเต็ม กรุณาลบสินค้าที่มีอยู่ในรายการ',\n        emptyList: 'ยังไม่มีสินค้าในรายการเปรียบเทียบ',\n        backToHomePage: 'ไปยังหน้าหลัก'\n      }\n    }\n  }\n}\n","import { gql } from '@apollo/client'\n\nexport const CompareListItemMutation = gql`\n  mutation compareList($itemExternalId: String!) {\n    compareList(itemExternalId: $itemExternalId) {\n      user {\n        id\n        compareList {\n          id\n          items {\n            id\n          }\n        }\n      }\n      item {\n        id\n        isCompareListItem\n      }\n      errors {\n        key\n        message\n      }\n    }\n  }\n`\n\nexport const RemoveAllCompareItemsMutation = gql`\n  mutation removeAllCompareItems {\n    removeAllCompareItems {\n      compareList {\n        id\n        items {\n          id\n        }\n      }\n    }\n  }\n`\n","import { gql } from '@apollo/client'\n\nexport const UserCompareListQuery = gql`\n  query CurrentUser {\n    currentUser {\n      id\n      compareList {\n        id\n        items {\n          id\n          externalId\n          name\n          active\n          sku\n          price\n          listPrice\n          image {\n            small\n            medium\n            large\n          }\n          brand {\n            id\n            name\n            logo {\n              small\n              medium\n            }\n          }\n          weight\n          displaySize\n          unit\n          url\n          discountPercent\n          quickAddToCart\n          isWishlistItem\n          freeShipping\n          bkkFreeShipping\n          bkkEecFreeShipping\n          freeShippingWithNoMin\n          recommenderType\n        }\n      }\n    }\n  }\n`\n"],"names":["AdvertisementContainer","styled","div","_templateObject","_taggedTemplateLiteral","FooterActionContainer","_templateObject2","MiddleFooter","_templateObject3","RightFooter","_templateObject4","BackToTop","button","_templateObject5","LineQrCode","img","_templateObject6","LineContact","_templateObject7","LineIcon","_templateObject8","LineLink","Link","_templateObject9","props","theme","colors","line","green50","green100","lineLight","lineDark","CustomerSuggestion","_templateObject10","mainBlue","blue50","blue100","CompareAndLineBar","_templateObject11","React","Styled","id","mixpanelObj","event","href","target","rel","className","src","lineImage","Wrapper","white","BeforePullContainer","AfterPullContainer","PullButtonBefore","grey400","PullButtonAfter","BeforePullBar","AfterPullBar","CompareItemCount","Icon","i","highlight","mainRed","zinc500","size","$spinning","LeftSection","CardContainer","Card","_templateObject12","textHeading","ItemName","_templateObject13","EmptyText","_templateObject14","DeleteSingleItemButton","_templateObject15","DeleteAllButton","_templateObject16","grey600","CompareButton","_templateObject17","grey200","a","_templateObject18","renderCompareItems","items","handleDeleteItem","length","i18n","t","map","item","index","itemId","itemName","name","params","recommenderType","key","as","concat","url","onClick","e","externalId","renderCompareBtn","window","location","locale","renderDeleteAllBtn","handleDeleteAllItems","renderCompareItemCount","itemCount","_compareListData$curr","_useState2","_slicedToArray","useState","puller","setPuller","_useCurrentUser","useCurrentUser","currentUser","loading","_useQuery","useQuery","UserCompareListQuery","skip","compareListData","data","compareListLoading","onDeleteCompareList","useMutation","CompareListItemMutation","onDeleteAllItems","RemoveAllCompareItemsMutation","preventDefault","compareItems","compareList","itemExternalId","variables","Render","HOME_ADS_QUERY","gql","showAdsPopup","setAdsPopup","error","homeAdvertisement","Suspense","fallback","advertisement","toggleAdsPopup","initializeI18n","localeFiles","translations","scrollToTop","scroll","smooth","offset","duration","HomeFooterAds","CookieConsent","disableStyles","disableButtonStyles","buttonText","cookieName","containerClasses","contentClasses","buttonClasses","buttonWrapperClasses","expires","CompareListBottom","en","IconFooter","accept","bath","cart","cancel","cookiePurpose","confirmDelete","price","distanceFromSource","engine","goToCart","km","orderLine","boq","orderLineMobile","orderSteels","orderNumber","poweredBy","previewCart","pricePerKg","pricePerTrip","readMore","save","selectDistrict","selectProvince","selectVehicleType","title","truckingCalculator","truckingCalculatorMobile","truckingCost","truckingDestination","recentView","suggestion","orderFromChina","OrderFromG8Rabbit","announcement","provinces","province1","province2","shippingCostDetail","cheapText","compare","removeAll","reachLimit","emptyList","backToHomePage","th"],"sourceRoot":""}