@occluze/tether 0.6.8 → 0.7.1

package/dist/esm/chunks/diagnose-6VVGZNTY.js

@@ -1,14 +0,0 @@
-import{a as m,d as P}from"./chunk-FCSWQDVV.js";import{a as v}from"./chunk-VT4CDUJJ.js";import{c as R}from"./chunk-NEHZ37TU.js";import{e as S}from"./chunk-JOOEXYF3.js";import{B as k,b as i,f as $,m as E,p as w,r as p,s as l,t as f,v as d}from"./chunk-YJLWX2HK.js";import"./chunk-FOMSMIAM.js";var V=/^(\d{4})-(01|04|07|10)$/;function T(e){let n=V.exec(typeof e=="string"?e:"");return n?{year:Number(n[1]),month:Number(n[2])}:null}var q=(e,n)=>`${e}-${String(n).padStart(2,"0")}`;function A(e,n=1){let t=T(e);if(!t)throw new Error(`not a quarterly Shopify API version: ${e}`);let o=t.year*4+(t.month-1)/3+n;return q(Math.floor(o/4),o%4*3+1)}function _(e,n=new Date){if(e==="unstable")return{version:e,ok:!1,note:'"unstable" changes without notice: pin a dated version such as 2026-07'};let t=T(e);if(!t)return{version:e,ok:!1,note:"not a quarterly version (YYYY-01, -04, -07 or -10)"};let o=new Date(Date.UTC(t.year,t.month-1,1)),r=new Date(Date.UTC(t.year,t.month-1+12,1)),s=(r.getTime()-n.getTime())/2630016e3,a=o<=n,c=`supported until about ${r.toISOString().slice(0,7)}`;return a?s<=0?c="no longer supported: Shopify falls back to the oldest supported version. Upgrade (see README)":s<3&&(c=`${c}: plan the upgrade to ${A(e)} or later (see README)`):c="not released yet (release candidate at best)",{version:e,ok:a&&s>0,monthsLeft:Math.round(s),next:A(e),note:c}}var M=new Set(["in-stock","out-of-stock","backorder","low-stock","plenty-in-stock","on-sale","not-on-sale","has-variants","single-variant","subscription-available","subscription-unavailable","subscription-only","one-time-available","subscription-selected","one-time-selected","has-savings","loading","ready","error","not-found","cart-empty","cart-filled","cart-has-subscription","cart-no-subscription","cart-has-discount","cart-error","cart-warning","list-empty","list-filled","search-empty","search-results","logged-in","logged-out","orders-empty","orders-loading","addresses-loading","addresses-empty","addresses-error","subscriptions-loading","subscriptions-empty","subscriptions-error"]),N=new Set(["title","description","description-text","vendor","type","handle","published-at","price","total-price","compare-at-price","unit-price","min-price","max-price","discount-percentage","discount-amount","variant-title","variant-id","sku","barcode","stock","quantity","featured-image","variant-image","images","tags","link","url","one-time-price","subscription-price","subscription-savings","subscription-savings-amount","checkout-charge","plan-name","plan-description","plan-group","option-value","swatch","image"]),D=new Set(`account account-bind account-link account-login account-logout add-label add-to-cart adding-text
-  always-enabled bind cart-checkout-charge cart-clear cart-close cart-count cart-discounts cart-drawer cart-label cart-lines
-  cart-note cart-open cart-subtotal cart-total cart-warning checkout code collection collection-bind countries country
-  country-bind country-label country-select default-plan default-purchase discount discount-code discount-form discount-input
-  discount-remove display error group group-add hide-single language limit line line-attribute line-attributes line-id
-  line-minus line-plan line-plus line-remove line-show list load-more market-pending one-time-label option option-list
-  option-selected option-value order order-bind order-line order-lines order-line-show order-show order-state order-fulfillments
-  fulfillment-bind order-return return-quantity return-reason return-note orders profile-form address-form addresses address-bind
-  address-show address-edit address-new address-delete address-default subscriptions subscription-bind subscription-lines
-  subscription-line subscription-show subscription-action subscription-status subscription-state confirm form-state form-error page-country page-language page-locale page-title plan plan-bind plan-list
-  plan-value product products purchase purchase-mode qty qty-minus qty-plus quantity recommendations reverse search
-  search-bind search-collections search-input search-limit search-min search-products search-queries search-results
-  search-state show soldout-text sort state subscribe-text variant variant-select variant-url max-width max-height crop
-  sig label hydrated busy`.split(/\s+/).filter(Boolean)),C=["bind","option-list","option","variant-select","add-to-cart","purchase","plan-list","plan","qty","line-attribute"],H=["option-list","plan-list","cart-lines","list"],b="metafield:",Y=/^image:\d+$/,G=2;function B(e,n){let t=Array.from({length:n.length+1},(o,r)=>r);for(let o=1;o<=e.length;o++){let r=[o];for(let s=1;s<=n.length;s++){let a=(t[s-1]??0)+(e[o-1]===n[s-1]?0:1);r.push(Math.min((t[s]??0)+1,(r[s-1]??0)+1,a))}t=r}return t[n.length]??0}function g(e,n,t=""){let o=null,r=1/0;for(let a of n){let c=B(e,a);c<r&&(r=c,o=a)}let s=Math.max(2,Math.floor(e.length/4));return o!==null&&r<=s?` Did you mean "${t}${o}"?`:""}function L(e){let n=e.id?`#${e.id}`:"",t=e.className&&typeof e.className=="string"?e.className.trim().split(/\s+/):[],o=t.length?`.${t.slice(0,G).join(".")}`:"";return`<${e.tagName.toLowerCase()}${n}${o}>`}var x=()=>`${l("collection")},${l("products")},${l("recommendations")}`;function Q(e,n){d(e,l("product")).forEach(t=>{if(t.closest(x())&&t.closest(l("list")))return;let{key:o,fromUrl:r,raw:s}=m(t);s?r&&!o&&n("warn",`${p("product")}="${s}" but this URL has no value for it (e.g. ?handle=my-product).`,t):n("error",`${p("product")} has no value. Bind it to the Shopify handle (CMS field), or use "url:handle".`,t)})}function W(e,n){for(let t of C)d(e,l(t)).forEach(o=>{o.closest(l("product"))||t==="line-attribute"&&o.closest(l("group"))||n("warn",`${p(t)} outside any ${p("product")}: it does nothing here.`,o)});d(e,l("group-add")).forEach(t=>{t.closest(l("group"))||n("warn",`${p("group-add")} outside a ${p("group")}.`,t)});for(let t of H)d(e,l(t)).forEach(o=>{!o.firstElementChild&&!k(o)&&n("warn",`${p(t)} without a template child: put one example element inside it.`,o)});d(e,x()).forEach(t=>{d(t,l("list")).length||n("error",`List without a ${p("list")} child: products have nowhere to render.`,t)})}function j(e,n){d(e,l("show")).forEach(t=>{let o=f(t,"show")??"";M.has(o)||n("warn",`Unknown ${p("show")}="${o}".${g(o,M)}`,t)}),d(e,l("bind")).forEach(t=>{let o=f(t,"bind")||"";!o||N.has(o)||Y.test(o)||o.startsWith(b)||n("warn",`Unknown ${p("bind")}="${o}": it stays empty.${g(o,N)}`,t)})}function K(e,n){d(e,l("bind")).forEach(t=>{let o=f(t,"bind")||"";if(!o.startsWith(b))return;let r=o.slice(b.length);i.metafields.some(a=>(typeof a=="string"?a:`${a.namespace}.${a.key}`)===r)||n("error",`${p("bind")}="${o}" but "${r}" is not in config.metafields, so it stays empty.`,t)})}function F(e,n){let t=`${i.prefix}-`,o=new Set;d(e,"*").forEach(r=>{for(let{name:s}of r.attributes){if(!s.startsWith(t))continue;let a=s.slice(t.length);D.has(a)||o.has(a)||(o.add(a),n("warn",`Unknown attribute ${s}: Tether ignores it.${g(a,D,t)}`,r))}})}function z(e,n){let t=d(e,l("cart-drawer")).length;d(e,l("cart-open")).length&&!t&&n("warn",`${p("cart-open")} exists but there is no ${p("cart-drawer")} on this page.`),t>1&&n("warn",`More than one ${p("cart-drawer")}.`),d(e,`[${p("state")}="error"]`).forEach(o=>{o.matches(P())&&n("error",`Scope failed to load (${f(o,"error")||"error"}).`,o)})}function U(e=document){let n=[],t=(o,r,s)=>{n.push(s?{level:o,message:r,element:L(s),el:s}:{level:o,message:r})};return Q(e,t),W(e,t),j(e,t),F(e,t),K(e,t),z(e,t),n}var J=20,X=3,O=4;function Z(e){return e?`${e.slice(0,O)}\u2026${e.slice(-O)} (${e.length} chars)`:"(missing)"}function I(e,n){if(e instanceof Error&&e.message)return e.message;let t=typeof e=="object"&&e!==null?Reflect.get(e,"code"):void 0;return typeof t=="string"&&t?t:n}function ee(){return{domain:i.domain||"(missing)",token:Z(i.token),apiVersion:i.apiVersion,endpoint:i.domain?E():null,country:i.country,language:i.language,locale:i.locale,markets:i.markets,prefix:i.prefix,productPath:i.productPath,metafields:i.metafields,autoMount:i.autoMount,observe:i.observe,onError:typeof i.onError=="function"}}async function te(){return{country:i.country||null,language:i.language||null,locale:i.locale||null,detected:i.markets?.detect?(await v("markets")).detectMarket(i.markets):null}}function ne({ok:e,monthsLeft:n,note:t}){return e&&(n===void 0||n>=X)?null:{level:e?"warn":"error",message:`apiVersion ${i.apiVersion}: ${t}`}}async function oe(){if(!$())return{kind:"not-configured"};let e=Date.now();try{let n=await w("query TetherDiagnose { shop { name primaryDomain { url } paymentSettings { currencyCode } } }",{},{context:!1});return{kind:"reachable",shop:{name:n.shop.name,url:n.shop.primaryDomain.url,currency:n.shop.paymentSettings.currencyCode},latencyMs:Date.now()-e}}catch(n){return{kind:"unreachable",error:n,latencyMs:Date.now()-e}}}function se(e,n,t){let o=[],r=t.options.map(a=>a.name),s=d(e,l("product")).filter(a=>m(a).key===n&&a.querySelector(l("add-to-cart")));for(let a of s){let c=new Set(d(a,`${l("option-list")},select${l("option")}`).map(u=>f(u,"option-list")||f(u,"option")));if(!(!c.size&&d(a,`select${l("variant-select")}`).length)){if(!i.language)for(let u of c)!u||r.includes(u)||o.push({level:"warn",message:`Product "${t.handle}" has no option "${u}" (its options: ${r.join(", ")||"none"}).${g(u,r)}`});for(let u of t.options)u.optionValues.length<=1||c.has(u.name)||o.push({level:"warn",message:`Product "${t.handle}": option "${u.name}" (${u.optionValues.length} values) has no tether-option-list, so visitors can't choose it.`})}}return o}async function re(e,n){let t=d(e,l("product")).map(s=>m(s).key),o=[...new Set(t.filter(s=>s!==null&&s!==""))].slice(0,J);(await Promise.allSettled(o.map(s=>R(s)))).forEach((s,a)=>{let c=o[a]??"";if(s.status==="rejected"){let h=I(s.reason,"not loaded");n.products.push({key:c,error:s.reason instanceof Error?s.reason.message:void 0}),n.problems.push({level:"error",message:`Product "${c}": ${h}. Is it published to the Headless channel?`});return}let u=s.value,y=S(u);n.products.push({key:c,handle:u.handle,title:u.title,plans:y.length,requiresSellingPlan:u.requiresSellingPlan});for(let h of y)n.sellingPlans.push({product:u.handle,group:h.group.name,plan:h.name,id:h.id});n.problems.push(...se(e,c,u))})}async function we({root:e=document,silent:n=!1,version:t,now:o=new Date}={}){let r=await oe(),s={version:t,config:ee(),apiVersion:_(i.apiVersion,o),market:await te(),reachable:r.kind==="reachable",shop:r.kind==="reachable"?r.shop:null,latencyMs:r.kind==="not-configured"?null:r.latencyMs,products:[],sellingPlans:[],problems:[]};switch(r.kind){case"not-configured":s.problems.push({level:"error",message:"TETHER_CONFIG needs domain and token."});break;case"unreachable":s.problems.push({level:"error",message:`Storefront API not reachable: ${I(r.error,"unknown error")}`});break;case"reachable":await re(e,s);break}let a=ne(s.apiVersion);return a&&s.problems.push(a),typeof document<"u"&&s.problems.push(...U(e)),n||ae(s),s}function ae(e){let n=e.problems.filter(c=>c.level==="error").length,t=e.problems.length-n;console.group(`[${i.prefix}] diagnose: ${n?`${n} error(s)`:"no errors"}, ${t} warning(s)`),console.log("version",e.version,"| API",e.apiVersion.version,`(${e.apiVersion.note})`),console.log("config",e.config);let{country:o,language:r,detected:s}=e.market,a=[o,r].filter(Boolean).join(" / ")||"the store default";console.log("market",`in use: ${a}`,s?`(detection picks ${JSON.stringify(s)})`:""),console.log(e.shop?`Storefront API reachable: ${e.shop.name} (${e.latencyMs??0} ms)`:"Storefront API NOT reachable"),e.products.length&&console.table(e.products),e.sellingPlans.length?console.table(e.sellingPlans):e.reachable&&console.log("No selling plans on the products of this page.");for(let c of e.problems)c.level==="error"?console.error(c.message,c.el??""):console.warn(c.message,c.el??"");console.groupEnd()}export{_ as apiVersionStatus,U as checkMarkup,we as diagnose,g as didYouMean};

package/dist/esm/chunks/extras-GJVRDFM3.js

@@ -1 +0,0 @@
-import{a as b}from"./chunk-2FSXS55U.js";import"./chunk-HEQILZVR.js";import"./chunk-FCSWQDVV.js";import{b as p}from"./chunk-MPTQYLSM.js";import"./chunk-NEHZ37TU.js";import"./chunk-JOOEXYF3.js";import{Q as h,R as w,b as s,h as f,i,s as c,t as g,u as d,v as y,x as m}from"./chunk-YJLWX2HK.js";import"./chunk-FOMSMIAM.js";function x(t,r){let e=w(h(t,"line-attributes"));return r?[{key:"_group",value:r},...e]:e}async function V(t){let r=t.closest(c("group"));if(!r)return null;let e=g(r,"group"),a=x(r,e),n=y(r,c("product")).flatMap(u=>{let o=b.get(u);if(!o?.variant?.availableForSale||o.quantity<=0)return[];let l=o.getLine();return l?[{...l,attributes:[...l.attributes??[],...a]}]:[]});if(!n.length)return f("group-add: nothing selected"),null;try{let u=await p.add(n);return m("group-added",{group:e,lines:n},r),u}catch(u){return i(u,"group add"),null}}function $(t){let r;try{r=JSON.parse(t)}catch{return null}if(typeof r!="object"||r===null)return null;let{country:e,language:a,locale:n}=r;return typeof e!="string"||!e?null:{country:e,language:typeof a=="string"?a:null,locale:typeof n=="string"?n:void 0}}function _(t){if(t.key===s.storageKey||t.key===`${s.storageKey}:seen`){p.init().catch(n=>{i(n,"cart from another tab")});return}if(t.key!==`${s.prefix}:market:${s.domain}`||!t.newValue)return;let r=$(t.newValue),{Tether:e}=window;if(!r||!e)return;let a={language:r.language,locale:r.locale,remember:!1};e.setCountry(r.country,a).catch(n=>{i(n,"market from another tab")})}var k=new WeakMap,S=t=>t.split("/").pop()??t;function A(t){try{window.history.replaceState(window.history.state,"",t)}catch{}}function v(t,{variant:r,sellingPlanId:e}){let a=`${r.id}|${e??""}`,n=k.get(t);if(k.set(t,a),!n||n===a)return;let u=s.variantUrl&&document.querySelector(c("product"))===t;if(!d(t,"variant-url")&&!u)return;let o=new URL(window.location.href);o.searchParams.set("variant",S(r.id)),e?o.searchParams.set("selling_plan",S(e)):o.searchParams.delete("selling_plan"),A(o)}export{V as addGroup,_ as onStorage,v as writeVariantUrl};

package/dist/esm/chunks/markets-ui-UNB4PTA7.js

@@ -1 +0,0 @@
-import{b as T,c as P,d as F,e as h}from"./chunk-27PJJZGC.js";import{a as E,c as w,e as x,f as A,g as U,h as y,i as I}from"./chunk-V74KGEJF.js";import"./chunk-2FSXS55U.js";import"./chunk-HEQILZVR.js";import"./chunk-FCSWQDVV.js";import{b as l}from"./chunk-MPTQYLSM.js";import{d as v}from"./chunk-NEHZ37TU.js";import"./chunk-JOOEXYF3.js";import{b as c,i as f,j as m,k as g,l as C,r as s,s as p,t as b,x as L}from"./chunk-YJLWX2HK.js";import"./chunk-FOMSMIAM.js";var _="{name} ({currency})",j="name";function B(e,t){switch(t){case"name":return e.name;case"code":return e.isoCode;case"currency":return e.currency.isoCode;case"symbol":return e.currency.symbol;default:return""}}var M=(e,t)=>e.replace(/\{(name|code|currency|symbol)\}/g,(o,a)=>B(t,a));function O(e,t,o){let a=e.getAttribute(s("country-label"))||_,r=(e.getAttribute(s("countries"))||"").toUpperCase().split(/[\s,]+/).filter(Boolean),i=r.length?r.map(n=>t.find(u=>u.isoCode===n)).filter(n=>n!==void 0):t;e.replaceChildren(...i.map(n=>new Option(M(a,n),n.isoCode))),e.value=o,e.value!==o&&(e.selectedIndex=-1),e.disabled=i.length<2&&!e.hasAttribute(s("always-enabled"))}function S(e,t,o){let a=(c.country||o.country.isoCode).toUpperCase(),r=[...o.availableCountries].sort((n,u)=>n.name.localeCompare(u.name,c.locale||void 0)),i=r.find(n=>n.isoCode===a)??o.country;e.forEach(n=>{O(n,r,a)}),t.forEach(n=>{n.textContent=B(i,b(n,"country-bind")||j)})}function k(e=document){let t=y(e,`select${p("country-select")}`),o=y(e,p("country-bind"));return!t.length&&!o.length?Promise.resolve():h().then(a=>{S(t,o,a)}).catch(a=>{f(a,"country select")})}var $=e=>Object.values(c.markets?.locales??{}).find(t=>m(t.country)===e);function z(e,t){return e!==void 0?g(e):t?t.language?g(t.language):void 0:c.language}function R(e){v();let t=[];return l.id()&&t.push(l.setBuyerIdentity({countryCode:e},{create:!1}).catch(o=>{f(o,"cart country")})),U(),A.forEach(o=>t.push(o.load())),x.forEach(o=>{o.closest(E())||(w.delete(o),I(o))}),t}async function X(e,{language:t,locale:o,remember:a=!0}={}){let r=m(e);if(!r)throw new C(`Not a country code: ${e}`,{code:"INVALID_COUNTRY"});let i=$(r),n=o||i?.locale,u=n||c.locale,d=z(t,i),D=r!==c.country?.toUpperCase()||d!==c.language||u!==c.locale;if(c.country=r,c.language=d||void 0,c.locale=u,a&&P({country:r,language:d,locale:n}),!D)return k(),l.state;t!==void 0&&F();let N=R(r);return k(),L("country-changed",{country:r,language:c.language}),await Promise.all(N),l.state}export{T as detectMarket,h as getLocalization,k as renderCountrySelects,X as setCountry};

package/dist/esm/chunks/search-OU75RNQL.js

@@ -1 +0,0 @@
-import{h as C}from"./chunk-V74KGEJF.js";import"./chunk-2FSXS55U.js";import"./chunk-HEQILZVR.js";import"./chunk-FCSWQDVV.js";import"./chunk-MPTQYLSM.js";import"./chunk-NEHZ37TU.js";import"./chunk-JOOEXYF3.js";import{A as E,C as S,E as L,G as T,J as q,L as d,b as l,g,i as b,p as A,r as y,s as h,t as u,v as c,x as w}from"./chunk-YJLWX2HK.js";import"./chunk-FOMSMIAM.js";var R="query TetherPredictive($q:String!,$limit:Int!){predictiveSearch(query:$q,limit:$limit,limitScope:EACH,types:[PRODUCT,COLLECTION,QUERY]){products{id handle title availableForSale featuredImage{url altText}priceRange{minVariantPrice{amount currencyCode}}}collections{handle title image{url altText}}queries{text}}}",v=6,D=2,F="/search",I=new WeakSet,x=0;function $(r,t,e){return parseInt(u(r,t)||"",10)||e}var k=r=>r.tagName==="A"?r:r.querySelector("a");function f(r,t){c(r,h("search-bind")).forEach(e=>{let i=u(e,"search-bind");i==="image"?E(e,t.image?.url,t.image?.altText||t.title):(i==="title"||i==="price"||i==="text")&&t[i]!=null&&q(e,t[i])})}function U(r,t){let e=k(r);e&&(e.setAttribute("href",t),e.setAttribute("role","option"))}var p=class{constructor(t,e,i){this.root=t,this.input=e,this.results=i,this.limit=$(t,"search-limit",v),this.minCharacters=$(t,"search-min",D),i.id||(x+=1,i.id=`${l.prefix}-search-${x}`),this.resultsId=i.id,this.searchNumber=0,this.timer=void 0,this.lastTerm="",this.cache=new Map,this.setUpAria(),this.listen()}setUpAria(){this.input.setAttribute("role","combobox"),this.input.setAttribute("aria-autocomplete","list"),this.input.setAttribute("aria-controls",this.resultsId),this.input.setAttribute("aria-expanded","false"),this.input.setAttribute("autocomplete","off"),this.results.hasAttribute("role")||this.results.setAttribute("role","listbox"),this.results.hidden=!0}listen(){this.input.addEventListener("input",()=>{let t=this.input.value.trim();t!==this.lastTerm&&(this.lastTerm=t,clearTimeout(this.timer),this.timer=setTimeout(()=>void this.search(t),l.searchDelay))}),this.input.addEventListener("focus",()=>{this.input.value.trim().length>=this.minCharacters&&this.options().length&&this.open(!0)}),this.input.addEventListener("keydown",t=>{this.onKeydown(t)}),document.addEventListener("click",t=>{this.root.contains(t.target)||this.open(!1)})}setState(t){this.root.setAttribute(y("search-state"),t)}open(t){this.root.classList.toggle("is-open",t),this.results.hidden=!t,this.input.setAttribute("aria-expanded",String(t)),t||this.input.removeAttribute("aria-activedescendant")}options(){return c(this.results,'[role="option"]')}async fetchResults(t){let e=this.cache.get(t);if(e)return e;let i=await A(R,{q:t,limit:this.limit});return this.cache.set(t,i.predictiveSearch),i.predictiveSearch}async search(t){this.searchNumber+=1;let e=this.searchNumber;if(t.length<this.minCharacters){this.open(!1),this.setState("idle");return}this.setState("loading");try{let i=await this.fetchResults(t);e===this.searchNumber&&this.render(i,t)}catch(i){if(e!==this.searchNumber){g("a superseded search failed",i);return}this.setState("error"),b(i,"search")}}fillList(t,e,i){c(this.results,h(t)).forEach(n=>{S(n,e,i),d(n,e.length>0)})}queryUrl(t){let e=this.root.getAttribute("action")||F,i=e.includes("?")?"&":"?";return`${e}${i}${this.input.name||"q"}=${encodeURIComponent(t)}`}render(t,e){let i=t?.products??[],n=t?.collections??[],o=(t?.queries??[]).filter(a=>a.text.toLowerCase()!==e.toLowerCase());this.fillList("search-products",i,(a,s)=>{let N=T(s.priceRange.minVariantPrice);f(a,{title:s.title,price:N,image:s.featuredImage}),U(a,L(s.handle,s.id)),a.classList.toggle("is-sold-out",!s.availableForSale)}),this.fillList("search-collections",n,(a,s)=>{f(a,{title:s.title,image:s.image}),U(a,`${(l.collectionPath||"/collection").replace(/\/$/,"")}/${s.handle}`)}),this.fillList("search-queries",o,(a,s)=>{f(a,{text:s.text}),k(a)?.setAttribute("href",this.queryUrl(s.text))});let m=i.length+n.length+o.length;this.showCount(m),this.setState(m?"ready":"empty"),this.open(!0),w("search",{term:e,products:i,collections:n,queries:o},this.root)}showCount(t){c(this.root,h("show")).forEach(e=>{let i=u(e,"show");i==="search-empty"&&d(e,t===0),i==="search-results"&&d(e,t>0)}),this.options().forEach((e,i)=>{e.id||(e.id=`${this.resultsId}-${i}`),e.setAttribute("aria-selected","false")})}highlight(t,e){t.forEach((n,o)=>{n.setAttribute("aria-selected",String(o===e))});let i=t[e];i&&(this.input.setAttribute("aria-activedescendant",i.id),i.scrollIntoView?.({block:"nearest"}))}onKeydown(t){let e=this.options(),i=e.findIndex(n=>n.getAttribute("aria-selected")==="true");t.key==="ArrowDown"&&e.length?(t.preventDefault(),this.open(!0),this.highlight(e,(i+1)%e.length)):t.key==="ArrowUp"&&e.length?(t.preventDefault(),this.highlight(e,i<=0?e.length-1:i-1)):t.key==="Enter"&&i>=0?(t.preventDefault(),e[i]?.click()):t.key==="Escape"&&this.open(!1)}};function _(r=document){for(let t of C(r,h("search"))){if(I.has(t))continue;I.add(t);let e=t.querySelector(h("search-input"))??t.querySelector("input"),i=t.querySelector(h("search-results"));e&&i&&new p(t,e,i)}}export{_ as mountSearch};

package/src/account/addresses-view.js

@@ -1,92 +0,0 @@
-/**
- * The customer's addresses (`tether-addresses`), with `tether-show="addresses-loading"`, `addresses-empty` and
- * `addresses-error`. The last list rendered is kept, so an edit button can fill the address form from it.
- */
-import { reportError } from '../config.js';
-import { get, qsa, repeat, sel, setText } from '../dom.js';
-import { addressText, bindsIn, ownValue, showIn } from './markup.js';
-import { addresses } from './operations.js';
-
-/**
- * @typedef {object} CustomerAddress An address of account-ops.js's documents, with `isDefault` added.
- * @property {string} id
- * @property {string | null} firstName
- * @property {string | null} lastName
- * @property {string | null} company
- * @property {string | null} address1
- * @property {string | null} address2
- * @property {string | null} city
- * @property {string | null} province
- * @property {string | null} zoneCode
- * @property {string | null} zip
- * @property {string | null} country
- * @property {string | null} countryCode
- * @property {string | null} phoneNumber
- * @property {string[]} formatted
- * @property {boolean} isDefault
- */
-
-/** @type {readonly CustomerAddress[]} */
-let shown = [];
-
-/**
- * @param {string} id
- * @returns {CustomerAddress | undefined} The address with this id in the list shown last.
- */
-export const shownAddress = (id) => shown.find((address) => address.id === id);
-
-/**
- * @param {CustomerAddress} address
- * @returns {Record<string, string>} The text of each `tether-address-bind` value.
- */
-const addressTexts = (address) => ({
-  formatted: addressText(address),
-  name: [address.firstName, address.lastName].filter(Boolean).join(' '),
-  company: address.company || '',
-  address1: address.address1 || '',
-  address2: address.address2 || '',
-  city: address.city || '',
-  zip: address.zip || '',
-  province: address.province || '',
-  country: address.country || '',
-  phone: address.phoneNumber || '',
-});
-
-/**
- * @param {HTMLElement} row
- * @param {CustomerAddress} address
- */
-function fillAddress(row, address) {
-  row.dataset['tetherAddress'] = address.id;
-  const texts = addressTexts(address);
-  bindsIn(row, 'address-bind').forEach((el) => {
-    const text = ownValue(texts, get(el, 'address-bind') ?? '');
-    if (text !== undefined) setText(el, text);
-  });
-  showIn(row, 'address-show', { default: address.isDefault, 'not-default': !address.isDefault });
-}
-
-/**
- * Loads and renders the addresses. A failure is reported and shows `addresses-error`, never "no addresses yet".
- *
- * @param {ParentNode} root
- */
-export async function renderAddresses(root) {
-  const boxes = qsa(root, sel('addresses'));
-  if (!boxes.length) return;
-  showIn(root, 'show', { 'addresses-loading': true, 'addresses-empty': false });
-  /** @type {CustomerAddress[]} */
-  let list;
-  try {
-    list = await addresses();
-  } catch (error) {
-    reportError(error, 'addresses');
-    showIn(root, 'show', { 'addresses-loading': false, 'addresses-error': true });
-    return;
-  }
-  shown = list;
-  showIn(root, 'show', { 'addresses-loading': false, 'addresses-empty': list.length === 0, 'addresses-error': false });
-  boxes.forEach((box) => {
-    repeat(box, list, fillAddress);
-  });
-}

package/src/account/browser-session.js

@@ -1,359 +0,0 @@
-/**
- * Browser mode (`account.clientId`): the login runs between this browser and Shopify, OAuth with PKCE, and the tokens
- * stay in this browser (sessionStorage, or localStorage with `account.remember`). The cart is linked to the customer,
- * so checkout knows them. No other server sees the customer's data.
- */
-import { cfg, reportError } from '../config.js';
-import { TetherError } from '../client.js';
-import { emit } from '../dom.js';
-import { Cart } from '../cart.js';
-import { randomToken, toBase64Url } from '../../server/src/shared/base64url.js';
-import {
-  isRecord,
-  loginCountry,
-  loginLanguage,
-  navigate,
-  pendingLoginKey,
-  readJsonIfAllowed,
-  readJsonObjectOrEmpty,
-  sessionArea,
-  sessionKey,
-  textOrNull,
-  writeJsonIfAllowed,
-} from './shared.js';
-import { answersLogin, discover, requestToken } from './shopify-auth.js';
-import { CUSTOMER_QUERY } from '../../server/src/shared/account-documents.js';
-/** @import { TokenAnswer } from './shopify-auth.js' */
-
-/**
- * @typedef {object} BrowserSession The customer's tokens, as kept in storage.
- * @property {string} access The Customer Account API access token.
- * @property {number} expiresAt When `access` is to be refreshed, in milliseconds since the epoch.
- * @property {string | null} refresh
- * @property {string | null} idToken For Shopify's logout.
- */
-/**
- * @typedef {object} PendingLogin What the callback checks Shopify's answer against.
- * @property {string} state
- * @property {string} nonce
- * @property {string} verifier The PKCE code verifier.
- * @property {string} redirect The callback URL the authorization request named.
- * @property {string} returnTo
- * @property {number} at When the visitor left for Shopify, in milliseconds since the epoch.
- */
-
-/** An access token is refreshed this long before Shopify says it expires, so a request never carries a dead one. */
-const REFRESH_MARGIN_SECONDS = 120;
-/** A login that comes back later than this is refused: its `state` and verifier have been lying in storage. */
-const LOGIN_TIMEOUT_MS = 10 * 60 * 1000;
-
-/**
- * @typedef {object} AccountCustomer The customer as `CUSTOMER_QUERY` (account-ops.js) reads them.
- * @property {string} [id] Left out in server mode, whose Worker keeps the id to itself.
- * @property {string | null} firstName
- * @property {string | null} lastName
- * @property {string | null} displayName
- * @property {{ emailAddress: string | null } | null} emailAddress
- * @property {{ formatted: string[] | null } | null} defaultAddress
- */
-
-/** @type {BrowserSession | null} */
-let session = null;
-/** @type {AccountCustomer | null} The logged-in customer, until a change of their data or the end of the session. */
-let customerProfile = null;
-/** @type {Promise<void> | null} The refresh on its way: one at a time, whoever asks. */
-let refreshing = null;
-
-/**
- * @param {unknown} value
- * @returns {BrowserSession | null}
- */
-function toSession(value) {
-  if (!isRecord(value)) return null;
-  const access = value['access'];
-  const expiresAt = value['expiresAt'];
-  if (typeof access !== 'string' || typeof expiresAt !== 'number') return null;
-  return { access, expiresAt, refresh: textOrNull(value['refresh']), idToken: textOrNull(value['idToken']) };
-}
-
-/**
- * @param {unknown} value
- * @returns {PendingLogin | null}
- */
-function toPendingLogin(value) {
-  if (!isRecord(value)) return null;
-  const { state, nonce, verifier, redirect, returnTo, at } = value;
-  if (typeof state !== 'string' || typeof nonce !== 'string' || typeof verifier !== 'string') return null;
-  if (typeof redirect !== 'string' || typeof returnTo !== 'string' || typeof at !== 'number') return null;
-  return { state, nonce, verifier, redirect, returnTo, at };
-}
-
-/** @returns {BrowserSession | null} The session of this page, else the stored one. */
-const currentSession = () => session ?? toSession(readJsonIfAllowed(sessionArea(), sessionKey()));
-
-/** @returns {string | null} The session's access token, which a refresh may have replaced or ended. */
-const accessToken = () => session?.access ?? null;
-
-/** @returns {boolean} True while there is an access token that hasn't expired, or a refresh token. */
-export const hasBrowserLogin = () =>
-  Boolean(session && (session.refresh || (session.access && session.expiresAt > Date.now())));
-
-/**
- * @returns {string} The configured client id.
- * @throws {TetherError} `NOT_CONFIGURED` without one.
- */
-function clientId() {
-  const id = cfg.account?.clientId;
-  if (!id) throw new TetherError('Customer accounts: set account.clientId', { code: 'NOT_CONFIGURED' });
-  return id;
-}
-
-/** @param {string} text */
-const sha256 = async (text) => toBase64Url(await crypto.subtle.digest('SHA-256', new TextEncoder().encode(text)));
-
-/**
- * To Shopify's login page; the visitor comes back to `account.callbackUrl` (default: this page).
- *
- * @param {{ returnTo: string, locale?: string | undefined }} options
- * @throws {TetherError} `NOT_CONFIGURED` without `account.clientId`.
- */
-export async function browserLoginRedirect({ returnTo, locale }) {
-  const client = clientId();
-  const endpoints = await discover();
-  /** @type {PendingLogin} */
-  const pending = {
-    state: randomToken(),
-    nonce: randomToken(),
-    verifier: randomToken(),
-    redirect: cfg.account?.callbackUrl || `${window.location.origin}${window.location.pathname}`,
-    returnTo,
-    at: Date.now(),
-  };
-  writeJsonIfAllowed('session', pendingLoginKey(), pending);
-  const url = new URL(endpoints.authorizationEndpoint);
-  /** @type {Record<string, string>} */
-  const params = {
-    client_id: client,
-    scope: 'openid email customer-account-api:full',
-    response_type: 'code',
-    redirect_uri: pending.redirect,
-    state: pending.state,
-    nonce: pending.nonce,
-    code_challenge: await sha256(pending.verifier),
-    code_challenge_method: 'S256',
-  };
-  const language = loginLanguage(locale);
-  if (language) params['locale'] = language;
-  const country = loginCountry();
-  if (country) params['region_country'] = country;
-  Object.entries(params).forEach(([name, value]) => {
-    url.searchParams.set(name, value);
-  });
-  navigate(url.toString());
-}
-
-/**
- * @param {TokenAnswer} answer
- * @param {BrowserSession | null} previous A refresh answer may leave out the refresh and id tokens: these are kept.
- */
-function keep(answer, previous) {
-  session = {
-    access: answer.access,
-    expiresAt: Date.now() + Math.max(0, answer.expiresInSeconds - REFRESH_MARGIN_SECONDS) * 1000,
-    refresh: answer.refresh ?? previous?.refresh ?? null,
-    idToken: answer.idToken ?? previous?.idToken ?? null,
-  };
-  writeJsonIfAllowed(sessionArea(), sessionKey(), session);
-}
-
-/**
- * On the callback page: finishes the login Shopify sends back (`?code=&state=`), and goes on to its `returnTo`.
- * Sends `tether:account-login`, or `tether:account-error` with Shopify's `error`.
- *
- * @returns {Promise<boolean>} True when a login finished.
- * @throws {TetherError} When the login took too long, or Shopify's answer doesn't check out.
- */
-export async function handleCallback() {
-  const params = new URLSearchParams(window.location.search);
-  const pending = toPendingLogin(readJsonIfAllowed('session', pendingLoginKey()));
-  if (!pending || (!params.has('code') && !params.has('error')) || params.get('state') !== pending.state) return false;
-  writeJsonIfAllowed('session', pendingLoginKey(), null);
-  const clean = new URL(window.location.href);
-  ['code', 'state', 'iss', 'error', 'error_description'].forEach((name) => {
-    clean.searchParams.delete(name);
-  });
-  window.history.replaceState(window.history.state, '', clean);
-  const error = params.get('error');
-  if (error !== null) {
-    emit('account-error', { error });
-    return false;
-  }
-  if (Date.now() - pending.at > LOGIN_TIMEOUT_MS) {
-    throw new TetherError('Customer accounts: the login took too long, please try again');
-  }
-  const client = clientId();
-  const answer = await requestToken({
-    grant_type: 'authorization_code',
-    client_id: client,
-    redirect_uri: pending.redirect,
-    code: params.get('code') ?? '',
-    code_verifier: pending.verifier,
-  });
-  const { issuer } = await discover();
-  if (!answersLogin(answer.idToken, { nonce: pending.nonce, issuer, client })) {
-    throw new TetherError('Customer accounts: the login answer did not check out (nonce/issuer/audience)');
-  }
-  keep(answer, null);
-  await linkCart();
-  emit('account-login', {});
-  const back = pending.returnTo ? new URL(pending.returnTo, window.location.href) : null;
-  if (back?.origin === window.location.origin && back.href !== clean.href) navigate(back.href);
-  return true;
-}
-
-/** Forgets the session here; the next `getToken()` is `null`. */
-function endSession() {
-  session = null;
-  customerProfile = null;
-  writeJsonIfAllowed(sessionArea(), sessionKey(), null);
-  Cart.setCustomer({ accessToken: null });
-}
-
-/** @param {BrowserSession} expired A session with a refresh token. */
-async function refresh(expired) {
-  try {
-    const answer = await requestToken({
-      grant_type: 'refresh_token',
-      client_id: clientId(),
-      refresh_token: expired.refresh ?? '',
-    });
-    keep(answer, expired);
-    await linkCart();
-  } catch (error) {
-    if (error instanceof TetherError && error.code === 'SESSION_ENDED') endSession();
-    else throw error;
-  }
-}
-
-/**
- * A valid access token: refreshed when needed, one refresh at a time.
- *
- * @returns {Promise<string | null>} `null` when nobody is logged in, or Shopify ended the login.
- * @throws {TetherError} When a refresh fails for another reason (the network): the login may still be good.
- */
-export async function getToken() {
-  session = currentSession();
-  if (!session) return null;
-  if (session.access && session.expiresAt > Date.now()) return session.access;
-  if (!session.refresh) {
-    endSession();
-    return null;
-  }
-  const expired = session;
-  refreshing ??= refresh(expired).finally(() => {
-    refreshing = null;
-  });
-  await refreshing;
-  return accessToken();
-}
-
-/** The customer's checkout is theirs: saved addresses, vaulted cards, the order in their order history. */
-async function linkCart() {
-  const token = accessToken();
-  Cart.setCustomer({ accessToken: token });
-  if (!Cart.id() || !token) return;
-  try {
-    await Cart.setBuyerIdentity({ customerAccessToken: token }, { create: false });
-  } catch (error) {
-    reportError(error, 'account cart');
-  }
-}
-
-/**
- * Unlinks the cart, so the next person on this device doesn't check out as this customer. When Shopify can't be
- * told, the cart is forgotten here instead: the next visitor starts a new one.
- */
-async function unlinkCart() {
-  if (!Cart.id()) return;
-  try {
-    await Cart.setBuyerIdentity({ customerAccessToken: null }, { create: false });
-  } catch (error) {
-    reportError(error, 'account cart unlink');
-    // The cart id is kept under the `storageKey` option. The cart's own module isn't shared with the parts of the
-    // `<script>` build, so the id is removed here.
-    writeJsonIfAllowed('local', cfg.storageKey, null);
-  }
-}
-
-/**
- * Logs out here, unlinks the cart, then goes on to Shopify's logout. Sends `tether:account-logout`.
- *
- * @param {string} returnTo Where Shopify sends the visitor afterwards.
- * @returns {Promise<'redirected' | 'stayed'>} `stayed` without an id token, which Shopify's logout needs.
- */
-export async function browserLogout(returnTo) {
-  const idToken = currentSession()?.idToken ?? null;
-  await unlinkCart();
-  endSession();
-  emit('account-logout', {});
-  if (!idToken) return 'stayed';
-  const url = new URL((await discover()).endSessionEndpoint);
-  url.searchParams.set('id_token_hint', idToken);
-  url.searchParams.set('post_logout_redirect_uri', returnTo);
-  navigate(url.toString());
-  return 'redirected';
-}
-
-/**
- * Any Customer Account API query, with the customer's token; a token Shopify refuses is refreshed once.
- *
- * @template T The shape of the query's `data`, which the query text decides.
- * @param {string} document
- * @param {Record<string, unknown>} [variables]
- * @returns {Promise<T>}
- * @throws {TetherError} `NOT_LOGGED_IN` without a login, `HTTP_<status>` for a failed request or GraphQL errors.
- */
-export async function query(document, variables = {}) {
-  const token = await getToken();
-  if (!token) throw new TetherError('Not logged in', { code: 'NOT_LOGGED_IN' });
-  const { graphql } = await discover();
-  /** @param {string} accessToken */
-  const send = (accessToken) =>
-    fetch(graphql, {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json', Authorization: accessToken },
-      body: JSON.stringify({ query: document, variables }),
-    });
-  let response = await send(token);
-  if (response.status === 401 && session?.refresh) {
-    session.expiresAt = 0;
-    response = await send((await getToken()) ?? '');
-  }
-  const json = await readJsonObjectOrEmpty(response);
-  const errors = Array.isArray(json['errors']) ? json['errors'] : [];
-  if (!response.ok || errors.length) {
-    const messages = errors.map((error) => (isRecord(error) ? textOrNull(error['message']) : null)).filter(Boolean);
-    throw new TetherError(messages.join(' | ') || `Customer accounts: ${response.status}`, {
-      status: response.status,
-    });
-  }
-  // The query text decides the shape of `data`; the caller's `T` states it.
-  return /** @type {T} */ (json['data']);
-}
-
-/**
- * @returns {Promise<AccountCustomer | null>} The logged-in customer, asked once.
- * @throws {TetherError} As `query`.
- */
-export async function browserCustomer() {
-  if (customerProfile) return customerProfile;
-  /** @type {{ customer: AccountCustomer | null }} */
-  const data = await query(CUSTOMER_QUERY);
-  customerProfile = data.customer;
-  return customerProfile;
-}
-
-/** Asks Shopify again on the next `browserCustomer()`, after a change of the customer's data. */
-export function forgetBrowserCustomer() {
-  customerProfile = null;
-}

package/src/account/markup.js

@@ -1,48 +0,0 @@
-/**
- * The account markup's shared vocabulary: `tether-*-show` conditions, binds on a template row (the row itself may
- * carry one), and how Shopify's enum values and formatted addresses read on the page.
- */
-import { get, qsa, sel, show } from '../dom.js';
-
-/**
- * Shows or hides each `name` element whose value is one of `conditions`' keys; other values are left alone.
- *
- * @param {ParentNode} root
- * @param {string} name `show`, `order-show`, `address-show`…
- * @param {Readonly<Record<string, boolean>>} conditions
- */
-export function showIn(root, name, conditions) {
-  qsa(root, sel(name)).forEach((el) => {
-    const key = get(el, name) ?? '';
-    if (Object.hasOwn(conditions, key)) show(el, conditions[key] === true);
-  });
-}
-
-/**
- * @param {HTMLElement} row A copy of a repeater's template.
- * @param {string} name
- * @returns {HTMLElement[]} The `name` elements in `row`, and `row` itself when it carries `name`.
- */
-export const bindsIn = (row, name) => qsa(row, sel(name)).concat(row.matches(sel(name)) ? [row] : []);
-
-/**
- * @param {string | null | undefined} value
- * @returns {string} A Shopify enum as text: `PARTIALLY_FULFILLED` → `partially fulfilled`.
- */
-export const enumText = (value) => (value ? value.toLowerCase().replace(/_/g, ' ') : '');
-
-/**
- * @param {{ formatted?: string[] | null } | null | undefined} address
- * @returns {string} Shopify's formatted address on one line.
- */
-export const addressText = (address) => (address?.formatted ?? []).join(', ');
-
-/**
- * A bind's value, looked up by the attribute's text: only the table's own keys, never `constructor` and the like.
- *
- * @template T
- * @param {Readonly<Record<string, T>>} values
- * @param {string} key
- * @returns {T | undefined}
- */
-export const ownValue = (values, key) => (Object.hasOwn(values, key) ? values[key] : undefined);