https://www.citiesocial.com/cdn/shop/t/18/assets/flash-sale-produc…?v=45816882800061467181790225154

1/*! For license information please see flash-sale-product-app.bundle.js.LICENSE.txt */
2"use strict";(self.webpackChunkcitiesocial_theme=self.webpackChunkcitiesocial_theme||[]).push([[681],{8152:(e,n,t)=>{t.d(n,{A:()=>l}),t(34782),t(67945),t(52811);var r,o,i,a=t(92568);function c(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}const l={showOnlyXLinesOfText:function(e){return(0,a.AH)(r||(r=c(["\n      display: -webkit-box;\n      -webkit-line-clamp: ",";\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n      line-break: anywhere;\n    "])),e)},skeletonBackground:function(){return(0,a.AH)(o||(o=c(["\n      animation-duration: 1s;\n      animation-fill-mode: forwards;\n      animation-iteration-count: infinite;\n      animation-name: skeletonShine;\n      animation-timing-function: linear;\n      background: #e5e5e5;\n      background-image: linear-gradient(\n        to right,\n        #e5e5e5 0%,\n        #f1f2f3 20%,\n        #e5e5e5 40%,\n        #e5e5e5 100%\n      );\n      background-repeat: no-repeat;\n      background-size: 800px auto;\n    "])))},hideScrollbar:function(){return(0,a.AH)(i||(i=c(["\n      scrollbar-width: none; /* 隱藏 Firefox 中的滾動條 */\n      -ms-overflow-style: none; /* 隱藏 IE 和 Edge 中的滾動條 */\n      ::-webkit-scrollbar {\n        display: none; /* 隱藏 Chrome, Safari 中的滾動條 */\n      }\n    "])))}}},14688:(e,n,t)=>{t.d(n,{A:()=>r});const r={getCurrency:function(e){return"number"!=typeof e?"":"NT$ ".concat(e.toLocaleString(void 0,{style:"decimal"}))}}},18068:(e,n,t)=>{t.d(n,{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)")}},41300:(e,n,t)=>{var r,o,i,a,c,l,u,s,f,p=t(96540),d=t(5338),m=(t(52675),t(89463),t(2259),t(45700),t(2008),t(51629),t(23418),t(23792),t(89572),t(23288),t(94170),t(62010),t(2892),t(59904),t(67945),t(84185),t(52811),t(83851),t(81278),t(40875),t(79432),t(10287),t(27495),t(38781),t(47764),t(23500),t(62953),t(64346),t(62062),t(34782),t(26099),t(3362),t(92568)),h=t(49594),g=(t(28706),t(25440),t(5556)),b=t.n(g),y=t(14688),v=t(91521),x=t(85446),w=t(8152),_=t(18068);function O(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function E(e){var n=e.product,t=e.className,r=void 0===t?"":t,o=e.refLabel,i=void 0===o?"":o,a=n.id,c=n.title,l=n.brand,u=n.handle,s=n.cover_image_url,f=n.compare_at_price,d=n.price,m=n.related_videos,h=n.sale_end_date.Y_m_d_H_M_S,g=y.A.getCurrency,b="https://www.citiesocial.com/products/".concat(u,"?").concat(i?"ref=".concat(i):""),v=Math.round(d/f*100),w=h.replace(" ","T"),_=x.A.getCountdownLabelText(w);return p.createElement(A,{className:"product-card ".concat(r)},m&&m.length>0?p.createElement(j,{href:b,className:"product-card__video"},p.createElement("video",{src:m[0].short,poster:m[0].thumbnail,muted:!0,autoPlay:!0,loop:!0,playsInline:!0}),_&&p.createElement(C,null,_),p.createElement("div",{className:"favorite__heart","data-product-id":a,"data-product-title":c},p.createElement("i",{className:"cs_icon icon-heart-solid"}),p.createElement("i",{className:"cs_icon icon-heart-outline"}))):p.createElement(j,{href:b,className:"product-card__image"},p.createElement(k,{src:s,alt:c}),_&&p.createElement(C,null,_),p.createElement("div",{className:"favorite__heart","data-product-id":a,"data-product-title":c},p.createElement("i",{className:"cs_icon icon-heart-solid"}),p.createElement("i",{className:"cs_icon icon-heart-outline"}))),p.createElement(S,{className:"product-card__brand",href:"/pages/in-house-search-results-page?type=brand&q=".concat(encodeURIComponent(l))},l),p.createElement(j,{href:b,className:"product-card__content"},p.createElement(P,{className:"product-card__title"},c),p.createElement(T,null,p.createElement(z,null,g(d)),p.createElement(N,null,v>=100?"限時折扣":"限時 ".concat(v.toString().replace(/0+$/,"")," 折")))))}E.propTypes={product:v.A.product().isRequired,className:b().string,refLabel:b().string};var A=m.Ay.div(r||(r=O(["\n  display: flex;\n  flex-direction: column;\n  flex: none;\n  width: 100%;\n  border-radius: 4px;\n  overflow: hidden;\n  margin-bottom: 8px;\n  background-color: #fff;\n\n  .favorite__heart {\n    right: 12px !important;\n    bottom: 12px !important;\n  }\n\n  .product-card__content {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    padding: 0 12px 12px;\n  }\n\n  .product-card__title {\n    font-weight: 400;\n    font-size: 13px;\n    ","\n    height: unset;\n    margin-bottom: 0;\n  }\n"])),w.A.showOnlyXLinesOfText(3)),j=m.Ay.a(o||(o=O(["\n  &:hover,\n  &:focus {\n    color: #111;\n  }\n"]))),k=m.Ay.img(i||(i=O([""]))),S=m.Ay.a(a||(a=O(["\n  font-size: 13px;\n  line-height: 16px;\n  font-weight: 600;\n  padding: 0;\n  color: #333;\n  padding: 12px 12px 4px;\n\n  &:hover,\n  &:focus {\n    color: #333;\n  }\n"]))),P=m.Ay.h6(c||(c=O(["\n  font-size: 13px;\n  margin: 0 0 8px;\n"]))),T=m.Ay.div(l||(l=O(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: flex-start;

2\n"]))),z=m.Ay.p(u||(u=O(["\n  font-size: 14px;\n  line-height: 20px;\n  font-family: Outfit;\n  font-weight: 600;\n  margin: 0;\n"]))),N=m.Ay.div(s||(s=O(["\n  font-size: 12px;\n  line-height: 16px;\n  background-color: #fff5f5;\n  color: #f24b27;\n  border-radius: 4px;\n  padding: 2px 5px;\n  font-weight: 600;\n"]))),C=m.Ay.div(f||(f=O(["\n  font-size: 12px;\n  line-height: 17px;\n  padding: 3px 6px;\n  color: #ffffff;\n  font-weight: 600;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  background: #333333;\n  border-top-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n"])));const M=E;function I(e){return I="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},I(e)}var D,L,G,H,q,F,B,R,U,$;function X(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function V(){var e,n,t="function"==typeof Symbol?Symbol:{},r=t.iterator||"@@iterator",o=t.toStringTag||"@@toStringTag";function i(t,r,o,i){var l=r&&r.prototype instanceof c?r:c,u=Object.create(l.prototype);return W(u,"_invoke",function(t,r,o){var i,c,l,u=0,s=o||[],f=!1,p={p:0,n:0,v:e,a:d,f:d.bind(e,4),d:function(n,t){return i=n,c=0,l=e,p.n=t,a}};function d(t,r){for(c=t,l=r,n=0;!f&&u&&!o&&n<s.length;n++){var o,i=s[n],d=p.p,m=i[2];t>3?(o=m===r)&&(l=i[(c=i[4])?5:(c=3,3)],i[4]=i[5]=e):i[0]<=d&&((o=t<2&&d<i[1])?(c=0,p.v=r,p.n=i[1]):d<m&&(o=t<3||i[0]>r||r>m)&&(i[4]=t,i[5]=r,p.n=m,c=0))}if(o||t>1)return a;throw f=!0,r}return function(o,s,m){if(u>1)throw TypeError("Generator is already running");for(f&&1===s&&d(s,m),c=s,l=m;(n=c<2?e:l)||!f;){i||(c?c<3?(c>1&&(p.n=-1),d(c,l)):p.n=l:p.v=l);try{if(u=2,i){if(c||(o="next"),n=i[o]){if(!(n=n.call(i,l)))throw TypeError("iterator result is not an object");if(!n.done)return n;l=n.value,c<2&&(c=0)}else 1===c&&(n=i.return)&&n.call(i),c<2&&(l=TypeError("The iterator does not provide a '"+o+"' method"),c=1);i=e}else if((n=(f=p.n<0)?l:t.call(r,p))!==a)break}catch(n){i=e,c=1,l=n}finally{u=1}}return{value:n,done:f}}}(t,o,i),!0),u}var a={};function c(){}function l(){}function u(){}n=Object.getPrototypeOf;var s=[][r]?n(n([][r]())):(W(n={},r,function(){return this}),n),f=u.prototype=c.prototype=Object.create(s);function p(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,W(e,o,"GeneratorFunction")),e.prototype=Object.create(f),e}return l.prototype=u,W(f,"constructor",u),W(u,"constructor",l),l.displayName="GeneratorFunction",W(u,o,"GeneratorFunction"),W(f),W(f,o,"Generator"),W(f,r,function(){return this}),W(f,"toString",function(){return"[object Generator]"}),(V=function(){return{w:i,m:p}})()}function W(e,n,t,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}W=function(e,n,t,r){if(n)o?o(e,n,{value:t,enumerable:!r,configurable:!r,writable:!r}):e[n]=t;else{var i=function(n,t){W(e,n,function(e){return this._invoke(n,t,e)})};i("next",0),i("throw",1),i("return",2)}},W(e,n,t,r)}function Y(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function J(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Y(Object(t),!0).forEach(function(n){K(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Y(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function K(e,n,t){return(n=function(e){var n=function(e){if("object"!=I(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,"string");if("object"!=I(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==I(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function Q(e,n,t,r,o,i,a){try{var c=e[i](a),l=c.value}catch(e){return void t(e)}c.done?n(l):Promise.resolve(l).then(r,o)}function Z(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,a,c=[],l=!0,u=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(c.push(r.value),c.length!==n);l=!0);}catch(e){u=!0,o=e}

2finally{try{if(!l&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return ee(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?ee(e,n):void 0}}(e,n)||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 ee(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}var ne={default:6,1200:6,992:4,767:2},te=m.Ay.div(D||(D=X(["\n  padding: 40px 0;\n"]))),re=m.Ay.div(L||(L=X(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 16px;\n"]))),oe=m.Ay.div(G||(G=X([""]))),ie=m.Ay.h1(H||(H=X(["\n  font-size: 22px;\n  line-height: 28px;\n  font-weight: bold;\n  color: #333333;\n  margin: 0;\n"]))),ae=m.Ay.h2(q||(q=X(["\n  font-size: 14px;\n  line-height: 20px;\n  color: #7c7c7c;\n  margin: 0 0 0 12px;\n"]))),ce=m.Ay.a(F||(F=X(["\n  display: flex;\n  color: #7c7c7c;\n  text-decoration: none;\n  font-size: 14px;\n  line-height: 20px;\n  margin-left: auto;\n\n  &:hover {\n    color: #7c7c7c;\n  }\n"]))),le=m.Ay.img(B||(B=X(["\n  width: 20px;\n  height: 20px;\n"]))),ue=(0,m.Ay)(h.A)(R||(R=X(["\n  display: flex;\n  margin-left: -7px; /* gutter size offset */\n  padding: 0 8px;\n\n  .flash-sale-product-masonry-grid__column {\n    padding-left: 7px; /* gutter size */\n  }\n\n  @media "," {\n    margin-left: -12px; /* gutter size offset */\n\n    .flash-sale-product-masonry-grid__column {\n      padding-left: 12px; /* gutter size */\n    }\n  }\n"])),_.A.tablet),se=m.Ay.button(U||(U=X(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 32px auto 0;\n  padding: 10px 24px;\n  font-size: 14px;\n  cursor: pointer;\n  background-color: #ffffff;\n  color: #252525;\n  border: none;\n  border-radius: 8px;\n  pointer-events: ",";\n\n  &:hover {\n    background-color: #ffffff;\n  }\n\n  ","\n"])),function(e){return e.hasMore?"auto":"none"},function(e){return!e.hasMore&&"\n    display: none;\n  "}),fe=m.Ay.img($||($=X(["\n  width: 20px;\n  height: 20px;\n"])));const pe=function(){var e=Z((0,p.useState)([]),2),n=e[0],t=e[1],r=Z((0,p.useState)(12),2),o=r[0],i=r[1],a=n.slice(0,o),c=o<n.length,l=function(){var e,n=(e=V().m(function e(){var n,r,o,i;return V().w(function(e){for(;;)switch(e.n){case 0:return e.p=0,e.n=1,fetch("https://py3-api.citiesocial.com/api/v1.2/collection/flash-sale/products/?version=4");case 1:if((n=e.v).ok){e.n=2;break}throw new Error("API error: ".concat(n.status));case 2:return e.n=3,n.json();case 3:r=e.v,o=r.results.map(function(e){var n=e.product;return J(J({},n),{},{id:n.shopify_id})}),t(o),document.querySelector(".flash-sale-product-spinner-container").style.display="none",e.n=5;break;case 4:e.p=4,i=e.v,console.error("Error fetching data:",i);case 5:return e.a(2)}},e,null,[[0,4]])}),function(){var n=this,t=arguments;return new Promise(function(r,o){var i=e.apply(n,t);function a(e){Q(i,r,o,a,c,"next",e)}function c(e){Q(i,r,o,a,c,"throw",e)}a(void 0)})});return function(){return n.apply(this,arguments)}}();return(0,p.useEffect)(function(){l()},[]),(0,p.useEffect)(function(){Citiesocial.favoriteManager.start()},[o]),p.createElement(te,null,p.createElement(oe,{className:"container"},p.createElement(re,null,p.createElement(ie,null,"限時閃購"),p.createElement(ae,null,"全通路最低價"),p.createElement(ce,null,"看全部",p.createElement(le,{src:"https://cdn.shopify.com/s/files/1/0254/0393/files/arrow-right-3x.png?v=1788945984",alt:"Right Arrow"})))),p.createElement(ue,{breakpointCols:ne,columnClassName:"flash-sale-product-masonry-grid__column"},null==a?void 0:a.map(function(e){return p.createElement(M,{key:e.id,product:e})})),p.createElement(se,{onClick:function(){i(function(e){return e+12})},hasMore:c},"看更多閃購",p.createElement(fe,{src:"https://cdn.shopify.com/s/files/1/0254/0393/files/arrow-down-20_3x_b3ae54fa-8132-4510-b0b9-e6e7669e8eb4.png?v=1789030379",alt:"Arrow Down"})))};(0,d.H)(document.getElementById("flash-sale-product-app")).render(p.createElement(pe,null))},85446:(e,n,t)=>{t.d(n,{A:()=>r}),t(23288),t(27495),t(25440);const r={isExpired:function(e){return!e||new Date>new Date(e.replace(/-/g,"/"))},getCountdownLabelText:function(e){if(!e)return"";var n=(new Date).getTime(),t=new Date(e).getTime()-n;

2if(t<=0)return"";var r=36e5,o=24*r,i=Math.floor(t/o);if(t<=r)return"倒數 ".concat(Math.floor(t/6e4)," 分鐘");if(t<=o)return"倒數 ".concat(Math.floor(t/r)," 小時");var a=i%COUNTDOWN_MOD;if(a>0)return"倒數 ".concat(a," 天");var c=Math.floor(t%o/r);if(c>0)return"倒數 ".concat(c," 小時");var l=Math.floor(t%r/6e4);return l>0?"倒數 ".concat(l," 分鐘"):""}}},91521:(e,n,t)=>{t.d(n,{A:()=>a});var r=t(5556),o=t.n(r),i={AddToCartModalInfo:function(){return o().shape({selectedImageIndex:o().number,selectedVariantId:o().string,quantity:o().number,selectedShippingMethod:o().shape({shipping_method_title:o().string,shipping_method_type:o().string}),addToCartModal:o().shape({isAddToCartButtonLoading:o().bool,isAddToCartModalOpen:o().bool,type:o().string}),data:i.product()})},product:function(){return o().shape({title:o().string,brand:o().string,handle:o().string,cover_image_url:o().string,compare_at_price:o().number,price:o().number})},products:function(){return o().arrayOf(this.product())}};const a=i}},e=>{e.O(0,[967,438],()=>e(e.s=41300)),e.O()}]);