https://www.tba.org.tw/component---src-templates-cart-index-js-5c402afb22abed6d1a27.js

1"use strict";(self.webpackChunkgatsby_starter_hello_world=self.webpackChunkgatsby_starter_hello_world||[]).push([[7589],{11431:function(e,t,n){n.r(t);n(52430);var a=n(50400),o=(n(40322),n(68275)),r=n(96540),i=n(35830),l=n(81768),c=n(53289),u=n(40847),s=n(14231),d=n(32376),m=n(74460),p=n(88839),f=n(58154),v=n(52839),g=n(26969);const h=u.L;function y(){return r.createElement("div",{className:"window-container"},r.createElement("div",{className:"header"},r.createElement("div",null),r.createElement("div",null),r.createElement("div",null)),r.createElement("div",{className:"content"},r.createElement("img",{className:"cart-empty",src:"/images/site-cartempty.png",alt:"cartempty"}),r.createElement("h1",null,h("cart_empty")),r.createElement("h2",null,h("cart_empty_title")),r.createElement("p",null,h("cart_empty_content")),r.createElement(s.A,{to:"/products?sort=-session.date"},r.createElement("button",null,h("shopping"))),r.createElement(s.A,{to:"/profile/orders",style:{marginTop:10}},r.createElement("button",{style:{backgroundColor:"var(--secondColor)"}},"查看報名紀錄"))))}function b(){return null}function k(e){const t=e.renderCartEmpty,n=e.stickyTop,i=void 0===n?null:n,c=e.renderCustomComponent,s=void 0===c?null:c,v=e.cartItemCustomRenderer,y=void 0===v?null:v,b=e.cartListCustomRenderer,k=void 0===b?null:b,E=e.checkoutSummaryProps,x=void 0===E?{}:E,w=e.pageContext,C=(void 0===w?{}:w).pageId,N=void 0===C?"rev-CartPage":C,O=(0,l.useOutlet)("cart")[0],A=(0,l.useOutlet)("user")[0],I=o.A.useModal(),S=I[0],j=I[1],P=(0,m.A)(i),R=P.stickyTop,T=P.sideElemRef;r.useLayoutEffect(()=>{0!==((null==O?void 0:O.items)||[]).length&&p.Ay.viewCart({cart:O})},[O]);const D=(null==O?void 0:O.items)||[];return r.createElement(_,{id:N,stickyTop:R},r.createElement("div",{className:"container"},r.createElement("div",{className:"main"},0===D.length&&("function"==typeof t?t():r.createElement("div",null,r.createElement("h3",{style:{margin:"10px 0"}},h("cart_empty_title")),r.createElement(a.A,{id:"go-to-buy",onClick:()=>u.navigate(f.A.from(f.a.products).toString())},h("shopping")))),D.length>0&&r.createElement(d.A,{cartItems:D,renderCustomComponent:s,cartItemCustomRenderer:y,cartListCustomRenderer:k})),r.createElement("div",{className:"gutter"}),r.createElement("div",{className:"side",ref:T},r.createElement(g.A,Object.assign({cart:O,disabled:0===D.length,onClick:()=>{var e;null!=A&&A.tmp||null!=A&&null!==(e=A.data)&&void 0!==e&&e.email?(p.Ay.beginCheckout({cart:O}),u.navigate(f.A.from(f.a.checkoutInfo).toString())):S.warning({title:"尚未驗證信箱",content:r.createElement("div",null,"您好，由於您尚未驗證信箱",r.createElement("br",null),"我們需要您的信箱以方便後續服務。",r.createElement("br",null),"點擊按鈕我們將導覽您到信箱驗證頁面"),okText:"點我前往",onOk:()=>{u.navigate(new f.A("/profile").toString())}})},prevButtonLabel:h("back_products"),onPrevClick:()=>{u.navigate(f.A.from(f.a.products).toString())}},x)))),j)}const _=(0,i.default)(v.A).withConfig({displayName:"Cart__Wrapper",componentId:"sc-u30ohy-0"})([""]);t.default=(0,c.A)(function(e){return r.createElement(k,Object.assign({},e,{stickyTop:84,renderCartEmpty:y,renderCustomComponent:b,cartItemCustomRenderer:()=>null}))})},14231:function(e,t,n){var a=n(54284),o=n.n(a);t.A=o()},26969:function(e,t,n){n(89859);var a=n(47376),o=n(60436),r=n(35830);const i=n(96540),l=r.default.div.withConfig({displayName:"CheckoutSummary__Wrapper",componentId:"sc-1g2hl3-0"})(["position:relative;& > .detail-info{background-color:white;padding:0 10px 10px 10px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.4);overflow-y:auto;overflow-x:hidden;transition:all 150ms;margin-bottom:20px;& > h2.header{font-size:1.33rem;padding:10px 0;}& > .amount-syncing{border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:10px 0;& > .skeleton-group{display:flex;flex-direction:column;gap:8px;&:not(:last-child){margin-bottom:12px;}}& .ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph > li,& .ant-skeleton .ant-skeleton-content .ant-skeleton-title,& .ant-skeleton .ant-skeleton-input{animation-duration:1.2s !important;}}& > .price-table{& > *.item{display:flex;align-items:center;border-bottom:1px solid #aaa;padding:8px 0;& h2,h4{color:#aaa;}& > .label{flex:1;}}& > *.item:first-child{border-top:1px solid #aaa;}& > *.item.total{& > .value{color:red;}}}}& button.step-btn{width:100%;border-radius:100px;padding:8px 15px;display:flex;align-items:center;justify-content:center;outline:none;border:none;transition:all 200ms;cursor:pointer;&:hover{box-shadow:0 6px 10px rgba(0,0,0,0.5);}&:active{box-shadow:0 3px 6px rgba(0,0,0,0.5);}&:not(:last-child){margin-bottom:10px;}&.next-step{background-color:teal;color:white;}&.prev-step{background-color:#ccc;color:white;}}"]);t.A=e=>{const t=e.cart,n=e.onClick,r=e.disabled,c=void 0!==r&&r,u=e.buttonLabel,s=void 0===u?"下一步":u,d=e.prevButtonLabel,m=void 0===d?"上一步":d,p=e.onPrevClick,f=e.renderExtraCheckoutSummary,v=e.renderFeeItems,g=e.renderDiscountItems,h=e.renderCheckoutButton,y=e.amountSyncing,b=void 0!==y&&y,k=(e.lastStep,(0,o.A)((t.extra_items||[]).map(e=>Object.assign({},e,{type:"extra"})))),_=(0,o.A)((t.discount_items||[]).map(e=>Object.assign({},e,{type:"discount"})));return i.createElement(l,null,i.createElement("div",{className:"detail-info"},i.createElement("h2",{className:"header"},"金額資訊"),b?i.createElement("div",{className:"amount-syncing","aria-live":"polite"},i.createElement("div",{className:"skeleton-group amount"},i.createElement(a.A,{active:!0,title:!1,paragraph:{rows:4,width:["90%","85%","80%","95%"]}})),i.createElement("div",{className:"skeleton-group discount"},i.createElement(a.A.Input,{active:!0,block:!0,style:{height:16,width:"60%"}}),i.createElement(a.A.Input,{active:!0,block:!0,style:{height:56}}),i.createElement(a.A.Input,{active:!0,block:!0,style:{height:56}}))):i.createElement("div",{className:"price-table"},i.createElement("div",{className:"item subtotal"},i.createElement("h4",{className:"label"},"小計"),i.createElement("h4",{className:"value"},"$",t.subtotal)),"function"==typeof v?v({fees:k}):k.map((e,t)=>i.createElement("div",{className:"item fee",key:t},i.createElement("h4",{className:"label"},e.name),i.createElement("h4",{className:"value"},"$",e.amount))),"function"==typeof g?g({discounts:_}):_.map((e,t)=>i.createElement("div",{className:"item discount",key:t},i.createElement("h4",{className:"label"},e.name),i.createElement("h4",{className:"value"},e.amount>0?"- $"+e.amount:"+ $"+-e.amount))),i.createElement("div",{className:"item total"},i.createElement("h2",{className:"label"},"總金額"),i.createElement("h2",{className:"value"},"$",t.total))),!b&&e.children),f&&f({cart:t}),"function"==typeof h?h({cart:t,disabled:c,onClick:n,buttonLabel:s}):i.createElement("button",{id:"checkout-btn",className:"step-btn next-step",disabled:c,onClick:n},i.createElement("div",null,s)),i.createElement("button",{className:"step-btn prev-step",onClick:p},i.createElement("div",null,m)))}},52839:function(e,t,n){const a=n(35830).default.div.withConfig({displayName:"CheckoutPageWrapper",componentId:"sc-8on9ui-0"})(["& > div.container{margin:0 auto;max-width:1024px;display:flex;align-items:flex-start;& > div.main{flex:1;display:flex;flex-direction:column;align-items:stretch;}& > div.gutter{flex:0 0 20px;}& > div.side{flex:0 0 300px;display:flex;flex-direction:column;"," & > h2{text-align:center;}}@media (max-width:800px){flex-direction:column;& > div.main{width:100%;}& > div.side{width:100%;flex:0 0;}}}"],e=>null!==e.stickyTop&&"position: sticky; top: "+e.stickyTop+"px;");t.A=a},53289:function(e,t,n){var a=n(96540),o=n(65225);t.A=function(e){return function(t){return(0,o.A)(),a.createElement(e,t)}}},54284:function(e,t,n){var a=this&&this.__assign||function(){return a=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,a){void 0===a&&(a=n);var o=Object.getOwnPropertyDescriptor(t,n);

1o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,a,o)}:function(e,t,n,a){void 0===a&&(a=n),e[a]=t[n]}),r=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return r(t,e),t},l=this&&this.__rest||function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]])}return n},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=c(n(96540)),s=i(n(96560)),d=n(81768),m=c(n(78451)),p=c(n(82961));t.default=function(e){var t=e.to,n=e.loading,o=void 0!==n&&n,r=e.className,i=e.style,c=e.extraStyle,f=e.preventDefaultExtNav,v=void 0!==f&&f,g=l(e,["to","loading","className","style","extraStyle","preventDefaultExtNav"]),h=(0,d.useOutlet)("actions")[0];return/http/.test(t)&&!v?u.default.createElement("a",a({href:t,target:"_blank",rel:"noreferrer",className:r,style:i||c||{}},g),e.children):u.default.createElement("a",a({href:s.normalizedRoute(t),onClick:function(e){e.preventDefault();var n=t,a=m.default.parseUrl(n),r=a.url,i=a.query,l=new p.default(r,i);h.navigate(l,{loading:o})},className:r,style:i||c||{}},g),e.children)}},58154:function(e,t,n){n.d(t,{a:function(){return o}});var a=n(81768);const o={profile:"/profile",checkout:"/checkout",checkoutInfo:"/checkout/info",mobileCheckoutInfo:"/mobile/checkout/info",checkoutReview:"/checkout/review",mobileCheckoutReview:"/mobile/checkout/review",products:"/products"};let r=function(){function e(e,t){void 0===t&&(t={}),this.baseUrl=e,this.params=t}return e.from=function(t,n){if(void 0===n&&(n={}),(0,a.hasOutlet)("routes")){const o=(0,a.getOutlet)("routes").getValue(),r="function"==typeof(null==o?void 0:o.getRoute)?o.getRoute(t,n):null;if(r){const t=function(e){const t=String(e).split("?"),n=t[0],a=t[1],o={};return new URLSearchParams(void 0===a?"":a).forEach((e,t)=>{o[t]=e}),{url:n,query:o}}(r);return new e(t.url,t.query)}}return new e(t,n)},e.prototype.toString=function(){return function(e,t){const n=new URLSearchParams;Object.entries(t||{}).forEach(e=>{let t=e[0],a=e[1];null!=a&&n.set(t,String(a))});const a=n.toString();return a?e+"?"+a:e}(this.baseUrl,this.params)},e}();t.A=r},74460:function(e,t,n){var a=n(96540);t.A=function(e){void 0===e&&(e=null);const t=a.useState(e),n=t[0],o=t[1],r=a.useRef(null);return a.useLayoutEffect(()=>{if(r.current&&null===e){const e=r.current.getBoundingClientRect().top;o(e)}},[e]),{stickyTop:n,sideElemRef:r}}},88839:function(e,t,n){var a=n(81768);function o(){try{return(0,a.getOutlet)("FeatureOptions").getValue()||{}}catch(e){return{}}}const r=(e,t,n)=>{try{var r,i;if("undefined"==typeof window)return;if(!1===o().googleAnalytics)return;const l=(0,a.getOutlet)("actions").getValue();if(!("function"!=typeof(null==l?void 0:l.gtag)||l.gtag(e,t,n)))return;null===(r=(i=window).gtag)||void 0===r||r.call(i,e,t,n)}catch(l){console.log("google analytics is not ready")}},i=(e,t,n)=>{try{var r,i;if("undefined"==typeof window)return;if(!1===o().facebookPixel)return;const l=(0,a.getOutlet)("actions").getValue();if(!("function"!=typeof(null==l?void 0:l.fbq)||l.fbq(e,t,n)))return;null===(r=(i=window).fbq)||void 0===r||r.call(i,e,t,n)}catch(l){console.log("facebook pixel is not ready")}},l={removeFromCart:e=>{var t;let n=e.cartItem;null!=n&&n.product&&r("event","remove_from_cart",{currency:"TWD",value:n.product.price,items:[{item_id:(null===(t=n.product.id)||void 0===t?void 0:t.$oid)||n.product.id,item_name:n.product.name}]})},beginCheckout:e=>{let t=e.cart;r("event","begin_checkout",{currency:"TWD",value:t.total,items:(t.items||[]).map(e=>{var t;return{item_id:(null===(t=e.product.id)||void 0===t?void 0:t.$oid)||e.product.id,item_name:e.product.name}})}),i("track","InitiateCheckout",{content_category:"checkout",content_ids:(t.items||[]).map(e=>{var t;return(null===(t=e.product.id)||void 0===t?void 0:t.$oid)||e.product.id}),contents:(t.items||[]).map(e=>{var t;return{id:(null===(t=e.product.id)||void 0===t?void 0:t.$oid)||e.product.id,quantity:e.config.qty}}),num_items:(t.items||[]).length,currency:"TWD",value:t.total})},viewCart:e=>{let t=e.cart;r("event","view_cart",{currency:"TWD",value:t.total,items:(t.items||[]).map(e=>{var t;return{item_id:(null===(t=e.product.id)||void 0===t?void 0:t.$oid)||e.product.id,item_name:e.product.name}})})},addCheckoutInfo:e=>{let t=e.cart;r("event","add_payment_info",{currency:"TWD",value:t.total,payment_type:"ecpay",payment_subtype:t.payment_subtype,items:(t.items||[]).map(e=>{var t;return{item_id:(null===(t=e.product.id)||void 0===t?void 0:t.$oid)||e.product.id,item_name:e.product.name}})}),r("event","add_shipping_info",{currency:"TWD",value:t.total,logistics_type:t.logistics_type,logistics_subtype:t.logistics_subtype,items:(t.items||[]).map(e=>{var t;return{item_id:(null===(t=e.product.id)||void 0===t?void 0:t.$oid)||e.product.id,item_name:e.product.name}})}),i("track","AddPaymentInfo",{content_category:"checkout",content_ids:(t.items||[]).map(e=>{var t;return(null===(t=e.product.id)||void 0===t?void 0:t.$oid)||e.product.id}),contents:(t.items||[]).map(e=>{var t;return{id:(null===(t=e.product.id)||void 0===t?void 0:t.$oid)||e.product.id,quantity:e.config.qty}}),currency:"TWD",value:t.total})}};t.Ay=l},89859:function(e,t,n){n(42999)}}]);
2//# sourceMappingURL=component---src-templates-cart-index-js-5c402afb22abed6d1a27.js.map