https://www.mannings.com.hk/67.4e5b64c4a5ee9a9a5928.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.3.0, @magento/upward-security-headers: ~1.0.14, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.3, @magento/peregrine: ~14.2.1, @magento/pagebuilder: ~9.2.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[67],{"1//Z":function(e,t,o){"use strict"
3o.r(t),o.d(t,"default",function(){return W}),o.d(t,"ProductOptionsShimmer",function(){return D.a})
4var r=o("pVnL"),a=o.n(r),n=o("q1tI"),c=o.n(n),s=o("17x9"),l=o("kriW"),i=o("y1Xp"),u={fashion_color:"swatch"},d=o("EpH3"),b=o("dgmk"),f=o("JoNN"),h=o("LboF"),p=o.n(h),m=o("BDXZ"),_={injectType:"singletonStyleTag",insert:"head",singleton:!0},g=(p()(m.a,_),m.a.locals||{}),O=function Swatch(e){var t=e.hasFocus,o=e.isSelected,r=e.item,a=r.label,s=r.value_index,l=r.swatch_data,u=e.onClick,h=e.style,p=e.isEverythingOutOfStock,m=e.isOptionOutOfStock,_=e.attributeLabel,O=function useSwatch(e){var t=e.onClick,o=e.value_index
5return{handleClick:Object(n.useCallback)(function(){t(o)},[o,t])}}({onClick:u,value_index:s}).handleClick,v=Object(i.a)(g,e.classes),y=Object(n.useMemo)(function(){return o?v.checked:v.unchecked},[v.checked,v.unchecked,o]),w=h
6if(l){var S=l.thumbnail,k=l.value,C=""
7if(S){var x=Object(d.c)(S,"image-swatch")(48)
8C='url("'.concat(x,'")')}else C=k
9w=Object.assign({},h,{"--venia-swatch-bg":C})}var j=o?"Selected":"",T="".concat(_,"'s ").concat(j," option ").concat(a),V=v[function getClassName(e,t,o,r,a){return"".concat(e).concat(t?"_selected":"").concat(o?"_focused":"").concat(a||r?"_outOfStock":"")}("root",o,t,m,p)]
10return c.a.createElement("button",{className:V,onClick:O,style:w,title:a,type:"button",disabled:p||m,"aria-label":T},!m&&c.a.createElement(b.a,{classes:{root:y},src:f.a}))}
11O.propTypes={hasFocus:s.bool,isSelected:s.bool,item:Object(s.shape)({label:s.string.isRequired,value_index:Object(s.oneOfType)([s.number,s.string]).isRequired}).isRequired,onClick:s.func.isRequired,style:s.object},O.defaultProps={hasFocus:!1,isSelected:!1}
12var v=O,y=o("HNsA"),w={injectType:"singletonStyleTag",insert:"head",singleton:!0},S=(p()(y.a,w),y.a.locals||{}),k=function SwatchList(e){var t=e.getItemKey,o=e.selectedValue,r=void 0===o?{}:o,a=e.items,s=e.onSelectionChange,l=e.isEverythingOutOfStock,u=e.outOfStockVariants,d=e.attributeLabel,b=Object(i.a)(S,e.classes),f=Object(n.useMemo)(function(){return a.map(function(e){var o,a=e.label===r.label
13u&&u.length>0&&(o=u.flat().includes(e.value_index))
14return c.a.createElement(v,{key:t(e),isSelected:a,item:e,onClick:s,isEverythingOutOfStock:l,isOptionOutOfStock:o,attributeLabel:d})})},[t,r.label,a,s,l,u,d])
15return c.a.createElement("div",{className:b.root},f)}
16k.propTypes={classes:Object(s.shape)({root:s.string}),getItemKey:s.func,selectedValue:s.object,items:Object(s.arrayOf)(s.object),onSelectionChange:s.func},k.displayName="SwatchList"
17var C=k,x=o("dDsW"),j=o("fivx"),T={injectType:"singletonStyleTag",insert:"head",singleton:!0},V=(p()(j.a,T),j.a.locals||{}),E=function Tile(e){var t=e.hasFocus,o=e.isSelected,r=e.item,a=r.label,s=r.value_index,l=e.onClick,u=e.isEverythingOutOfStock,d=e.isOptionOutOfStock,b=function useTile(e){var t=e.onClick,o=e.value_index
18return{handleClick:Object(n.useCallback)(function(){t(o)},[o,t])}}({onClick:l,value_index:s}).handleClick,f=Object(i.a)(V,e.classes)[function getClassName(e,t,o,r,a){return"".concat(e).concat(t?"_selected":"").concat(o?"_focused":"").concat(a||r?"_outOfStock":"")}("root",o,t,d,u)],h=Object(x.a)().formatMessage,p=h({id:"ProductOptions.productSize",defaultMessage:"Fashion size {label}"},{label:a}),m=h({id:"productOptions.selectedSize",defaultMessage:"Fashion size {label} button Selected"},{label:a}),_=o?m:p
19return c.a.createElement("button",{className:f,onClick:b,title:a,type:"button","aria-label":_,disabled:u||d},c.a.createElement("span",null,a))},L=E
20E.propTypes={hasFocus:s.bool,isSelected:s.bool,item:Object(s.shape)({label:s.string.isRequired,value_index:Object(s.oneOfType)([s.number,s.string]).isRequired}).isRequired,onClick:s.func.isRequired},E.defaultProps={hasFocus:!1,isSelected:!1}
21var N=o("O6fr"),A=function TileList(e){var t=e.getItemKey,o=e.selectedValue,r=void 0===o?{}:o,a=e.items,s=e.onSelectionChange,l=e.isEverythingOutOfStock,u=e.outOfStockVariants,d=Object(i.a)(N.a,e.classes),b=Object(n.useMemo)(function(){return a.map(function(e){var o,a=e.label===r.label
22u&&u.length>0&&(o=u.flat().includes(e.value_index))
23return c.a.createElement(L,{key:t(e),isSelected:a,item:e,onClick:s,isEverythingOutOfStock:l,isOptionOutOfStock:o})})},[t,r.label,a,s,l,u])
24return c.a.createElement("div",{className:d.root},b)}
25A.propTypes={classes:Object(s.shape)({root:s.string}),getItemKey:s.func,selectedValue:s.object,items:Object(s.arrayOf)(s.object),onSelectionChange:s.func},A.displayName="TileList"
26var J=A,I=o("WqNE"),M=o("J4zp"),R=o.n(M),q=function getItemKey(e){return e.value_index},F=function getListComponent(e,t){return"swatch"===function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).attribute_code
27return u[e]}({attribute_code:e,values:t})?C:J}

27,z=function Option(e){var t=e.attribute_code,o=e.attribute_id,r=e.label,a=e.onSelectionChange,s=e.selectedValue,u=e.values,d=e.isEverythingOutOfStock,b=e.outOfStockVariants,f=function useOption(e){var t=e.attribute_id,o=e.onSelectionChange,r=e.selectedValue,a=e.values,c=Object(n.useState)(null),s=R()(c,2),l=s[0],i=s[1],u=Object(n.useMemo)(function(){var e={},t=l||r
28return t&&(e=a.find(function(e){return e.default_label===t})||{}),e},[r,l,a]),d=Object(n.useMemo)(function(){return new Map(a.map(function(e){return[e.value_index,e.store_label]}))},[a]),b=l||u.default_label||"None"
29return{handleSelectionChange:Object(n.useCallback)(function(e){i(d.get(e)),o&&o(t,e)},[t,o,d]),initialSelection:u,selectedValueDescription:b}}({attribute_id:o,label:r,onSelectionChange:a,selectedValue:s,values:u}),h=f.handleSelectionChange,p=f.initialSelection,m=f.selectedValueDescription,_=Object(n.useMemo)(function(){return F(t,u)},[t,u]),g=Object(i.a)(I.a,e.classes)
30return c.a.createElement("div",{className:g.root},c.a.createElement("span",{className:g.title},r),c.a.createElement(_,{getItemKey:q,selectedValue:p,items:u,onSelectionChange:h,isEverythingOutOfStock:d,outOfStockVariants:b,attributeLabel:r}),c.a.createElement("dl",{className:g.selection},c.a.createElement("dt",{className:g.selectionLabel},c.a.createElement(l.a,{id:"productOptions.selectedLabel",defaultMessage:"Selected {label}:",values:{label:r}})),c.a.createElement("dd",null,m)))}
31z.propTypes={attribute_code:s.string.isRequired,attribute_id:s.string,classes:Object(s.shape)({root:s.string,title:s.string}),label:s.string.isRequired,onSelectionChange:s.func,selectedValue:Object(s.oneOfType)([s.number,s.string]),values:Object(s.arrayOf)(s.object).isRequired}
32var K=z
33function _createForOfIteratorHelper(t,o){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"]
34if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t)
35var o={}.toString.call(e).slice(8,-1)
36return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(e,t):void 0}}(t))||o&&t&&"number"==typeof t.length){r&&(t=r)
37var a=0,c=function F(){}
38return{s:c,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:c}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,u=!1
39return{s:function s(){r=r.call(t)},n:function n(){var e=r.next()
40return i=e.done,e},e:function e(t){u=!0,l=t},f:function f(){try{i||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length)
41for(var o=0,r=Array(t);o<t;o++)r[o]=e[o]
42return r}var P=function Options(e){var t=e.classes,o=e.onSelectionChange,r=e.options,s=e.selectedValues,l=void 0===s?[]:s,i=e.isEverythingOutOfStock,u=e.outOfStockVariants,d=function useOptions(e){var t,o=e.onSelectionChange,r=e.selectedValues,a=e.options,c=Object(n.useCallback)(function(e,t){o&&o(e,t)},[o]),s=new Map,l=_createForOfIteratorHelper(r)
43try{var i=function _loop(){var e=t.value,o=e.id,r=e.value_label,n=a.find(function(e){return e.attribute_id===String(o)}).label
44s.set(n,r)}
45for(l.s();!(t=l.n()).done;)i()}catch(e){l.e(e)}finally{l.f()}return{handleSelectionChange:c,selectedValueMap:s}}({onSelectionChange:o,selectedValues:l,options:r}),b=d.handleSelectionChange,f=d.selectedValueMap
46return r.map(function(e){return c.a.createElement(K,a()({},e,{classes:t,key:e.attribute_id,onSelectionChange:b,selectedValue:f.get(e.label),isEverythingOutOfStock:i,outOfStockVariants:u}))})}
47P.propTypes={onSelectionChange:s.func,options:s.array.isRequired,selectedValues:s.array}
48var W=P,D=o("xg11")},BDXZ:function(e,t,o){"use strict"
49var r=o("JPst"),a=o.n(r),n=o("fivx"),c=a()(function(e){return e[1]})
50c.i(n.a,"",!0),c.push([e.i,'/* TODO @TW: review. This relies on custom prop to set color from JSX "style" prop. */\n.swatch-root-6VC {\n    --venia-swatch-bg: var(--venia-global-color-gray-100);\n\n    border-color: rgba(0, 0, 0, 0.1);\n    background: var(--venia-swatch-bg);\n}\n\n/* TODO @TW: review. This relies on custom prop to set color from JSX "style" prop. */\n.swatch-root_selected--kC {\n\n    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.2), transparent),\n        var(--venia-swatch-bg);\n}\n\n.swatch-root_focused-27- {\n}

50\n\n.swatch-root_selected_focused-WQx {\n}\n\n.swatch-checked-blv {\n    opacity: 1;\n    transition-property: opacity;\n    transition-duration: 256ms;\n}\n\n.swatch-unchecked-Aap {\n    opacity: 0;\n}\n\n.swatch-root_outOfStock-Xid,\n.swatch-root_selected_outOfStock-Ul1 {\n    --tw-border-opacity: 1;\n    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\n',""]),c.locals={root:"swatch-root-6VC "+n.a.locals.root+" text-white w-[3rem]",root_selected:"swatch-root_selected--kC swatch-root-6VC "+n.a.locals.root+" text-white w-[3rem]",root_focused:"swatch-root_focused-27- swatch-root-6VC "+n.a.locals.root+" text-white w-[3rem]",root_selected_focused:"swatch-root_selected_focused-WQx swatch-root_selected--kC swatch-root-6VC "+n.a.locals.root+" text-white w-[3rem]",checked:"swatch-checked-blv",unchecked:"swatch-unchecked-Aap swatch-checked-blv",root_outOfStock:"swatch-root_outOfStock-Xid swatch-root-6VC "+n.a.locals.root+" text-white w-[3rem] opacity-40 border-2 border-solid after_absolute after_border-t-2 after_border-solid after_border-swatch after_w-swatch after_-rotate-45",root_selected_outOfStock:"swatch-root_selected_outOfStock-Ul1 swatch-root-6VC "+n.a.locals.root+" text-white w-[3rem] opacity-40 border-2 border-solid after_absolute after_border-t-2 after_border-solid after_border-swatch after_w-swatch after_-rotate-45"},t.a=c},HNsA:function(e,t,o){"use strict"
51var r=o("JPst"),a=o.n(r),n=o("O7RW"),c=a()(function(e){return e[1]})
52c.i(n.a,"",!0),c.push([e.i,".swatchList-root-m0x {\n}\n",""]),c.locals={root:"swatchList-root-m0x "+n.a.locals.root},t.a=c},fivx:function(e,t,o){"use strict"
53var r=o("JPst"),a=o.n(r),n=o("BFl7"),c=a()(function(e){return e[1]})
54c.i(n.a,"",!0),c.push([e.i,".tile-root-zJL {\n    position: relative;\n}\n\n.tile-root_selected-Kmb {\n}\n\n.tile-root_focused-Rt5 {\n}\n\n.tile-root_selected_focused-sYj {\n}\n\n.tile-root_outOfStock-Ps6,\n.tile-root_selected_outOfStock-IAL {\n    --tw-border-opacity: 1;\n    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\n",""]),c.locals={root:"tile-root-zJL "+n.a.locals.root+" border border-solid border-strong h-[3rem] min-w-[3rem] px-2xs py-0 rounded-sm",root_selected:"tile-root_selected-Kmb tile-root-zJL "+n.a.locals.root+" border border-solid border-strong h-[3rem] min-w-[3rem] px-2xs py-0 rounded-sm bg-gray-900 text-white",root_focused:"tile-root_focused-Rt5 tile-root-zJL "+n.a.locals.root+" border border-solid border-strong h-[3rem] min-w-[3rem] px-2xs py-0 rounded-sm",root_selected_focused:"tile-root_selected_focused-sYj tile-root_selected-Kmb tile-root-zJL "+n.a.locals.root+" border border-solid border-strong h-[3rem] min-w-[3rem] px-2xs py-0 rounded-sm bg-gray-900 text-white",root_outOfStock:"tile-root_outOfStock-Ps6 tile-root-zJL "+n.a.locals.root+" border border-solid border-strong h-[3rem] min-w-[3rem] px-2xs py-0 rounded-sm bg-disabledTile opacity-50 border-2 border-solid text-gray-600 after_absolute after_border-t-2 after_border-solid after_border-swatch after_w-swatch after_-rotate-45",root_selected_outOfStock:"tile-root_selected_outOfStock-IAL tile-root-zJL "+n.a.locals.root+" border border-solid border-strong h-[3rem] min-w-[3rem] px-2xs py-0 rounded-sm bg-disabledTile opacity-50 border-2 border-solid text-gray-600 after_absolute after_border-t-2 after_border-solid after_border-swatch after_w-swatch after_-rotate-45"},t.a=c}}])