"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2976],{12976:(e,t,n)=>{n.d(t,{k:()=>s});var r=n(20063),o=n(12115),i=n(22919),a=n(20973),l=n(86181);function s(e="storefront"){let t=(0,i.K)(),n=(0,r.useParams)(),d="string"==typeof n?.lang?n.lang:l.q,u=(0,o.useCallback)((e,n,r)=>{let o;if(!t){let t=n||e;return r&&Object.entries(r).forEach(([e,n])=>{t=t.replace(RegExp(`{{${e}}}|{${e}}`,"g"),String(n))}),(0,a.X)(e,t),t}let i=e.split(".").reduce((e,t)=>e&&"object"==typeof e?e[t]:void 0,t);return o="string"==typeof i?i:n||e,r&&Object.entries(r).forEach(([e,t])=>{o=o.replace(RegExp(`{{${e}}}|{${e}}`,"g"),String(t))}),(0,a.X)(e,o),o},[t]);return(0,o.useMemo)(()=>({t:u,lang:d}),[u,d])}},20973:(e,t,n)=>{n.d(t,{S:()=>p,X:()=>s});var r=n(12115);let o=!1,i=!1;window.__KOMERO_BROWSE_MODE__=!1;let a=window.self!==window.top,l=new Map;function s(e,t){if(!a||!t||!e)return;let n=t.trim();if(!n)return;let r=l.get(n);r?r.includes(e)||r.push(e):l.set(n,[e])}let d="translation-inspect-hover",u="translation-inspect-all",c="translation-inspect-frag";function m(){"undefined"!=typeof document&&document.body&&document.body.querySelectorAll("*").forEach(e=>{let t=e.tagName;if("SCRIPT"===t||"STYLE"===t||"SVG"===t||"PATH"===t)return;let n=e.textContent?.trim();if(!n||n.length>200||!l.has(n)){e.dataset.i18nKeys&&delete e.dataset.i18nKeys;return}let r=!1;for(let t=0;t<e.children.length;t++)if((e.children[t].textContent?.trim()||"")===n){r=!0;break}if(r){e.dataset.i18nKeys&&delete e.dataset.i18nKeys;return}e.dataset.i18nKeys=l.get(n).join("|")})}function f(){"undefined"!=typeof document&&document.querySelectorAll("[data-i18n-keys]").forEach(e=>{e.classList.add(u)})}function p({isBrowseMode:e=!1}){return(0,r.useEffect)(()=>{window.__KOMERO_BROWSE_MODE__=e},[e]),(0,r.useEffect)(()=>{if(!a)return;let e="translation-inspect-styles";if(!document.getElementById(e)){let t=document.createElement("style");t.id=e,t.innerHTML=`
        .${d} {
          outline: 2px dashed #3b82f6 !important;
          outline-offset: 2px !important;
          cursor: cell !important;
          background-color: rgba(59, 130, 246, 0.1) !important;
          transition: outline 0.1s ease-in-out, background-color 0.1s ease-in-out !important;
          z-index: 999999 !important;
        }
        .${u} {
          outline: 1.5px dashed rgba(59, 130, 246, 0.45) !important;
          outline-offset: 1px !important;
          background-color: rgba(59, 130, 246, 0.05) !important;
          border-radius: 2px !important;
        }
        ::highlight(${c}) {
          background-color: rgba(59, 130, 246, 0.28);
          color: inherit;
        }
        .translation-selector-mode body {
          cursor: crosshair !important;
        }
      `,document.head.appendChild(t)}let t=null,n=null,r=null,s=()=>{null==r&&(r=window.setTimeout(()=>{r=null,(o||i)&&(m(),i&&f())},200))},p=()=>{n||(n=new MutationObserver(s)).observe(document.body,{childList:!0,subtree:!0,characterData:!0})},E=()=>{!n||o||i||(n.disconnect(),n=null)},y="function"==typeof window.Highlight&&!!CSS?.highlights,g=()=>{if(t&&(t.classList.remove(d),t=null),y)try{CSS.highlights.delete(c)}catc