https://www.citiesocial.com/cdn/shop/t/18/assets/contact-us-app.bundle.js?v=150402814732303726021785232405

1"use strict";(self.webpackChunkcitiesocial_theme=self.webpackChunkcitiesocial_theme||[]).push([[492],{18068:(n,t,e)=>{e.d(t,{A:()=>o,I:()=>r});var r={phone:480,tablet:768,tabletLandscape:992,desktop:1200};const o={phone:"(min-width: ".concat(r.phone,"px)"),tablet:"(min-width: ".concat(r.tablet,"px)"),tabletLandscape:"(min-width: ".concat(r.tabletLandscape,"px)"),desktop:"(min-width:".concat(r.desktop,"px)")}},32939:(n,t,e)=>{var r,o,i,l,a,c,s,f,u,p,d,m,h,b,g,y,x,v,w=e(96540),k=e(5338),C=(e(52675),e(89463),e(2259),e(45700),e(2008),e(51629),e(23418),e(23792),e(34782),e(89572),e(23288),e(62010),e(2892),e(67945),e(84185),e(52811),e(83851),e(81278),e(79432),e(27495),e(38781),e(47764),e(23500),e(62953),e(74423),e(64346),e(62062),e(15086),e(26099),e(21699),e(76031),e(92568)),O=e(20312),E=e.n(O),A=e(5556),j=e.n(A),S=e(18068);function P(n){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},P(n)}function I(n,t){return t||(t=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(t)}}))}function z(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,r)}return e}function _(n,t,e){return(t=function(n){var t=function(n){if("object"!=P(n)||!n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var e=t.call(n,"string");if("object"!=P(e))return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==P(t)?t:t+""}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}function D(n,t){return function(n){if(Array.isArray(n))return n}(n)||function(n,t){var e=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=e){var r,o,i,l,a=[],c=!0,s=!1;try{if(i=(e=e.call(n)).next,0===t){if(Object(e)!==e)return;c=!1}else for(;!(c=(r=i.call(e)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(n){s=!0,o=n}finally{try{if(!c&&null!=e.return&&(l=e.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}(n,t)||function(n,t){if(n){if("string"==typeof n)return R(n,t);var e={}.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?R(n,t):void 0}}(n,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function R(n,t){(null==t||t>n.length)&&(t=n.length);for(var e=0,r=Array(t);e<t;e++)r[e]=n[e];return r}function T(n){var t=n.icon,e=n.text,r=n.href,o=n.backgroundColor,i=void 0===o?"#fff":o,l=n.textColor,a=void 0===l?"#111":l;return w.createElement($,{target:"_blank",href:r,backgroundColor:i},w.createElement(J,{src:t}),w.createElement(Q,{textColor:a},e))}E().setAppElement("#react-modal"),T.propTypes={icon:j().string.isRequired,text:j().string.isRequired,href:j().string.isRequired,backgroundColor:j().string,textColor:j().string},T.defaultProps={backgroundColor:"#fff",textColor:"#111"};var L=[{icon:"https://cdn.shopify.com/s/files/1/0254/0393/files/line.svg?v=1726319215",text:"開啟 LINE 官方帳號對話",href:"https://maac.io/2DSzI",backgroundColor:"#5ac363",textColor:"#fff"},{icon:"https://cdn.shopify.com/s/files/1/0254/0393/files/form.svg?v=1726319215",text:"線上提問表單",href:"https://citiesocial.zendesk.com/hc/zh-tw/requests/new?ticket_form_id=7080930436377"},{icon:"https://cdn.shopify.com/s/files/1/0254/0393/files/telephone.svg?v=1726319215",text:"撥打客服電話",href:"tel:02-23932610"},{icon:"https://cdn.shopify.com/s/files/1/0254/0393/files/service.svg?v=1726319215",text:"自助查詢中心",href:"https://citiesocial.zendesk.com/hc/zh-tw"}],M=C.Ay.div(r||(r=I(["\n  position: fixed;\n  z-index: 2;\n  bottom: 16px;\n  right: 12px;\n  width: 54px;\n  height: 54px;\n\n  ","\n\n  @media "," {\n    bottom: 24px;\n    right: 24px;\n  }\n"])),function(n){return n.isProductPages&&(0,C.AH)(o||(o=I(["\n      bottom: 86px;\n    "])))},S.A.tablet),q=C.Ay.button(i||(i=I(["\n  width: 54px;\n  height: 54px;\n  padding: 0;\n  background-color: white;\n  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n  border-radius: 100%;\n  border: none;\n  outline: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  img {\n    width: 38px;\n    height: 38px;\n    object-fit: cover;\n  }\n"]))),N=(0,C.i7)(l||(l=I(["\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n"]))),U=(0,C.i7)(a||(a=I(["\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%);\n  }\n"]))),Y=(0,C.Ay)(E())(c||(c=I(["\n  width: 100%;\n  border-radius: 16px 16px 0 0;\n  background-color: #fff;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  animation: "," 0.3s ease-out;\n\n  ","\n\n  @media "," {\n    position: relative;\n    width: 414px;\n    border-radius: 16px;\n    animation: none;\n  }\n"])),N,function(n){return n.isClosing&&(0,C.AH)(s||(s=I(["\n      animation: "," 0.3s ease-in forwards;\n    "])),U)},S.A.tablet),H=C.Ay.div(f||(f=I(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;

1\n"]))),B=C.Ay.button(u||(u=I(["\n  position: absolute;\n  right: 0;\n  width: 48px;\n  height: 48px;\n  background-color: transparent;\n  background-image: url('https://cdn.shopify.com/s/files/1/0254/0393/files/close-contact-us.svg?v=1726317514');\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 24px;\n  border: none;\n  outline: none;\n"]))),G=C.Ay.div(p||(p=I(["\n  margin-top: 20px;\n  font-size: 18px;\n  font-weight: 600;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.39;\n  letter-spacing: 0.3px;\n  text-align: center;\n  color: #111;\n"]))),F=C.Ay.hr(d||(d=I(["\n  margin: 20px 0 24px;\n  width: 100%;\n  height: 1px;\n  background-color: #f0f0f0;\n  border: none;\n"]))),K=C.Ay.div(m||(m=I(["\n  padding: 0 24px 24px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 24px;\n\n  @media "," {\n    padding: 0 32px 32px;\n  }\n"])),S.A.tablet),V=C.Ay.div(h||(h=I(["\n  font-size: 14px;\n  font-weight: normal;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.71;\n  letter-spacing: 0.3px;\n  text-align: left;\n  color: #111;\n"]))),W=C.Ay.div(b||(b=I(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  width: 100%;\n"]))),$=C.Ay.a(g||(g=I(["\n  padding: 13px 16px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  background-color: ",";\n  border-radius: 12px;\n  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);\n"])),function(n){return n.backgroundColor}),J=C.Ay.img(y||(y=I(["\n  width: 24px;\n  height: 24px;\n"]))),Q=C.Ay.div(x||(x=I(["\n  font-size: 14px;\n  font-weight: normal;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.43;\n  letter-spacing: 0.3px;\n  color: ",";\n"])),function(n){return n.textColor}),X=C.Ay.div(v||(v=I(["\n  width: 100%;\n  font-size: 12px;\n  font-weight: normal;\n  font-stretch: normal;\n  font-style: normal;\n  line-height: 1.42;\n  letter-spacing: 0.3px;\n  text-align: left;\n  color: #767676;\n"])));const Z=function(){var n=D((0,w.useState)(!1),2),t=n[0],e=n[1],r=D((0,w.useState)(!1),2),o=r[0],i=r[1],l=D((0,w.useState)(!1),2),a=l[0],c=l[1],s=window.innerWidth<RESPONSIVE_MIDDLE_BREAKING_POINT,f=(0,w.useCallback)(function(){s?(i(!0),setTimeout(function(){e(!1),i(!1)},300)):e(!1)},[]),u=(0,w.useCallback)(function(){e(!0),window.analytics.track("Contact Us Modal Clicked",function(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?z(Object(e),!0).forEach(function(t){_(n,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):z(Object(e)).forEac

1h(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}({},window.segmentTracking.commonInfo))},[]);return(0,w.useEffect)(function(){var n=window.location.pathname,t=![{path:"/cart",hideOnMobile:!1}].some(function(t){return n.includes(t.path)&&(!t.hideOnMobile||s)});c(t)},[]),a?w.createElement(w.Fragment,null,w.createElement(Y,{isOpen:t,isClosing:o,shouldCloseOnOverlayClick:!0,onRequestClose:f,style:{overlay:{backgroundColor:"rgba(0, 0, 0, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:10}},contentLabel:"Contact Us Modal"},w.createElement(H,null,w.createElement(B,{onClick:f}),w.createElement(G,null,"citiesocial 顧客服務"),w.createElement(F,null),w.createElement(K,null,w.createElement(V,null,"若您有任何商品、訂單相關問題，請透過以下方式聯繫，收到訊息後，客服人員將會依序為您服務"),w.createElement(W,null,L.map(function(n){return w.createElement(T,{key:n.href,icon:n.icon,text:n.text,href:n.href,backgroundColor:n.backgroundColor,textColor:n.textColor})})),w.createElement(X,null,"服務時間：週一至週五 10:00 至 12:30 / 13:30 至 18:00")))),w.createElement(M,{className:"contact-us-btn",onClick:u,isProductPages:IS_PRODUCT_PAGES},w.createElement(q,null,w.createElement("img",{src:"https://cdn.shopify.com/s/files/1/0254/0393/files/line_7ff74a32-d1c0-4406-a989-6dc93447b794.png?v=1785228776",alt:"Contact Us"})))):null};(0,k.H)(document.getElementById("contact-us")).render(w.createElement(Z,null))}},n=>{n.O(0,[967,438],()=>n(n.s=32939)),n.O()}]);