https://www.citiesocial.com/cdn/shop/t/18/assets/popup-banner-app.bundle.js?v=92474989272734652061779362255

1"use strict";(self.webpackChunkcitiesocial_theme=self.webpackChunkcitiesocial_theme||[]).push([[656],{5904:(e,t,n)=>{function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach(function(t){a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function a(e,t,n){return(t=function(e){var t=function(e){if("object"!=r(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==r(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{A:()=>c}),n(52675),n(89463),n(2259),n(45700),n(2008),n(51629),n(23792),n(89572),n(2892),n(67945),n(84185),n(83851),n(81278),n(79432),n(26099),n(47764),n(23500),n(62953);const c=function(){var e={shopify_user_id:Citiesocial.getUserId(),user_id:sessionStorage.getItem("cs_userId"),device:Citiesocial.getDeviceType(),os:Citiesocial.getOS(),platform:Citiesocial.utils.isApp()?"app":"web",url:window.location.href,url_decode:decodeURIComponent(window.location.href),path:window.location.pathname,path_decode:decodeURIComponent(window.location.pathname),referrer_path:Citiesocial.utils.getReferrerPath(),referrer_path_decode:decodeURIComponent(Citiesocial.utils.getReferrerPath()),group:Citiesocial.testManager.getABTestGroup(),group_a3_b7:Citiesocial.testManager.getABTestGroupA3B7(),group_abcd:Citiesocial.testManager.getABCDTestGroup(),group_cart_add_on:Citiesocial.testManager.getCartAddOnABTestGroup(),group_ai_assistant:Citiesocial.testManager.getAiAssistantTestGroup(),login_status:Citiesocial.userManager.getLoginStatus(),is_in_webview:Citiesocial.utils.isWebview(),browser:Citiesocial.utils.detectInAppBrowser()};return{loginView:function(t){window.analytics.track("Login Viewed",i({mode:t},e))},registerView:function(t){window.analytics.track("Register Viewed",i({mode:t},e))},accountButtonClicked:function(t){var n=t.action,r=t.buttonType,o=t.type;window.analytics.track("Account Button Clicked",i(i({},e),{},{action:n,button_type:r,type:o})),sessionStorage.setItem("account_button_clicked",o)},phoneValidationViewed:function(t){window.analytics.track("Phone Validation Viewed",i({mode:t},e))},phoneValidationCompleted:function(){window.analytics.track("Phone Validation Completed",i({},e))},loginError:function(t){window.analytics.track("Login Error",i(i({},t),e))},popupBannerViewed:function(){window.analytics.track("Popup Banner Viewed",i({},e))},popupBannerClicked:function(t){window.analytics.track("Popup Banner Clicked",i(i({},t),e))},popupBannerCanceled:function(){window.analytics.track("Popup Banner Canceled",i({},e))},passwordResetRequestFailed:function(t){window.analytics.track("Password Reset Request Failed",i(i({},t),e))},passwordResetVerifyFailed:function(t){window.analytics.track("Password Reset Verify Failed",i(i({},t),e))},productECardInfoClicked:function(t){window.analytics.track("Product ECard Info Clicked",i(i({},t),e))},track3DModeButtonClick:function(){window.analytics.track("3D Mode Button Clicked",i({},e))},trackARModeButtonClick:function(){window.analytics.track("AR Mode Button Clicked",i({},e))},trackProductTagsViewed:function(t){window.analytics.track("Product Tags Viewed",i(i({},t),e))},trackProductTagClicked:function(t){window.analytics.track("Product Tags Clicked",i(i({},t),e))},trackProductRemovedFromCart:function(t){window.analytics.track("Product Removed From Cart",i(i({},t),e))},trackTagRelatedProductsViewed:function(t){window.analytics.track("Tag Related Products Viewed",i(i({},t),e))},trackTagRelatedProductClicked:function(t){window.analytics.track("Tag Related Product Clicked",i(i({},t),e))}}}},18068:(e,t,n)=>{n.d(t,{A:()=>

1o,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)")}},25255:(e,t,n)=>{n(79432);var r,o,i,a,c,s,l,u,d,p=n(96540),f=n(5338),w=(n(28706),n(23792),n(62062),n(59089),n(52675),n(89463),n(2259),n(23418),n(64346),n(34782),n(23288),n(62010),n(67945),n(52811),n(26099),n(58940),n(27495),n(38781),n(47764),n(62953),n(76031),n(3296),n(27208),n(48408),n(5556)),m=n.n(w),g=n(92568),y=n(20312),b=n.n(y),h=(n(9175),n(27428)),k=n(5904),C=n(18068);function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,c=[],s=!0,l=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw o}}return c}}(e,t)||function(e,t){if(e){if("string"==typeof e)return x(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}(e,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 x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function _(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function O(e){var t=e.src,n=e.alt,r=e.context,o=e.type,i=(0,k.A)().popupBannerClicked,a=(0,p.useCallback)(function(){if("link"===o){var e=new URL(r);e.searchParams.append("ref","popup_banner"),window.open(e.toString(),"_blank")}"copy"===o&&navigator.clipboard.writeText(r).then(function(){alert("已複製折扣碼 ".concat(r))}).catch(function(){alert("複製失敗，請手動輸入折扣碼 ".concat(r))}),i({context:r,button_type:o})},[r,o,i]);return p.createElement(P,{type:"button",onClick:a},p.createElement("img",{src:t,alt:n}))}b().setAppElement("#react-modal"),O.propTypes={src:m().string.isRequired,alt:m().string.isRequired,context:m().string.isRequired,type:m().string.isRequired};var P=g.Ay.button(r||(r=_(["\n  background: none;\n  border: none;\n  padding: 0;\n"])));function A(e){var t=e.data,n=(0,k.A)(),r=n.popupBannerViewed,o=n.popupBannerCanceled,i=v((0,p.useState)(!1),2),a=i[0],c=i[1],s=v((0,p.useState)(!1),2),l=s[0],u=s[1],d=t.contexts.length>0,f=window.innerWidth<=C.I.tablet,w=d&&f,m=(0,p.useCallback)(function(){var e=localStorage.getItem("popup_banner_is_open");(!e||Date.now()-parseInt(e,10)>=864e5*t.remember_me)&&w&&!a&&(c(!0),r())},[w,t.remember_me,r,a]);(0,p.useEffect)(function(){m()},[m]);var g=(0,p.useCallback)(function(){u(!0),setTimeout(function(){c(!1),u(!1)},300),localStorage.setItem("popup_banner_is_open",Date.now()),o()},[o]);return a&&w?p.createElement(j,{isOpen:a,isClosing:l,shouldCloseOnOverlayClick:!0,onRequestClose:g,style:{overlay:{backgroundColor:"rgba(0, 0, 0, 0.3)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1000002}},contentLabel:"Contact Us Modal"},p.createElement(B,{showThumbs:!1,infiniteLoop:!0,showArrows:!1,animationHandler:"slide",statusFormatter:function(e,t){return"".concat(e," / ").concat(t)},autoPlay:!0,interval:t.popup_rotation_time},t.contexts.map(function(e){return p.createElement(O,{key:e.context,src:e.image,alt:e.context,context:e.context,type:e.type})})),p.createElement(T,{onClick:g},p.createElement(I,{src:"https://cdn.shopify.com/s/files/1/0254/0393/files/close-popup-banner.svg?v=1727405382"}),p.createElement(E,null,"關閉"))):null}A.propTypes={data:m().shape({popup_rotation_time:m().number.isRequired,remember_me:m().number.isRequired,contexts:m().arrayOf(m().shape({image:m().string.isRequired,context:m().string.isRequired,type:m().string.isRequired})).isRequired}).isRequired};var R=(0,g.i7)(o||(o=_(["\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n"]))),S=(0,g.i7)(i||(i=_(["\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%);\n  }\n"]))),j=(0,g.Ay)(b())(a||(a=_(["\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"])),R,function(e){return e.isClosing&&(0,g.AH)(c||(c=_(["\n      animation: "," 0.3s ease-in forwards;\n    "])),S)}),B=(0,g.Ay)(h.FN)(s||(s=_(["\n  .carousel {\n    border-radius: 16px 16px 0 0;\n  }\n\n  .control-dots {\n    display: none;\n  }\n\n  .carousel-status {\n    width: 52px;\n    height: 25px;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;

1\n    align-items: center;\n    padding: 4px 12px;\n    border-radius: 200px;\n    background-color: rgba(0, 0, 0, 0.2);\n\n    position: absolute;\n    right: 20px;\n    bottom: 20px;\n    top: initial;\n\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: center;\n    color: #fff;\n    text-shadow: none;\n    white-space: nowrap;\n  }\n"]))),T=g.Ay.button(l||(l=_(["\n  padding: 20px 24px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n  width: 100%;\n  background-color: transparent;\n  border: none;\n"]))),I=g.Ay.img(u||(u=_(["\n  width: 24px;\n  height: 24px;\n"]))),E=g.Ay.div(d||(d=_(["\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  text-align: center;\n  color: #505050;\n"])));const V=A;var q=document.getElementById("popup-banner"),M=JSON.parse(q.getAttribute("data-popup-data"));(0,f.H)(q).render(p.createElement(V,{data:JSON.parse(M)}))}},e=>{e.O(0,[967,438],()=>e(e.s=25255)),e.O()}]);