https://www.samsonite.co.th/on/demandware.static/Sites-MonoSamsoni…/-/th_TH/v1790777665174/js/monogram.js

1!function(e){var o={};function t(a){if(o[a])return o[a].exports;var n=o[a]={i:a,l:!1,exports:{}};return e[a].call(n.exports,n,n.exports,t),n.l=!0,n.exports}t.m=e,t.c=o,t.d=function(e,o,a){t.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:a})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,o){if(1&o&&(e=t(e)),8&o)return e;if(4&o&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(t.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&o&&"string"!=typeof e)for(var n in e)t.d(a,n,function(o){return e[o]}.bind(null,n));return a},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},t.p="",t(t.s=1)}([function(e,o,t){"use strict";e.exports=function(e){"function"==typeof e?e():"object"==typeof e&&Object.keys(e).forEach((function(o){"function"==typeof e[o]&&e[o]()}))}},function(e,o,t){"use strict";const a=t(0);$(document).ready((function(){a(t(2))}))},function(e,o,t){"use strict";const a=t(3);let n={monogramText:"",monogramTextPreviewHtml:""},r={};function l(){$("html").removeClass("sidebar-opened"),$(".monogram-sidebar").removeClass("active"),$(".monogram-overlay").addClass("d-none")}function s(e,o){if(o&&e)for(let t=0;t<o.length;t++){let a=o[t];if(a.orderMapping&&a.orderMapping===e&&a.value)return a}return null}function i(e){let o=[];if(e){let t=!1,a=new RegExp("^[a-zA-Z0-9_.-]*$"),n=function(){let e=$("[data-monogram-config]").data("monogramConfig");return e&&e.symbols?e.symbols:null}(),r="",l=0;for(;l<e.length;){if(t)if(a.test(e.charAt(l)))r+=e.charAt(l);else{if(t=!1,r+=e.charAt(l),n){let e=s(r,n);e&&e.value&&o.push({value:e.value,isSymbol:!0,symbolValue:r})}r=""}else a.test(e.charAt(l))?o.push({value:e.charAt(l),isSymbol:!1,symbolValue:""}):1===o.length&&" "===e.charAt(l)?o.push({value:"",isSymbol:!1,symbolValue:""}):(t=!0,r+=e.charAt(l));l++}}return o}function c(e){let o=".step-"+e,t=$(".monogram-progress-bar"),a=$(".monogram-steps");t&&(t.find(".step").removeClass("active"),t.find(o).addClass("active")),a&&(a.find(".monogram-step").addClass("d-none"),a.find(o).removeClass("d-none"))}function m(e){return new RegExp("^[a-zA-Z0-9]*$").test(e)}function d(){$(".monogram-input").not(".monogram-symbol, .special-character").each((function(){let e=$(this);m(e.val())||(e.val(""),e.removeClass("monogram-symbol special-character"))}))}function p(){let e=!1,o=$(".monogram-sidebar").find(".product-monogram-value").val();if(o){let t=JSON.parse(o);e=""===t.monogramText&&""===t.textColor}return e}function g(){let e=$(".monogram-sidebar");if(!e||!e.length)return;let o,t=e.find(".color-item.selected"),r=[],l=!1,s=$(".patch-item.selected"),i="",c=p();s.length&&(i=s.data("product-color")?s.data("product-color").toLowerCase():"default"),t.length&&(r=t.data("color-list").split(","),o=t.data("single-color"),l="embossed"===t.data("color-type"));let m=e.find(".monogram-input"),d="",g="";m.each((function(){let e=$(this),t=e.val(),n=e.hasClass("monogram-symbol")||e.hasClass("special-character")?e.data("order-mapping"):e.val(),s="monogram-character";if(e.hasClass("monogram-symbol")?s+=" monogram-symbol":e.hasClass("special-character")&&(s+=" special-character"),t.length){if(l){let e=a[i]||a.default;g+='<span style="color:transparent; text-shadow: 0 0 '+e+', 1px 1px rgba(255,255,255,0.5);" class="'+s+'">'+t+"</span>"}else if(r.length>1){let e=window.navigator.userAgent,a=-1!==e.toUpperCase().indexOf("MSIE"),n=-1!==e.toUpperCase().indexOf("SAFARI")&&-1===e.toUpperCase().indexOf("CHROME");a||e.match(/Trident\/7\./)||n?g+='<span style="color:'+o+'" class="'+s+'">'+t+"</span>":g+='<span style="background: repeating-linear-gradient(135deg,'+r[0]+","+r[1]+","+r[0]+');-webkit-background-clip: text;-webkit-text-fill-color: transparent" class="gradient '+s+'">'+t+"</span>"}else g+='<span style="color:'+r[0]+'" class="'+s+'">'+t+"</span>";d+=n}})),c&&$(".skip-checkbox").is(":checked")?n.monogramText="":n.monogramText=d.toUpperCase(),n.monogramTextPreviewHtml=g;let u=e.find(".monogram-preview-text");u&&u.length&&u.html(g),$(document).trigger("handleMonogramSpace",[n,a])}function u(e){if(e<=3){$(".monogram-input").removeClass("selected"),$(".monogram-input"+e).focus().addClass("selected")}}function f(){let e=$("[data-monogram-config]").data("monogramConfig"),o=$(".monogram-color.selected").data("c

1olor-name"),t=$(".monogram-tag-size.selected"),a=$(".patch-item.selected"),r="",l="",s="";return t&&(l=t.data("pid")),a&&(r=a.data("pid"),s=a.data("product-color")),$(".skip-checkbox").is(":checked")&&(n.monogramText=""),{monogramType:e.monogramType,monogramText:n.monogramText,textColor:o,tagSelected:l,patchSelected:r,patchColor:s}}function h(e){let o=$(".monogram-input");e?(!function(){let e=$(".monogram-input");e.each((function(o){let t=$(e[o]).val();t&&(r["monogramInput"+o]=t)}));let o=$(".monogram-color.selected"),t=o.data("color-name");o.data("color-name",""),t&&(r.textColor=t)}(),$(".monogram-preview .monogram-preview-text").addClass("d-none"),o.val(""),o.prop("disabled",!0),o.removeClass("selected"),$(".monogram-symbols .symbol-action").addClass("disabled"),$(".skip-checkbox").is(":checked")||$(".skip-checkbox").prop("checked",!0)):(!function(){let e=$(".monogram-input");e.each((function(o){let t=$(e[o]),a=r["monogramInput"+o];a&&(t.val(a),t.hasClass("symbol-character monogram-symbol")||t.addClass("symbol-character monogram-symbol"))}

1)),r.textColor&&$(".monogram-color.selected").data("color-name",r.textColor)}(),$(".monogram-preview .monogram-preview-text").removeClass("d-none"),o.prop("disabled",!1),$(".monogram-input1").addClass("selected"),$(".monogram-symbols .symbol-action").removeClass("disabled"))}function v(e){let o=$(".monogram-actions");e?(h(!0),o.data("step",3).removeClass("step-1 step-2").addClass("step-3"),$(".monogram-error-message.d-none").length||$(".monogram-error-message").addClass("d-none")):(h(!1),o.data("step",2).removeClass("step-3").addClass("step-2"))}const b={methods:{productMonogramSkipText:p,handleVisibleSteps:c,isReachInputCharacterLimit:function(e){return!0},generateHtmlPreviewText:g},handleMonogramStep:function(){$("body").on("click",".btn-mono-next, .btn-mono-prev",(function(e){e.preventDefault();let o=$(this),t=o.closest(".monogram-actions"),a=t.data("step");$(".monogram-error-message").addClass("d-none");let n=p();if($(".skip-checkbox").is(":checked")&&(n=!0,o.hasClass("btn-mono-prev")&&(a=2)),o.hasClass("btn-mono-next")){if(2===a){var r=!1;if($(".monogram-input").each((function(){$(this).val().length&&(r=!0)})),!r)return void $(".monogram-error-message").removeClass("d-none")}a++}else a--;c(a),t.data("step",a).removeClass("step-1 step-2 step-3").addClass("step-"+a),o.hasClass("btn-mono-next")&&2===a&&n&&v(!0)}))},handleChangePathColor:function(){$("body").on("click",".patch-item",(function(){let e=$(this);if(e.hasClass("selected"))return;let o=$(".image-preview");o&&(o.attr("src",e.data("patch-image")),$(".patch-item").removeClass("selected"),e.addClass("selected"),g())}))},handleChangeTagSize:function(){$("body").on("click",".monogram-tag-size",(function(){let e=$(this),o=e.data("pid"),t=$(this).data("url"),a=$(".patch-item.selected").data("pid");!e.hasClass("selected")&&o&&t&&$.ajax({url:t,method:"GET",data:{pid:o},dataType:"json"}).done((function(o){if(o&&!o.error){let t=function(e){let o="";if(e&&e.product&&e.product.relatedPatches&&e.product.relatedPatches.length)for(let t=0;t<e.product.relatedPatches.length;t++){let a=e.product.relatedPatches[t];

1a&&(o=o.concat('<div class="col-6">'),o=0===t?o.concat('<div class="patch-item selected" '):o.concat('<div class="patch-item" '),o=o.concat('data-product-color="'),o=o.concat(a.colorDescription).concat('" '),o=o.concat('data-pid="'),o=o.concat(a.id).concat('" '),o=o.concat('data-patch-image="'),o=o.concat(a.images.small[0].url).concat('">'),o=o.concat('<div class="watch-item">'),o=o.concat('<span class="swatch-circle swatch-value" '),o=o.concat('style="background-image: url('),o=o.concat(a.images.swatch[0].url).concat(')">'),o=o.concat("</span></div></div></div>"))}return o}(o),n=$(".monogram-sidebar .patch-color-section");if(t&&n.length){n.html(t),$(".monogram-tag-size").removeClass("selected"),e.addClass("selected");let o=$('.patch-item[data-pid="'+a+'"]');o.length&&($(".patch-item").removeClass("selected"),o.addClass("selected"));let r=$(".patch-item.selected"),l=$(".image-preview");l&&r&&l.attr("src",r.data("patch-image")),g()}}else location.reload()})).fail((function(e){document.location.href=e.redirectUrl}))}))},monogramEnterCharacter:function(){$("body").on("keypress",".monogram-input",(function(e){if(e.preventDefault(),-1!==window.navigator.userAgent.toLowerCase().indexOf("android"))return;let o=$(this),t=o.data("position")+1,a=e.which||e.keyCode;if(!(a>47&&a<58||a>64&&a<91||a>96&&a<123))return;let n=String.fromCharCode(event.keyCode).toLowerCase();b.methods.isReachInputCharacterLimit(n)&&(o.removeClass("monogram-symbol special-character"),o.val(n),u(t),d(),g())})),$("body").on("keyup",".monogram-input",(function(e){if(e.preventDefault(),g(),-1!==window.navigator.userAgent.toLowerCase().indexOf("android")){let e=$(this),o=e.data("position")+1,t=e.val();if(!b.methods.isReachInputCharacterLimit(t))return void e.val("");!m(t)||t.length>1?e.val(t.charAt(0)):t.length>0&&u(o),t.length||e.removeClass("monogram-symbol special-character"),d(),g()}})),$("body").on("cut copy paste",".monogram-input",(function(e){e.preventDefault()})),$("body").on("click",".monogram-input",(function(){$(".monogram-input").removeClass("selected"),$(this).addClass("selected")}))},isAllowedUsingSameSymbol:function(e,o){if(void 0===o||void 0===e)return!1;for(let t=0;t<o.length;t++){if(e.data("symbol-value").toString()===o[t].value)return!1}return!0},monogramEnterSymbol:function(){$("body").on("click",".symbol-action",(function(e){e.preventDefault();let o=$(this),t=$(".monogram-sidebar");if(!t||!t.length)return;let a=t.find(".monogram-input"),n=t.find(".monogram-input.monogram-symbol, .monogram-input.special-character").not(".selected");if(!b.isAllowedUsingSameSymbol(o,n))return;let r=t.find(".monogram-input.selected");r.removeClass("monogram-symbol special-character");let l=o.find("span").attr("class");if(r.length){let e=r.data("position")+1;r.addClass(l).removeClass("selected").data("order-mapping",o.data("order-mapping")).val(o.data("symbol-value")),u(e)}else{let e=a.first();e.removeClass("monogram-symbol special-character"),e.val(o.data("symbol-value")).addClass(l).data("order-mapping",o.data("order-mapping")),u(2)}g()}))},changeColorText:function(){$("body").on("click",".monogram-color",(function(e){e.preventDefault();let o=$(this);o.hasClass("selected")||($(".monogram-color").removeClass("selected"),o.addClass("selected"),g())}))},addMonogramPDP:function(){$("body").on("click.addMonogramPDP",".btn-mono-submit",(function(e){if(e.preventDefault(),$(this).closest(".panel-footer.pers-footer").length){var o=!1;if($(".monogram-input").each((function(){$(this).val().length&&(o=!0)})),!o)return void $(".monogram-error-message").removeClass("d-none")}let t=$(".monogram-added"),a=$(".monogram-sidebar").find(".monogram-preview-content"),r=$(".monogram-tag-size.selected");if(t&&a){$(".monogram-show").addClass("d-none"),t.removeClass("d-none"),t.find(".monogram-text-pdp-preview").html(n.monogramTextPreviewHtml),t.find(".monogram-text-pdp-preview span").css({color:"#000",background:"","-webkit-background-clip":"","-webkit-text-fill-color":"","text-shadow":"none"}),$(".monogram-image-wrapper .monogram-text-pdp-preview, .product-monogram .monogram-text-pdp-preview").html(n.monogramTextPreviewHtml);let o=a.find(".image-preview").attr("src"),d=r.attr("src");o&&o.length&&t.find(".monogram-image").attr("src",o),d&&d.length&&t.find(".tag-image").attr("src",d);

1let p=$(".monogram-color.selected").data("color-name");t.find(".text-color-name").text(p);let g=$(".patch-item.selected").data("product-color"),u=r.data("product-size"),h=r.data("product-name");g&&t.find(".product-color-name").text(g.charAt(0).toUpperCase()+g.slice(1).toLowerCase()),u&&t.find(".tag-size").text(u),h&&t.find(".tag-name").text(h);let v=f();$(".monogram-sidebar").find(".product-monogram-value").val(JSON.stringify(v)),s=$(".skip-checkbox").is(":checked"),i=$(".monogram-preview-wrapper .monogram-text-pdp-preview"),c=$(".infor-item.monogram-text-pdp-preview"),m=$(".color-monogram-preview"),s?(i.addClass("d-none"),c.addClass("d-none"),m.addClass("d-none")):(i.removeClass("d-none"),c.removeClass("d-none"),m.removeClass("d-none")),$("body").trigger("updateMonogramPDP",e),l()}var s,i,c,m}))},addMonogramCart:function(){$("body").on("click.addMonogramCart",".btn-mono-cart-submit",(function(e){if(e.preventDefault(),$(this).closest(".panel-footer.pers-footer").length){var o=!1;if($(".monogram-input").each((function(){$(this).val().length&&(o=!0)})),!o)return void $(".monogram-error-message").removeClass("d-none")}let t=$(this).data("url"),a=f();l(),$.spinner().start(),$.ajax({url:t,method:"POST",data:a}).done((function(e){location.reload(),$("body").trigger("monogram:afterEditedMonogram",e)})).fail((function(e){document.location.href=e.redirectUrl}))}))},removeMonogramCart:function(){$("body").on("click.removeMonogramCart",".remove-monogram-cart",(function(e){e.preventDefault();let o=$(this).data("url");$.spinner().start(),$.ajax({url:o,method:"POST"}).done((function(e){location.hash="",location.reload(),$("body").trigger("monogram:afterRemoveMonogram",e)})).fail((function(e){document.location.href=e.redirectUrl}))}))},updateAddToCartFormData:function(){$("body").on("updateAddToCartFormData","button.add-to-cart, button.add-to-cart-global",(function(e,o){let t=o;if($(this).closest(".recommendations, .product-recommendation-swiper, .product-accessories-einstein-recommendation, .einstein-html-slot-wrapper, .product-listing").length)return;let a=$(".product-monogram-value");if(!a.length)return;let n=a.val();n&&(t.monogramValue=n)}))},openMonogramSidebar:function(e,o){if(void 0===e)return;let t=$(".monogram-sidebar"),a=$(".sidebar-content",t);e&&(a.spinner().start(),$.ajax({url:e,type:"get",data:o,dataType:"json"}).done((function(e){var o;o=e.content,$(".monogram-sidebar .sidebar-body").html(o),$("html").addClass("sidebar-opened"),$(".monogram-sidebar").addClass("active"),$(".monogram-overlay").removeClass("d-none"),$("body").trigger("monogram:afterShowPopup")})).fail((function(e){l(),window.location.href=e.redirectUrl})).always((function(){a.spinner().stop()})))},openMonogramAction:function(){$("body").on("click.openMonogram",".monogram-show-popup",(function(e){e.preventDefault();let o=$(this).data("url"),t=$(".product-monogram-value"),a={};t.length&&t.val().length&&(a.monogramValue=t.val()),b.openMonogramSidebar(o,a)}))},openMonogramByHash:function(){let e=function(){let e="#addMonogramUUID=",o=location.hash;if(o.indexOf(e)>-1){let t=o.replace(e,"");t&&$(".uuid-"+t+" .add-monogram-button").trigger("click.openMonogram")}};window.addEventListener("hashchange",e,!1),e()},closeMonogramSidebar:function(){$("body").on("click.closeMonogram",".sidebar-dismiss-btn, .btn-mono-cancel",(function(){l()}))},removeMonogramPDP:function(){$("body").on("click",".remove-monogram",(function(e){e.preventDefault();let o=$(".monogram-sidebar"),t=$(".monogram-added"),a=$(".monogram-show");t&&a&&o&&(o.find(".product-monogram-value").val(""),t.addClass("d-none"),a.removeClass("d-none"))}))},updateMonogramVariation:function(){$("body").on("product:monogramUpdate",(function(e,o){let t=$(".product-monogram-wrapper");$(".monogram-sidebar").find(".product-monogram-value").val(""),t.length&&(t.empty(),o&&Object.prototype.hasOwnProperty.call(o,"monogramPDPContent")&&o.monogramPDPContent&&t.html(o.monogramPDPContent))}))},updateMonogramAfterShow:function(){$("body").on("monogram:afterShowPopup",(function(){let e,o=$(".product-monogram-value").val(),t=$(".monogram-sidebar");

1if(o.length){try{e=JSON.parse(o)}catch(e){return}if(e.monogramText){let o=i(e.monogramText),a=t.find(".monogram-input");a.length&&a.each((function(e){if(o.length>e&&o[e].value){let t=o[e];$(this).val(t.value).addClass(t.isSymbol?"monogram-symbol":"").attr("data-order-mapping",t.symbolValue)}}))}if(e.textColor){let o=t.find(".monogram-color");o.length&&(o.removeClass("selected"),o.each((function(){let o=$(this);e.textColor.toUpperCase()===o.data("color-name").toUpperCase()&&o.addClass("selected")})))}if(e.tagSelected){let o=t.find(".monogram-tag-size");o.length&&o.each((function(){let t=$(this);e.tagSelected===t.data("pid")&&(o.removeClass("selected"),t.addClass("selected"))}))}if(e.patchSelected){let o=t.find(".patch-item");o.length&&(o.removeClass("selected"),o.each((function(){let o=$(this);e.patchSelected===o.data("pid")&&(o.addClass("selected"),$(".image-preview").attr("src",o.data("patch-image")))})))}g()}}))},skipPersonalizeTextCheckbox:function(){$("body").on("click.skipPersonalizeText",".skip-checkbox",(function(){v($(".skip-checkbox").is(":checked"))}))}};e.exports=b},function(e){e.exports=JSON.parse('{"default":"rgba(0,0,0,0.5)","black":"rgba(0,0,0,0.5)","red":"rgba(211,57,68,0.5)","yellow":"rgba(237,135,81,0.5)","blue":"rgba(85,92,134,0.5)"}')}]);