notify-me-wl 2.1.3 → 2.1.5

package/README.md

@@ -9,7 +9,9 @@ This JavaScript widget allows users to register their interest in a product that
 - Inline success/error feedback (no browser `alert`s); the submit button shows a "Sending…" loading state.
 - Closes on the × button, clicking the backdrop, or pressing `Esc`; locks background scroll while open and respects `prefers-reduced-motion`.
 - Optional email/SMS marketing opt-ins.
+- Two display modes: a centred modal (default) or a right-hand slide-in panel — see [Display modes](#display-modes).
 - Two auth modes: bundled server token (default) or Shopify App Proxy — see [Configuration](#configuration).
+- Optional "Shop similar styles" section under the form, showing personalised product recommendations for the customer.
 
 ### Installation
 
@@ -46,9 +48,17 @@ Add a button to your HTML where you want the widget to appear. The button should
 
 - `data-fields`: A JSON array specifying the optional fields to include in the form. Possible values are `"email"`, `"mobile"`, `"firstName"`, `"lastName"`, `"countryCode"`, and `"provinceCode"`. Defaults to `["email"]`. (A required Size selector is always shown and populated from the product's variants.)
 - `data-type`: Specifies the type of the widget. Possible values are `"notify-me"` and `"coming-soon"`.
+- `data-display`: How the widget presents itself. `"modal"` (default) is a centred dialog; `"panel"` slides in from the right edge at full height. Any other value falls back to `"modal"`. See [Display modes](#display-modes).
 - `data-auth`: Auth mode. `"token"` (default) uses the bundled server-issued access token. `"proxy"` uses the Shopify App Proxy at `/apps/<proxy-app>/auth/token` to obtain a tenant-scoped token (requires the customer to be logged in to the storefront).
 - `data-tenant`: The TWC tenant sent as the `X-Twc-Tenant` header. Used in both auth modes. Falls back to the bundled `TENANT_ID` if omitted.
 - `data-proxy-app`: The Shopify App Proxy subpath, forming the `/apps/<proxy-app>/...` URL prefix used by the `"proxy"` auth mode. Falls back to the bundled `PROXY_APP_NAME` (`twc-sdk`) if omitted.
+- `data-market-id`: The Shopify market the shopper is browsing in. Accepts either the numeric id or the full GID — `gid://shopify/Market/12345` and `12345` both send `12345`. Falls back to `window.Shopify.markets.currentMarket.id` when omitted. See [Shopify markets](#shopify-markets).
+- `data-market-handle`: The market handle (e.g. `"au"`). Attribute only — there is no runtime fallback, so a theme that does not render it reports no handle.
+- `data-country-code`: Two-letter ISO country code for the market the shopper is browsing in. Takes priority over the automatic detection chain, but a country the shopper picks in the form still wins over both.
+- `data-recommendations`: Set to `"false"` to disable the "Shop similar styles" section. Enabled by default.
+- `data-recommendations-count`: How many products to show. Defaults to `8`. Non-numeric or non-positive values fall back to `8`.
+- `data-currency`: Fallback ISO currency code (e.g. `"AUD"`) for formatting recommendation prices, used only when the storefront does not expose `window.Shopify.currency.active`. Without either, prices render as bare numbers rather than risking the wrong symbol.
+- `data-customer-email`: Overrides the customer email used to request recommendations. Intended for testing — in production the email comes from the Shopify customer context, or from the email the shopper submits.
 
 ### Proxy auth mode
 
@@ -56,6 +66,151 @@ When `data-auth="proxy"` is set, the widget does not use the bundled access toke
 
 Because the proxy only issues a token for a logged-in customer, if the token cannot be obtained the popup stays open and shows an inline "Please log in to your account to continue." message; submission is blocked until a token is available.
 
+### Display modes
+
+`data-display` selects the widget's geometry. Both modes are blocking and behave
+identically otherwise — same dimmed backdrop, same locked page scroll, and the same
+close paths (× button, backdrop click, `Esc`).
+
+| | `"modal"` (default) | `"panel"` |
+| --- | --- | --- |
+| Position | Centred | Docked to the right edge |
+| Size | 400px wide, fits the viewport | 420px wide, full height |
+| Corners | Rounded | Square |
+| Entry | Fades and lifts | Slides in from the right |
+| Below 480px | Unchanged | Spans the full viewport width |
+
+```html
+<button id="popup-open" data-type="notify-me" data-display="panel"
+        data-fields='["email"]'>Notify Me</button>
+```
+
+Panel mode is a CSS-only variation — it adds a `twc-nm--panel` class to the overlay and
+changes nothing about the widget's behaviour, so anything documented elsewhere in this
+README applies to both modes. Under `prefers-reduced-motion` the panel appears without
+sliding.
+
+### Shopify markets
+
+Market and country are captured on every submission so interest can be reported per
+market. The values come from Liquid, which renders server-side, so the theme passes
+them to the widget as attributes on the open button:
+
+```html
+<button id="popup-open"
+        data-type="notify-me"
+        data-market-id="{{ localization.market.id }}"
+        data-market-handle="{{ localization.market.handle }}"
+        data-country-code="{{ localization.country.iso_code }}">
+  Notify Me
+</button>
+```
+
+**The market id is sent as the number only** — `12345`, never
+`gid://shopify/Market/12345`. The widget strips the GID prefix itself, so it does not
+matter which form the theme renders.
+
+Any value that does not look right — an empty string from a storefront with no market
+configured, or an unrendered Liquid tag — is dropped, and the field is left out of the
+payload rather than sent as `null`. All three attributes are optional: without them,
+`marketId` and `countryCode` still resolve from `window.Shopify` and the browser locale,
+and `marketHandle` is simply not reported.
+
+When `data-fields` includes `"countryCode"`, the country the shopper picks in the form
+takes precedence over `data-country-code`. The dropdown is pre-selected to the market's
+country, so leaving it untouched sends the market country either way.
+
+### Shop similar styles
+
+When enabled, the widget shows a horizontally scrolling row of recommended products
+beneath the form, fetched from:
+
+```
+https://api.au-aws.thewishlist.io/services/recommendations/api/v1/recommendations/<tenant>/<customerEmail>
+```
+
+The request carries the same `Authorization` and `X-Twc-Tenant` headers as the
+customer-interest call, and the tenant doubles as the retailer id in the path.
+
+The API needs a customer email, resolved in this order:
+
+1. `data-customer-email` on the open button (testing).
+2. `window.customer.email` — a logged-in Shopify customer. The section then appears
+   as soon as the modal opens.
+3. The email the shopper submits through the form. The section appears after a
+   successful submit, and the modal stays open instead of auto-closing so they can
+   browse.
+
+Shopify does **not** expose `window.customer` by default. To get recommendations for
+logged-in customers, the theme must inject it, the same way it injects
+`window.currentProduct`:
+
+```liquid
+<script>
+  {% if customer %}
+    window.customer = { email: {{ customer.email | json }} };
+  {% endif %}
+</script>
+```
+
+#### Choosing an engine
+
+Which engine powers the section is a per-tenant server-side setting, not a data
+attribute. On first open the widget fetches the tenant config from:
+
+```
+GET /services/eventcollector/api/v1/custom/configs/public
+```
+
+with the same `Authorization` and `X-Twc-Tenant` headers as every other call — despite
+the path, this endpoint is not anonymous — and reads `websiteRecommendations`:
+
+```json
+"websiteRecommendations": { "engine": "TWC" }
+```
+
+```json
+"websiteRecommendations": { "engine": "ATHOS", "siteIdentifier": "abc123" }
+```
+
+**If `websiteRecommendations` is absent, the section does not render at all** — no engine
+request is made and no placeholders appear. The older top-level `recommendationsEngine`
+field is ignored. The section is likewise skipped when the engine is unrecognised, or
+when `ATHOS` has no `siteIdentifier`. The config is fetched once per page session, and a
+failed config request is not cached, so a transient outage does not disable the section
+for the rest of the visit.
+
+For `ATHOS`, `siteIdentifier` is the Searchspring site ID and is used in both the
+subdomain and the path:
+
+```
+https://{siteIdentifier}.a.searchspring.io/boost/{siteIdentifier}/recommend
+```
+
+The recommendation profile comes from `profileTag` (or `tags`) on
+`websiteRecommendations`, defaulting to `similar`. Searchspring is called with **no** TWC
+credentials — it is a third-party host and must never receive a tenant-scoped token.
+
+#### Deduping and result counts
+
+The TWC service returns one entry per product variant, so several entries can describe
+the same product in different colourways. The widget requests three times the display
+count and dedupes by `product_ref`, keeping the highest-scoring entry, so a row never
+repeats a product. **That API rejects `n` above 20 with a 422**, so the over-fetch is
+clamped to 20 — at the default count of 8 that means `n=20`. Athos returns products
+rather than variants, so it is asked for exactly `limits={count}` with no over-fetch.
+
+Placeholder cards are shown while the request is in flight, so the section reserves its
+space instead of the modal jumping when the products land. If the request returns
+nothing usable, the placeholders are removed and the section disappears.
+
+Prices use `window.Shopify.currency.active` when the storefront exposes it, falling back
+to `data-currency`. With neither, prices render as bare numbers — showing `A$` on a GBP
+price would be worse than showing no symbol at all.
+
+If no email can be resolved, or the request fails or returns nothing, the section is
+simply not rendered. It never blocks or alters the notify-me submission.
+
 ### Example
 
 ```html

package/build/notify-me-wl.min.js

@@ -1 +1 @@
-!function(){"use strict";const e=[{code:"AF",name:"Afghanistan"},{code:"AX",name:"Åland Islands"},{code:"AL",name:"Albania"},{code:"DZ",name:"Algeria"},{code:"AS",name:"American Samoa"},{code:"AD",name:"Andorra"},{code:"AO",name:"Angola"},{code:"AI",name:"Anguilla"},{code:"AG",name:"Antigua and Barbuda"},{code:"AR",name:"Argentina"},{code:"AM",name:"Armenia"},{code:"AW",name:"Aruba"},{code:"AU",name:"Australia"},{code:"AT",name:"Austria"},{code:"AZ",name:"Azerbaijan"},{code:"BS",name:"Bahamas"},{code:"BH",name:"Bahrain"},{code:"BD",name:"Bangladesh"},{code:"BB",name:"Barbados"},{code:"BY",name:"Belarus"},{code:"BE",name:"Belgium"},{code:"BZ",name:"Belize"},{code:"BJ",name:"Benin"},{code:"BM",name:"Bermuda"},{code:"BT",name:"Bhutan"},{code:"BO",name:"Bolivia"},{code:"BA",name:"Bosnia and Herzegovina"},{code:"BW",name:"Botswana"},{code:"BR",name:"Brazil"},{code:"BN",name:"Brunei"},{code:"BG",name:"Bulgaria"},{code:"BF",name:"Burkina Faso"},{code:"BI",name:"Burundi"},{code:"CV",name:"Cabo Verde"},{code:"KH",name:"Cambodia"},{code:"CM",name:"Cameroon"},{code:"CA",name:"Canada"},{code:"KY",name:"Cayman Islands"},{code:"CF",name:"Central African Republic"},{code:"TD",name:"Chad"},{code:"CL",name:"Chile"},{code:"CN",name:"China"},{code:"CO",name:"Colombia"},{code:"KM",name:"Comoros"},{code:"CG",name:"Congo"},{code:"CD",name:"Congo, DR"},{code:"CK",name:"Cook Islands"},{code:"CR",name:"Costa Rica"},{code:"HR",name:"Croatia"},{code:"CU",name:"Cuba"},{code:"CW",name:"Curaçao"},{code:"CY",name:"Cyprus"},{code:"CZ",name:"Czech Republic"},{code:"DK",name:"Denmark"},{code:"DJ",name:"Djibouti"},{code:"DM",name:"Dominica"},{code:"DO",name:"Dominican Republic"},{code:"EC",name:"Ecuador"},{code:"EG",name:"Egypt"},{code:"SV",name:"El Salvador"},{code:"GQ",name:"Equatorial Guinea"},{code:"ER",name:"Eritrea"},{code:"EE",name:"Estonia"},{code:"SZ",name:"Eswatini"},{code:"ET",name:"Ethiopia"},{code:"FO",name:"Faroe Islands"},{code:"FJ",name:"Fiji"},{code:"FI",name:"Finland"},{code:"FR",name:"France"},{code:"GF",name:"French Guiana"},{code:"PF",name:"French Polynesia"},{code:"GA",name:"Gabon"},{code:"GM",name:"Gambia"},{code:"GE",name:"Georgia"},{code:"DE",name:"Germany"},{code:"GH",name:"Ghana"},{code:"GI",name:"Gibraltar"},{code:"GR",name:"Greece"},{code:"GL",name:"Greenland"},{code:"GD",name:"Grenada"},{code:"GP",name:"Guadeloupe"},{code:"GU",name:"Guam"},{code:"GT",name:"Guatemala"},{code:"GN",name:"Guinea"},{code:"GW",name:"Guinea-Bissau"},{code:"GY",name:"Guyana"},{code:"HT",name:"Haiti"},{code:"HN",name:"Honduras"},{code:"HK",name:"Hong Kong"},{code:"HU",name:"Hungary"},{code:"IS",name:"Iceland"},{code:"IN",name:"India"},{code:"ID",name:"Indonesia"},{code:"IR",name:"Iran"},{code:"IQ",name:"Iraq"},{code:"IE",name:"Ireland"},{code:"IM",name:"Isle of Man"},{code:"IL",name:"Israel"},{code:"IT",name:"Italy"},{code:"JM",name:"Jamaica"},{code:"JP",name:"Japan"},{code:"JE",name:"Jersey"},{code:"JO",name:"Jordan"},{code:"KZ",name:"Kazakhstan"},{code:"KE",name:"Kenya"},{code:"KI",name:"Kiribati"},{code:"KR",name:"Korea, South"},{code:"XK",name:"Kosovo"},{code:"KW",name:"Kuwait"},{code:"KG",name:"Kyrgyzstan"},{code:"LA",name:"Laos"},{code:"LV",name:"Latvia"},{code:"LB",name:"Lebanon"},{code:"LS",name:"Lesotho"},{code:"LR",name:"Liberia"},{code:"LY",name:"Libya"},{code:"LI",name:"Liechtenstein"},{code:"LT",name:"Lithuania"},{code:"LU",name:"Luxembourg"},{code:"MO",name:"Macao"},{code:"MG",name:"Madagascar"},{code:"MW",name:"Malawi"},{code:"MY",name:"Malaysia"},{code:"MV",name:"Maldives"},{code:"ML",name:"Mali"},{code:"MT",name:"Malta"},{code:"MH",name:"Marshall Islands"},{code:"MQ",name:"Martinique"},{code:"MR",name:"Mauritania"},{code:"MU",name:"Mauritius"},{code:"MX",name:"Mexico"},{code:"FM",name:"Micronesia"},{code:"MD",name:"Moldova"},{code:"MC",name:"Monaco"},{code:"MN",name:"Mongolia"},{code:"ME",name:"Montenegro"},{code:"MS",name:"Montserrat"},{code:"MA",name:"Morocco"},{code:"MZ",name:"Mozambique"},{code:"MM",name:"Myanmar"},{code:"NA",name:"Namibia"},{code:"NR",name:"Nauru"},{code:"NP",name:"Nepal"},{code:"NL",name:"Netherlands"},{code:"NC",name:"New Caledonia"},{code:"NZ",name:"New Zealand"},{code:"NI",name:"Nicaragua"},{code:"NE",name:"Niger"},{code:"NG",name:"Nigeria"},{code:"NU",name:"Niue"},{code:"MK",name:"North Macedonia"},{code:"NO",name:"Norway"},{code:"OM",name:"Oman"},{code:"PK",name:"Pakistan"},{code:"PW",name:"Palau"},{code:"PS",name:"Palestine"},{code:"PA",name:"Panama"},{code:"PG",name:"Papua New Guinea"},{code:"PY",name:"Paraguay"},{code:"PE",name:"Peru"},{code:"PH",name:"Philippines"},{code:"PL",name:"Poland"},{code:"PT",name:"Portugal"},{code:"PR",name:"Puerto Rico"},{code:"QA",name:"Qatar"},{code:"RE",name:"Réunion"},{code:"RO",name:"Romania"},{code:"RW",name:"Rwanda"},{code:"KN",name:"Saint Kitts and Nevis"},{code:"LC",name:"Saint Lucia"},{code:"VC",name:"Saint Vincent and the Grenadines"},{code:"WS",name:"Samoa"},{code:"SM",name:"San Marino"},{code:"SA",name:"Saudi Arabia"},{code:"SN",name:"Senegal"},{code:"RS",name:"Serbia"},{code:"SC",name:"Seychelles"},{code:"SL",name:"Sierra Leone"},{code:"SG",name:"Singapore"},{code:"SK",name:"Slovakia"},{code:"SI",name:"Slovenia"},{code:"SB",name:"Solomon Islands"},{code:"SO",name:"Somalia"},{code:"ZA",name:"South Africa"},{code:"SS",name:"South Sudan"},{code:"ES",name:"Spain"},{code:"LK",name:"Sri Lanka"},{code:"SD",name:"Sudan"},{code:"SR",name:"Suriname"},{code:"SE",name:"Sweden"},{code:"CH",name:"Switzerland"},{code:"SY",name:"Syria"},{code:"TW",name:"Taiwan"},{code:"TJ",name:"Tajikistan"},{code:"TZ",name:"Tanzania"},{code:"TH",name:"Thailand"},{code:"TL",name:"Timor-Leste"},{code:"TG",name:"Togo"},{code:"TO",name:"Tonga"},{code:"TT",name:"Trinidad and Tobago"},{code:"TN",name:"Tunisia"},{code:"TR",name:"Turkey"},{code:"TM",name:"Turkmenistan"},{code:"TC",name:"Turks and Caicos Islands"},{code:"TV",name:"Tuvalu"},{code:"UG",name:"Uganda"},{code:"UA",name:"Ukraine"},{code:"AE",name:"United Arab Emirates"},{code:"GB",name:"United Kingdom"},{code:"US",name:"United States"},{code:"UY",name:"Uruguay"},{code:"UZ",name:"Uzbekistan"},{code:"VU",name:"Vanuatu"},{code:"VE",name:"Venezuela"},{code:"VN",name:"Vietnam"},{code:"VG",name:"Virgin Islands, British"},{code:"VI",name:"Virgin Islands, U.S."},{code:"YE",name:"Yemen"},{code:"ZM",name:"Zambia"},{code:"ZW",name:"Zimbabwe"}];let n=null;async function a(e,a,o,t){let c="Bearer eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJRWlJkS3JabXJmMEk3WkhXRUtqNWRLTEhQanFubWJFeV9iNmpSbHdya1drIn0.eyJleHAiOjE3MjMwMzI3NzIsImlhdCI6MTcyMzAyOTE3MiwianRpIjoiNDJiNGYwM2QtMDNiNS00NmZlLTk5YmItZDQ2NTdhNjk5NGNiIiwiaXNzIjoiaHR0cHM6Ly9hdXRoLmF1LWF3cy50aGV3aXNobGlzdC5pby9hdXRoL3JlYWxtcy90d2NNYWluIiwiYXVkIjoiYWNjb3VudCIsInN1YiI6IjI2YTIyNTAyLWRhNzQtNDhkMC1iZWFiLTgzY2E0YTlmMDdlOSIsInR5cCI6IkJlYXJlciIsImF6cCI6InR3Yy1wb3MtY2xpZW50Iiwic2Vzc2lvbl9zdGF0ZSI6IjQxYWQwMDc4LWVmYTItNGVjMi1hM2I2LTIzYjBkNDM3YjEzOCIsImFjciI6IjEiLCJhbGxvd2VkLW9yaWdpbnMiOlsiaHR0cHM6Ly9sb2NhbGhvc3QiXSwicmVhbG1fYWNjZXNzIjp7InJvbGVzIjpbInR3Yy1wb3MtdXNlciIsIm9mZmxpbmVfYWNjZXNzIiwidHdjLXN0b3JlLW93bmVyIiwidW1hX2F1dGhvcml6YXRpb24iXX0sInJlc291cmNlX2FjY2VzcyI6eyJhY2NvdW50Ijp7InJvbGVzIjpbIm1hbmFnZS1hY2NvdW50IiwibWFuYWdlLWFjY291bnQtbGlua3MiLCJ2aWV3LXByb2ZpbGUiXX19LCJzY29wZSI6InRlbmFudGlkIHN0b3JlIHByb2ZpbGUgZW1haWwiLCJlbWFpbF92ZXJpZmllZCI6ZmFsc2UsInRlbmFudGlkIjoidmlrdG9yaWEtd29vZHMiLCJuYW1lIjoiTWF0dCBIYW1wc2hpcmUiLCJwcmVmZXJyZWRfdXNlcm5hbWUiOiJtYXR0QHRoZXdpc2hsaXN0LmlvIiwic3RvcmUiOiIyMDUiLCJnaXZlbl9uYW1lIjoiTWF0dCIsImZhbWlseV9uYW1lIjoiSGFtcHNoaXJlIiwiZW1haWwiOiJtYXR0QHRoZXdpc2hsaXN0LmlvIn0.iZkMgwH74njjXUWvImkJomHYr91Lr8ZGrZGwslEGcV3vbNuoNc5CocvNWW476o-LoSh-LsKf-MLiYN1XvOuPDF3fGoGCEbMh6_M0RJcrhVWogkj81fx4ukvDPCFIjgoDCV9WIuehV9dsSWa7E0irZeE6MUVhLwRIaTzKtxgzUUKrAqBtI_HKpyo8TUGQBiYlrc85QFUyuoKbKg-QaRn_SObRLDB8ooIBJvIlgklXQt1ZYBM2HUOc5L1bAQwfzcrWEvl6eYiQHXCSPqS0rPGoaGC6v5ydBo9VMxtVHGladDHLrO3Gt2BnIGMBoYrKTAmt7j0KABwPyB3CmAIwj_pOBQ";if("proxy"===a){const e=await async function(e){if(n)return n;try{const a=await fetch(`/apps/${e}/auth/token`,{method:"GET",headers:{Accept:"application/json"}}),o=await a.json().catch(()=>null);return a.ok&&o&&o.success&&o.data&&o.data.access_token?(n=o.data.access_token,n):null}catch(e){return console.error("Error fetching proxy access token:",e),null}}(t);if(!e)return{ok:!1,reason:"auth"};c=`Bearer ${e}`}try{return(await fetch("https://api.au-aws.thewishlist.io/services/wsservice/api/wishlist/items/customerInterest",{method:"POST",headers:{"Content-Type":"application/json",Authorization:c,"X-Twc-Tenant":o},body:JSON.stringify(e)})).ok?{ok:!0}:{ok:!1,reason:"error"}}catch(e){return console.error("Error submitting form:",e),{ok:!1,reason:"error"}}}const o={"notify-me":{text:"Register to receive a notification as soon as this item is back in stock",buttonText:"Notify Me"},"coming-soon":{text:"Register your interest to hear more about this item",buttonText:"Register Interest"}};function t(n){const{wrapper:t,openButton:c,config:i,productData:d,countryCtx:r}=n,{fields:m,type:l,authMode:s,tenant:u,proxyApp:p,marketId:y}=i,b=document.createElement("div");b.innerHTML='\n        <div id="twc-nm-overlay" role="dialog" aria-modal="true" aria-labelledby="popup-title">\n            <div class="twc-nm-card">\n                <button type="button" id="popup-close" class="twc-nm-close" aria-label="Close">&times;</button>\n                <h2 id="popup-title" class="twc-nm-title"></h2>\n                <p id="popup-text" class="twc-nm-text"></p>\n                <form id="popup-form" class="twc-nm-form">\n                    <div class="twc-nm-field">\n                        <label class="twc-nm-label" for="twc-nm-size">Size</label>\n                        <select class="twc-nm-select" id="twc-nm-size" name="select-size" required>\n                            <option value="" disabled selected>Select a size</option>\n                        </select>\n                    </div>\n                </form>\n            </div>\n        </div>\n    ',t.appendChild(b);const w=document.getElementById("twc-nm-overlay"),h=document.getElementById("popup-close"),f=document.getElementById("popup-title"),g=document.getElementById("popup-text"),v=document.querySelector("select[name='select-size']"),I=document.getElementById("popup-form");if(!(w&&h&&f&&g&&v&&I))return;g.innerText=o[l].text;const C=e.map(e=>`<option value="${e.code}"${e.code===r.countryCode?" selected":""}>${e.name}</option>`).join(""),x=(e,n,a)=>`<div class="twc-nm-field"><label class="twc-nm-label" for="${e}">${n}</label>${a}</div>`,M={email:x("twc-nm-email","Email",'<input class="twc-nm-input" id="twc-nm-email" name="email" type="email" placeholder="you@example.com" required />'),mobile:x("twc-nm-mobile","Mobile",'<input class="twc-nm-input" id="twc-nm-mobile" name="mobile" type="tel" placeholder="Mobile number" required />'),firstName:x("twc-nm-firstname","First name",'<input class="twc-nm-input" id="twc-nm-firstname" name="firstName" type="text" placeholder="First name" required />'),lastName:x("twc-nm-lastname","Last name",'<input class="twc-nm-input" id="twc-nm-lastname" name="lastName" type="text" placeholder="Last name" required />'),countryCode:x("twc-nm-country","Country",`<select class="twc-nm-select" id="twc-nm-country" name="countryCode"><option value="">Select country</option>${C}</select>`),provinceCode:x("twc-nm-province","State / Province",`<input class="twc-nm-input" id="twc-nm-province" name="provinceCode" type="text" placeholder="State / province code" value="${r.provinceCode||""}" />`)};m.forEach(e=>{M[e]&&I.insertAdjacentHTML("beforeend",M[e])}),I.insertAdjacentHTML("beforeend",'<div class="twc-nm-checks">\n        <label class="twc-nm-check"><input type="checkbox" name="mailList" /> Email me store updates</label>\n        <label class="twc-nm-check"><input type="checkbox" name="mailListSms" /> Text me store updates</label>\n    </div>'),I.insertAdjacentHTML("beforeend",'<div id="popup-status" class="twc-nm-status" role="status" aria-live="polite" hidden></div>'),I.insertAdjacentHTML("beforeend",`<button type="submit" class="twc-nm-submit">${o[l].buttonText}</button>`);const S=document.getElementById("popup-status"),N=I.querySelector(".twc-nm-submit");if(!S||!N)return;function k(e,n){S.textContent=n,S.className=`twc-nm-status twc-nm-status--${e}`,S.hidden=!1}function L(){S.hidden=!0,S.textContent=""}const G=e=>{const n=I.querySelector(e);return n?n.value:""},E=e=>{const n=I.querySelector(e);return!!n&&n.checked};let B=!1,T=null;function A(e){"Escape"===e.key&&W()}function W(){w.classList.remove("is-open"),document.body.style.overflow="",document.removeEventListener("keydown",A),L(),T&&"function"==typeof T.focus&&T.focus()}c.addEventListener("click",function(){if(T=document.activeElement,w.classList.add("is-open"),document.body.style.overflow="hidden",document.addEventListener("keydown",A),!d)return I.hidden=!0,void k("error","Product information is unavailable. Please refresh the page.");f.textContent=d.title,B||((d.variants||[]).forEach(e=>{const n=document.createElement("option");n.value=e.title,n.textContent=e.title,v.appendChild(n)}),B=!0);const e=I.querySelector("select, input");e&&e.focus()}),h.addEventListener("click",W),w.addEventListener("click",e=>{e.target===w&&W()}),I.addEventListener("submit",async e=>{e.preventDefault();const n=((null==d?void 0:d.variants)||[]).find(e=>e.title===v.value);if(!n)return void k("error","Please select a size.");const o={variantRef:n.id,email:G("input[name='email']"),subscribe:E("input[name='mailList']"),subscribeSms:E("input[name='mailListSms']")};if("coming-soon"===l?o.comingSoon=!0:o.notifyMe=!0,m.includes("firstName")&&(o.firstName=G("input[name='firstName']")),m.includes("lastName")&&(o.lastName=G("input[name='lastName']")),m.includes("mobile")&&(o.mobile=G("input[name='mobile']")),m.includes("countryCode")){const e=G("select[name='countryCode']");e&&(o.countryCode=e)}else r.countryCode&&(o.countryCode=r.countryCode);if(m.includes("provinceCode")){const e=G("input[name='provinceCode']");e&&(o.provinceCode=e)}else r.provinceCode&&(o.provinceCode=r.provinceCode);y&&(o.marketId=y),L();const t=N.textContent||"";N.disabled=!0,N.textContent="Sending…";try{const e=await a(o,s,u,p);e.ok?(k("success","You're on the list. We'll be in touch."),setTimeout(W,1500)):"auth"===e.reason?k("error","Please log in to your account to continue."):k("error","Something went wrong. Please try again.")}finally{N.disabled=!1,N.textContent=t}})}document.addEventListener("DOMContentLoaded",()=>{const e=document.getElementById("notification-widget");if(!e)return;const n=document.getElementById("popup-open");if(!n)return;!function(){const e=document.createElement("style");e.type="text/css",e.innerText="\n        .notification-btn {\n            display: inline-block;\n            width: 100%;\n            padding: 12px 24px;\n            background: #fff;\n            border: 1px solid #111827;\n            border-radius: 8px;\n            color: #111827;\n            font: inherit;\n            text-align: center;\n            text-transform: uppercase;\n            cursor: pointer;\n        }\n        .notification-btn:hover {\n            background: #111827;\n            color: #fff;\n        }\n        #twc-nm-overlay {\n            position: fixed;\n            inset: 0;\n            z-index: 99999;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 16px;\n            background: rgba(17, 17, 17, 0.55);\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 200ms ease;\n        }\n        #twc-nm-overlay.is-open {\n            opacity: 1;\n            visibility: visible;\n        }\n        #twc-nm-overlay * {\n            box-sizing: border-box;\n        }\n        #twc-nm-overlay .twc-nm-card {\n            position: relative;\n            width: 100%;\n            max-width: 400px;\n            max-height: calc(100vh - 32px);\n            overflow-y: auto;\n            padding: 24px;\n            background: #fff;\n            color: #111827;\n            border-radius: 12px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);\n            font: inherit;\n            transform: translateY(8px);\n            transition: transform 200ms ease;\n        }\n        #twc-nm-overlay.is-open .twc-nm-card {\n            transform: translateY(0);\n        }\n        #twc-nm-overlay .twc-nm-close {\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 0;\n            border: none;\n            background: transparent;\n            border-radius: 6px;\n            font-size: 24px;\n            line-height: 1;\n            color: #6b7280;\n            cursor: pointer;\n        }\n        #twc-nm-overlay .twc-nm-close:hover {\n            background: #f3f4f6;\n            color: #111827;\n        }\n        #twc-nm-overlay .twc-nm-title {\n            margin: 0 32px 4px 0;\n            font-size: 18px;\n            font-weight: 600;\n        }\n        #twc-nm-overlay .twc-nm-text {\n            margin: 0 0 16px;\n            font-size: 14px;\n            line-height: 1.5;\n            color: #6b7280;\n        }\n        #twc-nm-overlay .twc-nm-form {\n            display: flex;\n            flex-direction: column;\n            gap: 14px;\n        }\n        #twc-nm-overlay .twc-nm-field {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n        #twc-nm-overlay .twc-nm-label {\n            font-size: 13px;\n            font-weight: 500;\n            color: #374151;\n        }\n        #twc-nm-overlay .twc-nm-input,\n        #twc-nm-overlay .twc-nm-select {\n            width: 100%;\n            padding: 10px 12px;\n            font-size: 14px;\n            font-family: inherit;\n            color: #111827;\n            background: #fff;\n            border: 1px solid #e5e7eb;\n            border-radius: 8px;\n        }\n        #twc-nm-overlay .twc-nm-input:focus,\n        #twc-nm-overlay .twc-nm-select:focus {\n            outline: none;\n            border-color: #111827;\n            box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);\n        }\n        #twc-nm-overlay .twc-nm-select {\n            appearance: none;\n            -webkit-appearance: none;\n            padding-right: 36px;\n            cursor: pointer;\n            background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 12px center;\n        }\n        #twc-nm-overlay .twc-nm-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        #twc-nm-overlay .twc-nm-check {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 13px;\n            color: #374151;\n            cursor: pointer;\n        }\n        #twc-nm-overlay .twc-nm-check input {\n            width: 16px;\n            height: 16px;\n            margin: 0;\n            accent-color: #111827;\n        }\n        #twc-nm-overlay .twc-nm-status {\n            font-size: 13px;\n            line-height: 1.5;\n            padding: 10px 12px;\n            border-radius: 8px;\n        }\n        #twc-nm-overlay .twc-nm-status--error {\n            color: #b91c1c;\n            background: #fef2f2;\n        }\n        #twc-nm-overlay .twc-nm-status--success {\n            color: #15803d;\n            background: #f0fdf4;\n        }\n        #twc-nm-overlay .twc-nm-submit {\n            width: 100%;\n            padding: 12px 16px;\n            font-size: 14px;\n            font-weight: 600;\n            font-family: inherit;\n            color: #fff;\n            background: #111827;\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: background 150ms ease;\n        }\n        #twc-nm-overlay .twc-nm-submit:hover {\n            background: #374151;\n        }\n        #twc-nm-overlay .twc-nm-submit:disabled {\n            opacity: 0.6;\n            cursor: default;\n        }\n        @media (prefers-reduced-motion: reduce) {\n            #twc-nm-overlay,\n            #twc-nm-overlay .twc-nm-card {\n                transition: none;\n            }\n            #twc-nm-overlay .twc-nm-card {\n                transform: none;\n            }\n        }\n    ",document.head.appendChild(e)}();const a=JSON.parse(n.getAttribute("data-fields")||'["email"]'),o=n.getAttribute("data-type")||"notify-me",c=n.getAttribute("data-auth")||"token",i=n.getAttribute("data-tenant")||"victoria-woods",d=n.getAttribute("data-proxy-app")||"twc-sdk",r=function(){var e,n;const a={countryCode:null,provinceCode:null,marketId:null},o=window.Shopify;if(o){"string"==typeof o.country&&(a.countryCode=o.country);const n=null===(e=o.markets)||void 0===e?void 0:e.currentMarket;if(n&&(n.countryCode&&(a.countryCode=n.countryCode),null!=n.id&&(a.marketId=String(n.id))),!a.countryCode&&"string"==typeof o.locale){const e=o.locale.split("-");e.length>1&&(a.countryCode=e[e.length-1].toUpperCase())}}if(!a.countryCode||!a.provinceCode){const e=null===(n=window.customer)||void 0===n?void 0:n.default_address;e&&(!a.countryCode&&e.country_code&&(a.countryCode=e.country_code),!a.provinceCode&&e.province_code&&(a.provinceCode=e.province_code))}if(!a.countryCode){const e=(navigator.language||"").split("-");e.length>1&&(a.countryCode=e[e.length-1].toUpperCase())}return a}(),m=n.getAttribute("data-market-id")||r.marketId;t({wrapper:e,openButton:n,config:{fields:a,type:o,authMode:c,tenant:i,proxyApp:d,marketId:m},productData:window.currentProduct,countryCtx:r})})}();
+!function(){"use strict";const e=[{code:"AF",name:"Afghanistan"},{code:"AX",name:"Åland Islands"},{code:"AL",name:"Albania"},{code:"DZ",name:"Algeria"},{code:"AS",name:"American Samoa"},{code:"AD",name:"Andorra"},{code:"AO",name:"Angola"},{code:"AI",name:"Anguilla"},{code:"AG",name:"Antigua and Barbuda"},{code:"AR",name:"Argentina"},{code:"AM",name:"Armenia"},{code:"AW",name:"Aruba"},{code:"AU",name:"Australia"},{code:"AT",name:"Austria"},{code:"AZ",name:"Azerbaijan"},{code:"BS",name:"Bahamas"},{code:"BH",name:"Bahrain"},{code:"BD",name:"Bangladesh"},{code:"BB",name:"Barbados"},{code:"BY",name:"Belarus"},{code:"BE",name:"Belgium"},{code:"BZ",name:"Belize"},{code:"BJ",name:"Benin"},{code:"BM",name:"Bermuda"},{code:"BT",name:"Bhutan"},{code:"BO",name:"Bolivia"},{code:"BA",name:"Bosnia and Herzegovina"},{code:"BW",name:"Botswana"},{code:"BR",name:"Brazil"},{code:"BN",name:"Brunei"},{code:"BG",name:"Bulgaria"},{code:"BF",name:"Burkina Faso"},{code:"BI",name:"Burundi"},{code:"CV",name:"Cabo Verde"},{code:"KH",name:"Cambodia"},{code:"CM",name:"Cameroon"},{code:"CA",name:"Canada"},{code:"KY",name:"Cayman Islands"},{code:"CF",name:"Central African Republic"},{code:"TD",name:"Chad"},{code:"CL",name:"Chile"},{code:"CN",name:"China"},{code:"CO",name:"Colombia"},{code:"KM",name:"Comoros"},{code:"CG",name:"Congo"},{code:"CD",name:"Congo, DR"},{code:"CK",name:"Cook Islands"},{code:"CR",name:"Costa Rica"},{code:"HR",name:"Croatia"},{code:"CU",name:"Cuba"},{code:"CW",name:"Curaçao"},{code:"CY",name:"Cyprus"},{code:"CZ",name:"Czech Republic"},{code:"DK",name:"Denmark"},{code:"DJ",name:"Djibouti"},{code:"DM",name:"Dominica"},{code:"DO",name:"Dominican Republic"},{code:"EC",name:"Ecuador"},{code:"EG",name:"Egypt"},{code:"SV",name:"El Salvador"},{code:"GQ",name:"Equatorial Guinea"},{code:"ER",name:"Eritrea"},{code:"EE",name:"Estonia"},{code:"SZ",name:"Eswatini"},{code:"ET",name:"Ethiopia"},{code:"FO",name:"Faroe Islands"},{code:"FJ",name:"Fiji"},{code:"FI",name:"Finland"},{code:"FR",name:"France"},{code:"GF",name:"French Guiana"},{code:"PF",name:"French Polynesia"},{code:"GA",name:"Gabon"},{code:"GM",name:"Gambia"},{code:"GE",name:"Georgia"},{code:"DE",name:"Germany"},{code:"GH",name:"Ghana"},{code:"GI",name:"Gibraltar"},{code:"GR",name:"Greece"},{code:"GL",name:"Greenland"},{code:"GD",name:"Grenada"},{code:"GP",name:"Guadeloupe"},{code:"GU",name:"Guam"},{code:"GT",name:"Guatemala"},{code:"GN",name:"Guinea"},{code:"GW",name:"Guinea-Bissau"},{code:"GY",name:"Guyana"},{code:"HT",name:"Haiti"},{code:"HN",name:"Honduras"},{code:"HK",name:"Hong Kong"},{code:"HU",name:"Hungary"},{code:"IS",name:"Iceland"},{code:"IN",name:"India"},{code:"ID",name:"Indonesia"},{code:"IR",name:"Iran"},{code:"IQ",name:"Iraq"},{code:"IE",name:"Ireland"},{code:"IM",name:"Isle of Man"},{code:"IL",name:"Israel"},{code:"IT",name:"Italy"},{code:"JM",name:"Jamaica"},{code:"JP",name:"Japan"},{code:"JE",name:"Jersey"},{code:"JO",name:"Jordan"},{code:"KZ",name:"Kazakhstan"},{code:"KE",name:"Kenya"},{code:"KI",name:"Kiribati"},{code:"KR",name:"Korea, South"},{code:"XK",name:"Kosovo"},{code:"KW",name:"Kuwait"},{code:"KG",name:"Kyrgyzstan"},{code:"LA",name:"Laos"},{code:"LV",name:"Latvia"},{code:"LB",name:"Lebanon"},{code:"LS",name:"Lesotho"},{code:"LR",name:"Liberia"},{code:"LY",name:"Libya"},{code:"LI",name:"Liechtenstein"},{code:"LT",name:"Lithuania"},{code:"LU",name:"Luxembourg"},{code:"MO",name:"Macao"},{code:"MG",name:"Madagascar"},{code:"MW",name:"Malawi"},{code:"MY",name:"Malaysia"},{code:"MV",name:"Maldives"},{code:"ML",name:"Mali"},{code:"MT",name:"Malta"},{code:"MH",name:"Marshall Islands"},{code:"MQ",name:"Martinique"},{code:"MR",name:"Mauritania"},{code:"MU",name:"Mauritius"},{code:"MX",name:"Mexico"},{code:"FM",name:"Micronesia"},{code:"MD",name:"Moldova"},{code:"MC",name:"Monaco"},{code:"MN",name:"Mongolia"},{code:"ME",name:"Montenegro"},{code:"MS",name:"Montserrat"},{code:"MA",name:"Morocco"},{code:"MZ",name:"Mozambique"},{code:"MM",name:"Myanmar"},{code:"NA",name:"Namibia"},{code:"NR",name:"Nauru"},{code:"NP",name:"Nepal"},{code:"NL",name:"Netherlands"},{code:"NC",name:"New Caledonia"},{code:"NZ",name:"New Zealand"},{code:"NI",name:"Nicaragua"},{code:"NE",name:"Niger"},{code:"NG",name:"Nigeria"},{code:"NU",name:"Niue"},{code:"MK",name:"North Macedonia"},{code:"NO",name:"Norway"},{code:"OM",name:"Oman"},{code:"PK",name:"Pakistan"},{code:"PW",name:"Palau"},{code:"PS",name:"Palestine"},{code:"PA",name:"Panama"},{code:"PG",name:"Papua New Guinea"},{code:"PY",name:"Paraguay"},{code:"PE",name:"Peru"},{code:"PH",name:"Philippines"},{code:"PL",name:"Poland"},{code:"PT",name:"Portugal"},{code:"PR",name:"Puerto Rico"},{code:"QA",name:"Qatar"},{code:"RE",name:"Réunion"},{code:"RO",name:"Romania"},{code:"RW",name:"Rwanda"},{code:"KN",name:"Saint Kitts and Nevis"},{code:"LC",name:"Saint Lucia"},{code:"VC",name:"Saint Vincent and the Grenadines"},{code:"WS",name:"Samoa"},{code:"SM",name:"San Marino"},{code:"SA",name:"Saudi Arabia"},{code:"SN",name:"Senegal"},{code:"RS",name:"Serbia"},{code:"SC",name:"Seychelles"},{code:"SL",name:"Sierra Leone"},{code:"SG",name:"Singapore"},{code:"SK",name:"Slovakia"},{code:"SI",name:"Slovenia"},{code:"SB",name:"Solomon Islands"},{code:"SO",name:"Somalia"},{code:"ZA",name:"South Africa"},{code:"SS",name:"South Sudan"},{code:"ES",name:"Spain"},{code:"LK",name:"Sri Lanka"},{code:"SD",name:"Sudan"},{code:"SR",name:"Suriname"},{code:"SE",name:"Sweden"},{code:"CH",name:"Switzerland"},{code:"SY",name:"Syria"},{code:"TW",name:"Taiwan"},{code:"TJ",name:"Tajikistan"},{code:"TZ",name:"Tanzania"},{code:"TH",name:"Thailand"},{code:"TL",name:"Timor-Leste"},{code:"TG",name:"Togo"},{code:"TO",name:"Tonga"},{code:"TT",name:"Trinidad and Tobago"},{code:"TN",name:"Tunisia"},{code:"TR",name:"Turkey"},{code:"TM",name:"Turkmenistan"},{code:"TC",name:"Turks and Caicos Islands"},{code:"TV",name:"Tuvalu"},{code:"UG",name:"Uganda"},{code:"UA",name:"Ukraine"},{code:"AE",name:"United Arab Emirates"},{code:"GB",name:"United Kingdom"},{code:"US",name:"United States"},{code:"UY",name:"Uruguay"},{code:"UZ",name:"Uzbekistan"},{code:"VU",name:"Vanuatu"},{code:"VE",name:"Venezuela"},{code:"VN",name:"Vietnam"},{code:"VG",name:"Virgin Islands, British"},{code:"VI",name:"Virgin Islands, U.S."},{code:"YE",name:"Yemen"},{code:"ZM",name:"Zambia"},{code:"ZW",name:"Zimbabwe"}];let n=null;async function t(e,t){if("proxy"!==e)return"Bearer eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJRWlJkS3JabXJmMEk3WkhXRUtqNWRLTEhQanFubWJFeV9iNmpSbHdya1drIn0.eyJleHAiOjE3ODU5Mzc5NDMsImlhdCI6MTc4NTkzNDM0MywianRpIjoiOWExNWU1NmEtN2JmMi00ZTFhLTk4NmMtODBkZTIzYTUzNmI4IiwiaXNzIjoiaHR0cHM6Ly9hdXRoLmF1LWF3cy50aGV3aXNobGlzdC5pby9hdXRoL3JlYWxtcy90d2NNYWluIiwiYXVkIjoiYWNjb3VudCIsInN1YiI6IjY4OTlkMjU4LTcyNWQtNDcwMy04YzQ5LTI2OTRiZmUyZGExYSIsInR5cCI6IkJlYXJlciIsImF6cCI6InR3Yy1wb3MtY2xpZW50Iiwic2Vzc2lvbl9zdGF0ZSI6ImFkOGFkOTE0LWNhMmEtNGE4Yy05M2M1LTNmMzA3MjliMmRkOSIsImFsbG93ZWQtb3JpZ2lucyI6WyJodHRwczovL2xvY2FsaG9zdCJdLCJyZWFsbV9hY2Nlc3MiOnsicm9sZXMiOlsidHdjLXBvcy11c2VyIiwiZGVmYXVsdC1yb2xlcy10d2NtYWluIiwib2ZmbGluZV9hY2Nlc3MiLCJ1bWFfYXV0aG9yaXphdGlvbiJdfSwicmVzb3VyY2VfYWNjZXNzIjp7ImFjY291bnQiOnsicm9sZXMiOlsibWFuYWdlLWFjY291bnQiLCJtYW5hZ2UtYWNjb3VudC1saW5rcyIsInZpZXctcHJvZmlsZSJdfX0sInNjb3BlIjoib3BlbmlkIHRlbmFudGlkIHN0b3JlIHByb2ZpbGUgc3RhZmZyZWYgZW1haWwiLCJzaWQiOiJhZDhhZDkxNC1jYTJhLTRhOGMtOTNjNS0zZjMwNzI5YjJkZDkiLCJlbWFpbF92ZXJpZmllZCI6ZmFsc2UsInRlbmFudGlkIjoidHdjLWZhc2hpb24tZGVtbyIsIm5hbWUiOiJtYXR0IGZhc2hpb25kZW1vIiwicHJlZmVycmVkX3VzZXJuYW1lIjoibWF0dEBmYXNoaW9uZGVtby5jb20uYXUiLCJzdG9yZSI6InR3Yy1mYXNoaW9uLWRlbW8tdGVzdCIsImdpdmVuX25hbWUiOiJtYXR0IiwiZmFtaWx5X25hbWUiOiJmYXNoaW9uZGVtbyIsImVtYWlsIjoibWF0dEBmYXNoaW9uZGVtby5jb20uYXUifQ.rhW9joS8vQm13qHiXkgs-NHZM1Epva0cYGxIMXIyT6TEiDVAir8H536S8BlJKnFJWRVzsKn7VwaLoftgCPYvbsYDjC_wMnTY1oKygXs61DLaTWt90ou-4T5Ox0Ta_00dEFtmz22ouembFTrF_mumUPLGqsyc93nWIJZVQdmoqAnvxLiMs_F9PAVIq8X3ahjC9Qt_bzAa7QagQSWapQasfIQ9Wbwr9qa6JpIpYQnKf2j_Io0mNb7G2Xhvt0Pe8HqYNP50AJMvRdlQY_bHDAKtTRDGFU1jU_hVfbcWh44ZjjHHuSyM7TLvvI9M4gpLzXI25BCOf81tddVZAox4ms62TQ";const o=await async function(e){if(n)return n;try{const t=await fetch(`/apps/${e}/auth/token`,{method:"GET",headers:{Accept:"application/json"}}),o=await t.json().catch(()=>null);return t.ok&&o&&o.success&&o.data&&o.data.access_token?(n=o.data.access_token,n):null}catch(e){return console.error("Error fetching proxy access token:",e),null}}(t);return o?`Bearer ${o}`:null}const o=new Map;function a(e){return"string"==typeof e?e.trim():""}async function c(e,n,c){const i=o.get(e);if(void 0!==i)return i;const r=await t(n,c);if(!r)return null;try{const n=await fetch("https://api.au-aws.thewishlist.io/services/eventcollector/api/v1/custom/configs/public",{method:"GET",headers:{Accept:"application/json",Authorization:r,"X-Twc-Tenant":e}});if(!n.ok)return console.error("Tenant config request failed:",n.status),null;const t=function(e){if(!e||"object"!=typeof e)return null;const n=e.websiteRecommendations;if(!n||"object"!=typeof n)return null;const t=a(n.engine).toUpperCase();if("TWC"===t)return{engine:"TWC"};if("ATHOS"===t){const e=a(n.siteIdentifier);return e?{engine:"ATHOS",siteIdentifier:e,profileTag:a(n.profileTag)||a(n.tags)||"similar"}:null}return null}(await n.json().catch(()=>null));return o.set(e,t),t}catch(e){return console.error("Error fetching tenant config:",e),null}}function i(e){return"string"==typeof e?e.trim():""}function r(e){if("number"==typeof e&&Number.isFinite(e))return e;if("string"==typeof e){const n=parseFloat(e);if(Number.isFinite(n))return n}return null}function d(e){return Boolean(e.name&&e.imageUrl&&e.productUrl)}function m(e,n){const t=new Map;return e.forEach(e=>{const n=t.get(e.product.ref);n&&n.score>=e.score||t.set(e.product.ref,e)}),Array.from(t.values()).sort((e,n)=>n.score-e.score).slice(0,n).map(e=>e.product)}async function s(e){const{email:n,tenant:o,authMode:a,proxyApp:c,count:s}=e,l=await t(a,c);if(!l)return null;const u=Math.min(3*s,20),p=`https://api.au-aws.thewishlist.io/services/recommendations/api/v1/recommendations/${encodeURIComponent(o)}/${encodeURIComponent(n)}?n=${u}`;try{const e=await fetch(p,{method:"GET",headers:{Accept:"application/json",Authorization:l,"X-Twc-Tenant":o}});if(!e.ok)return console.error("Recommendations request failed:",e.status),null;return function(e,n){const t=e&&e.recommendations;if(!Array.isArray(t))return[];const o=[];return t.forEach(e=>{var n;const t=e&&e.product;if(!t)return;const a=i(t.name),c=i(t.image_url),m=i(t.product_url);if(!d({name:a,imageUrl:c,productUrl:m}))return;const s=i(t.product_ref)||i(t.product_id)||m;o.push({score:"number"==typeof e.score?e.score:0,product:{id:i(t.product_id)||s,ref:s,name:a,imageUrl:c,productUrl:m,price:null!==(n=r(t.price))&&void 0!==n?n:0,originalPrice:r(t.original_price)}})}),m(o,n)}(await e.json().catch(()=>null),s)}catch(e){return console.error("Error fetching recommendations:",e),null}}async function l(e){const{engine:n,email:t,count:o,productId:a}=e,c=encodeURIComponent(n.siteIdentifier),s=[`tags=${encodeURIComponent(n.profileTag)}`,`limits=${o}`];a&&s.push(`products=${encodeURIComponent(a)}`),t&&s.push(`shopper=${encodeURIComponent(t)}`);const l=`https://${c}.a.searchspring.io/boost/${c}/recommend?`+s.join("&");try{const e=await fetch(l,{method:"GET",headers:{Accept:"application/json"}});if(!e.ok)return console.error("Athos recommendations request failed:",e.status),null;return function(e,n){const t=Array.isArray(e)?e[0]:e,o=t&&t.results;if(!Array.isArray(o))return[];const a=[];return o.forEach((e,n)=>{var t;const c=e&&e.mappings&&e.mappings.core;if(!c)return;const m=i(c.name),s=i(c.imageUrl)||i(c.thumbnailImageUrl),l=i(c.url);if(!d({name:m,imageUrl:s,productUrl:l}))return;const u=i(c.uid)||i(c.sku)||l,p=null!==(t=r(c.price))&&void 0!==t?t:0,w=r(c.msrp);a.push({score:o.length-n,product:{id:i(c.uid)||u,ref:u,name:m,imageUrl:s,productUrl:l,price:p,originalPrice:null!==w&&w>p?w:null}})}),m(a,n)}(await e.json().catch(()=>null),o)}catch(e){return console.error("Error fetching Athos recommendations:",e),null}}const u=new Map;const p="twc-nm-recs",w="twc-nm-recs-title";function f(e,n){if(n)try{return new Intl.NumberFormat(void 0,{style:"currency",currency:n}).format(e)}catch(e){}return new Intl.NumberFormat(void 0,{minimumFractionDigits:0,maximumFractionDigits:2}).format(e)}function y(){const e=document.createElement("div");e.className="twc-nm-rec twc-nm-rec--skeleton",e.setAttribute("aria-hidden","true");const n=document.createElement("div");n.className="twc-nm-rec-imgbox twc-nm-skel",e.appendChild(n);const t=document.createElement("span");t.className="twc-nm-skel twc-nm-skel-line",e.appendChild(t);const o=document.createElement("span");return o.className="twc-nm-skel twc-nm-skel-line twc-nm-skel-line--short",e.appendChild(o),e}function h(e){const{section:n,row:t}=function(){const e=document.createElement("section");e.id=p,e.className="twc-nm-recs",e.setAttribute("aria-labelledby",w);const n=document.createElement("h3");n.id=w,n.className="twc-nm-recs-title",n.textContent="Shop similar styles",e.appendChild(n);const t=document.createElement("div");return t.className="twc-nm-recs-row",e.appendChild(t),{section:e,row:t}}();n.classList.add("twc-nm-recs--loading"),n.setAttribute("aria-busy","true");for(let n=0;n<e;n++)t.appendChild(y());return n}function b(e,n,t){const o=e.querySelector(".twc-nm-recs-row");if(!o)return;const a=(c=t,window.Shopify&&window.Shopify.currency&&window.Shopify.currency.active||c||null);var c;const i=document.createDocumentFragment();n.forEach(e=>{i.appendChild(function(e,n){const t=document.createElement("a");t.className="twc-nm-rec",t.href=e.productUrl,t.target="_blank",t.rel="noopener noreferrer";const o=document.createElement("div");o.className="twc-nm-rec-imgbox";const a=document.createElement("img");a.className="twc-nm-rec-img",a.src=e.imageUrl,a.alt=e.name,a.loading="lazy",a.decoding="async",o.appendChild(a),t.appendChild(o);const c=document.createElement("span");c.className="twc-nm-rec-name",c.textContent=e.name,t.appendChild(c);const i=document.createElement("span");if(i.className="twc-nm-rec-price",null!==e.originalPrice&&e.originalPrice>e.price){const t=document.createElement("s");t.className="twc-nm-rec-was",t.textContent=f(e.originalPrice,n),i.appendChild(t),i.appendChild(document.createTextNode(" "))}return i.appendChild(document.createTextNode(f(e.price,n))),t.appendChild(i),t}(e,a))}),o.textContent="",o.appendChild(i),e.classList.remove("twc-nm-recs--loading"),e.removeAttribute("aria-busy")}function g(){const e=document.getElementById(p);e&&e.parentNode&&e.parentNode.removeChild(e)}const v={"notify-me":{text:"Register to receive a notification as soon as this item is back in stock",buttonText:"Notify Me"},"coming-soon":{text:"Register your interest to hear more about this item",buttonText:"Register Interest"}};function x(n){const{wrapper:o,openButton:a,config:i,productData:r,localization:d}=n,{fields:m,type:w,display:f,authMode:y,tenant:x,proxyApp:C,recommendationsEnabled:I,recommendationsCount:k,currency:N,customerEmail:M}=i,E=document.createElement("div");E.innerHTML='\n        <div id="twc-nm-overlay" role="dialog" aria-modal="true" aria-labelledby="popup-title">\n            <div class="twc-nm-card">\n                <button type="button" id="popup-close" class="twc-nm-close" aria-label="Close">&times;</button>\n                <h2 id="popup-title" class="twc-nm-title"></h2>\n                <p id="popup-text" class="twc-nm-text"></p>\n                <form id="popup-form" class="twc-nm-form">\n                    <div class="twc-nm-field">\n                        <label class="twc-nm-label" for="twc-nm-size">Size</label>\n                        <select class="twc-nm-select" id="twc-nm-size" name="select-size" required>\n                            <option value="" disabled selected>Select a size</option>\n                        </select>\n                    </div>\n                </form>\n            </div>\n        </div>\n    ',o.appendChild(E);const S=document.getElementById("twc-nm-overlay"),A=document.getElementById("popup-close"),T=document.getElementById("popup-title"),L=document.getElementById("popup-text"),G=document.querySelector("select[name='select-size']"),B=document.getElementById("popup-form");if(!(S&&A&&T&&L&&G&&B))return;"panel"===f&&S.classList.add("twc-nm--panel"),L.innerText=v[w].text;const W=e.map(e=>`<option value="${e.code}"${e.code===d.countryCode?" selected":""}>${e.name}</option>`).join(""),z=(e,n,t)=>`<div class="twc-nm-field"><label class="twc-nm-label" for="${e}">${n}</label>${t}</div>`,R={email:z("twc-nm-email","Email",'<input class="twc-nm-input" id="twc-nm-email" name="email" type="email" placeholder="you@example.com" required />'),mobile:z("twc-nm-mobile","Mobile",'<input class="twc-nm-input" id="twc-nm-mobile" name="mobile" type="tel" placeholder="Mobile number" required />'),firstName:z("twc-nm-firstname","First name",'<input class="twc-nm-input" id="twc-nm-firstname" name="firstName" type="text" placeholder="First name" required />'),lastName:z("twc-nm-lastname","Last name",'<input class="twc-nm-input" id="twc-nm-lastname" name="lastName" type="text" placeholder="Last name" required />'),countryCode:z("twc-nm-country","Country",`<select class="twc-nm-select" id="twc-nm-country" name="countryCode"><option value="">Select country</option>${W}</select>`),provinceCode:z("twc-nm-province","State / Province",`<input class="twc-nm-input" id="twc-nm-province" name="provinceCode" type="text" placeholder="State / province code" value="${d.provinceCode||""}" />`)};m.forEach(e=>{R[e]&&B.insertAdjacentHTML("beforeend",R[e])}),B.insertAdjacentHTML("beforeend",'<div class="twc-nm-checks">\n        <label class="twc-nm-check"><input type="checkbox" name="mailList" /> Email me store updates</label>\n        <label class="twc-nm-check"><input type="checkbox" name="mailListSms" /> Text me store updates</label>\n    </div>'),B.insertAdjacentHTML("beforeend",'<div id="popup-status" class="twc-nm-status" role="status" aria-live="polite" hidden></div>'),B.insertAdjacentHTML("beforeend",`<button type="submit" class="twc-nm-submit">${v[w].buttonText}</button>`);const U=document.getElementById("popup-status"),Z=B.querySelector(".twc-nm-submit");if(!U||!Z)return;function Y(e,n){U.textContent=n,U.className=`twc-nm-status twc-nm-status--${e}`,U.hidden=!1}function j(){U.hidden=!0,U.textContent=""}const F=e=>{const n=B.querySelector(e);return n?n.value:""},J=e=>{const n=B.querySelector(e);return!!n&&n.checked},V=S.querySelector(".twc-nm-card");let H=null;async function P(e){const n=await function(e,n,t){return c(e,n,t)}(x,y,C);if(!n)return!1;if(!S.classList.contains("is-open"))return!1;const t=h(k);V.appendChild(t);const o=await async function(e,n){const{email:t,tenant:o,authMode:a,proxyApp:c,count:i,productId:r}=n,d=`${e.engine}|${o}|${t}|${i}|${r||""}`,m=u.get(d);if(m)return m;let p=null;return p="ATHOS"===e.engine?await l({engine:e,email:t,count:i,productId:r}):await s({email:t,tenant:o,authMode:a,proxyApp:c,count:i}),null===p?[]:(u.set(d,p),p)}(n,{email:e,tenant:x,authMode:y,proxyApp:C,count:k,productId:r?String(r.id):null});return!!t.isConnected&&(o.length?(b(t,o,N),!0):(g(),!1))}function X(e){if(!I||!V)return Promise.resolve(!1);if(H)return H;if(document.getElementById(p))return Promise.resolve(!0);const n=P(e);return H=n,n.then(e=>(H===n&&(H=null),e),e=>(H===n&&(H=null),console.error("Error rendering recommendations:",e),!1))}let O=!1,D=null;function K(e){"Escape"===e.key&&$()}function $(){S.classList.remove("is-open"),document.body.style.overflow="",document.removeEventListener("keydown",K),j(),g(),H=null,D&&"function"==typeof D.focus&&D.focus()}a.addEventListener("click",function(){if(D=document.activeElement,S.classList.add("is-open"),document.body.style.overflow="hidden",document.addEventListener("keydown",K),!r)return B.hidden=!0,void Y("error","Product information is unavailable. Please refresh the page.");T.textContent=r.title,O||((r.variants||[]).forEach(e=>{const n=document.createElement("option");n.value=e.title,n.textContent=e.title,G.appendChild(n)}),O=!0),M&&X(M);const e=B.querySelector("select, input");e&&e.focus()}),A.addEventListener("click",$),S.addEventListener("click",e=>{e.target===S&&$()}),B.addEventListener("submit",async e=>{e.preventDefault();const n=((null==r?void 0:r.variants)||[]).find(e=>e.title===G.value);if(!n)return void Y("error","Please select a size.");const o={variantRef:n.id,email:F("input[name='email']"),subscribe:J("input[name='mailList']"),subscribeSms:J("input[name='mailListSms']")};if("coming-soon"===w?o.comingSoon=!0:o.notifyMe=!0,m.includes("firstName")&&(o.firstName=F("input[name='firstName']")),m.includes("lastName")&&(o.lastName=F("input[name='lastName']")),m.includes("mobile")&&(o.mobile=F("input[name='mobile']")),m.includes("countryCode")){const e=F("select[name='countryCode']");e&&(o.countryCode=e)}else d.countryCode&&(o.countryCode=d.countryCode);if(m.includes("provinceCode")){const e=F("input[name='provinceCode']");e&&(o.provinceCode=e)}else d.provinceCode&&(o.provinceCode=d.provinceCode);d.marketId&&(o.marketId=d.marketId),d.marketHandle&&(o.marketHandle=d.marketHandle),j();const a=Z.textContent||"";Z.disabled=!0,Z.textContent="Sending…";let c={ok:!1,reason:"error"};try{c=await async function(e,n,o,a){const c=await t(n,a);if(!c)return{ok:!1,reason:"auth"};try{return(await fetch("https://api.au-aws.thewishlist.io/services/wsservice/api/wishlist/items/customerInterest",{method:"POST",headers:{"Content-Type":"application/json",Authorization:c,"X-Twc-Tenant":o},body:JSON.stringify(e)})).ok?{ok:!0}:{ok:!1,reason:"error"}}catch(e){return console.error("Error submitting form:",e),{ok:!1,reason:"error"}}}(o,y,x,C)}finally{Z.disabled=!1,Z.textContent=a}if(c.ok){Y("success","You're on the list. We'll be in touch.");const e=M||F("input[name='email']");!!e&&await X(e)||setTimeout($,1500)}else"auth"===c.reason?Y("error","Please log in to your account to continue."):Y("error","Something went wrong. Please try again.")})}function C(e){var n;const t=(null!=e?e:"").trim();if(!t)return null;const o=null!==(n=t.split("?")[0].split("/").pop())&&void 0!==n?n:"";return/^\d+$/.test(o)?o:null}function I(e){const n=(null!=e?e:"").trim();return/^[a-z0-9_-]+$/i.test(n)?n:null}function k(e){const n=(null!=e?e:"").trim();return/^[a-z]{2}$/i.test(n)?n.toUpperCase():null}function N(e){const n=e.getAttribute("data-customer-email");if(n&&n.trim())return n.trim();const t=window.customer&&window.customer.email;return t&&t.trim()?t.trim():null}document.addEventListener("DOMContentLoaded",()=>{const e=document.getElementById("notification-widget");if(!e)return;const n=document.getElementById("popup-open");if(!n)return;!function(){const e=document.createElement("style");e.type="text/css",e.innerText="\n        .notification-btn {\n            display: inline-block;\n            width: 100%;\n            padding: 12px 24px;\n            background: #fff;\n            border: 1px solid #111827;\n            border-radius: 8px;\n            color: #111827;\n            font: inherit;\n            text-align: center;\n            text-transform: uppercase;\n            cursor: pointer;\n        }\n        .notification-btn:hover {\n            background: #111827;\n            color: #fff;\n        }\n        #twc-nm-overlay {\n            position: fixed;\n            inset: 0;\n            z-index: 99999;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 16px;\n            background: rgba(17, 17, 17, 0.55);\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 200ms ease;\n        }\n        #twc-nm-overlay.is-open {\n            opacity: 1;\n            visibility: visible;\n        }\n        #twc-nm-overlay * {\n            box-sizing: border-box;\n        }\n        #twc-nm-overlay .twc-nm-card {\n            position: relative;\n            width: 100%;\n            max-width: 400px;\n            max-height: calc(100vh - 32px);\n            overflow-y: auto;\n            padding: 24px;\n            background: #fff;\n            color: #111827;\n            border-radius: 12px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.18);\n            font: inherit;\n            transform: translateY(8px);\n            transition: transform 200ms ease;\n        }\n        #twc-nm-overlay.is-open .twc-nm-card {\n            transform: translateY(0);\n        }\n        /* Panel mode: same blocking backdrop, docked to the right edge and\n           full height instead of centred. Declared after the modal rules so\n           the shared properties are overridden. */\n        #twc-nm-overlay.twc-nm--panel {\n            align-items: stretch;\n            justify-content: flex-end;\n            padding: 0;\n        }\n        #twc-nm-overlay.twc-nm--panel .twc-nm-card {\n            width: 420px;\n            max-width: 100%;\n            max-height: none;\n            border-radius: 0;\n            box-shadow: -10px 0 40px rgba(0, 0, 0, 0.18);\n            transform: translateX(100%);\n        }\n        /* Needs the extra class to beat both the .is-open rule above and the\n           panel's own resting transform. */\n        #twc-nm-overlay.twc-nm--panel.is-open .twc-nm-card {\n            transform: translateX(0);\n        }\n        @media (max-width: 480px) {\n            #twc-nm-overlay.twc-nm--panel .twc-nm-card {\n                width: 100%;\n            }\n        }\n        #twc-nm-overlay .twc-nm-close {\n            position: absolute;\n            top: 12px;\n            right: 12px;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 0;\n            border: none;\n            background: transparent;\n            border-radius: 6px;\n            font-size: 24px;\n            line-height: 1;\n            color: #6b7280;\n            cursor: pointer;\n        }\n        #twc-nm-overlay .twc-nm-close:hover {\n            background: #f3f4f6;\n            color: #111827;\n        }\n        #twc-nm-overlay .twc-nm-title {\n            margin: 0 32px 4px 0;\n            font-size: 18px;\n            font-weight: 600;\n        }\n        #twc-nm-overlay .twc-nm-text {\n            margin: 0 0 16px;\n            font-size: 14px;\n            line-height: 1.5;\n            color: #6b7280;\n        }\n        #twc-nm-overlay .twc-nm-form {\n            display: flex;\n            flex-direction: column;\n            gap: 14px;\n        }\n        #twc-nm-overlay .twc-nm-field {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n        #twc-nm-overlay .twc-nm-label {\n            font-size: 13px;\n            font-weight: 500;\n            color: #374151;\n        }\n        #twc-nm-overlay .twc-nm-input,\n        #twc-nm-overlay .twc-nm-select {\n            width: 100%;\n            padding: 10px 12px;\n            font-size: 14px;\n            font-family: inherit;\n            color: #111827;\n            background: #fff;\n            border: 1px solid #e5e7eb;\n            border-radius: 8px;\n        }\n        #twc-nm-overlay .twc-nm-input:focus,\n        #twc-nm-overlay .twc-nm-select:focus {\n            outline: none;\n            border-color: #111827;\n            box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.08);\n        }\n        #twc-nm-overlay .twc-nm-select {\n            appearance: none;\n            -webkit-appearance: none;\n            padding-right: 36px;\n            cursor: pointer;\n            background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 12px center;\n        }\n        #twc-nm-overlay .twc-nm-checks {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n        #twc-nm-overlay .twc-nm-check {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 13px;\n            color: #374151;\n            cursor: pointer;\n        }\n        #twc-nm-overlay .twc-nm-check input {\n            width: 16px;\n            height: 16px;\n            margin: 0;\n            accent-color: #111827;\n        }\n        #twc-nm-overlay .twc-nm-status {\n            font-size: 13px;\n            line-height: 1.5;\n            padding: 10px 12px;\n            border-radius: 8px;\n        }\n        #twc-nm-overlay .twc-nm-status--error {\n            color: #b91c1c;\n            background: #fef2f2;\n        }\n        #twc-nm-overlay .twc-nm-status--success {\n            color: #15803d;\n            background: #f0fdf4;\n        }\n        #twc-nm-overlay .twc-nm-submit {\n            width: 100%;\n            padding: 12px 16px;\n            font-size: 14px;\n            font-weight: 600;\n            font-family: inherit;\n            color: #fff;\n            background: #111827;\n            border: none;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: background 150ms ease;\n        }\n        #twc-nm-overlay .twc-nm-submit:hover {\n            background: #374151;\n        }\n        #twc-nm-overlay .twc-nm-submit:disabled {\n            opacity: 0.6;\n            cursor: default;\n        }\n        #twc-nm-overlay .twc-nm-recs {\n            margin-top: 20px;\n            padding-top: 20px;\n            border-top: 1px solid #e5e7eb;\n        }\n        #twc-nm-overlay .twc-nm-recs-title {\n            margin: 0 0 12px;\n            font-size: 14px;\n            font-weight: 600;\n            color: #111827;\n        }\n        #twc-nm-overlay .twc-nm-recs-row {\n            display: flex;\n            gap: 12px;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            padding-bottom: 8px;\n            scrollbar-width: thin;\n        }\n        #twc-nm-overlay .twc-nm-rec {\n            flex: 0 0 132px;\n            scroll-snap-align: start;\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            color: inherit;\n            text-decoration: none;\n        }\n        #twc-nm-overlay .twc-nm-rec:focus-visible {\n            outline: 2px solid #111827;\n            outline-offset: 2px;\n            border-radius: 8px;\n        }\n        #twc-nm-overlay .twc-nm-rec-imgbox {\n            aspect-ratio: 3 / 4;\n            overflow: hidden;\n            border-radius: 8px;\n            background: #f3f4f6;\n        }\n        #twc-nm-overlay .twc-nm-rec-img {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: opacity 150ms ease;\n        }\n        #twc-nm-overlay .twc-nm-rec:hover .twc-nm-rec-img {\n            opacity: 0.85;\n        }\n        #twc-nm-overlay .twc-nm-rec-name {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            font-size: 13px;\n            line-height: 1.35;\n            color: #111827;\n        }\n        #twc-nm-overlay .twc-nm-rec-price {\n            font-size: 13px;\n            font-weight: 600;\n            color: #111827;\n        }\n        #twc-nm-overlay .twc-nm-rec-was {\n            margin-right: 4px;\n            font-weight: 400;\n            color: #9ca3af;\n        }\n        #twc-nm-overlay .twc-nm-rec--skeleton {\n            pointer-events: none;\n        }\n        #twc-nm-overlay .twc-nm-skel {\n            background-color: #f3f4f6;\n            background-image: linear-gradient(\n                90deg,\n                #f3f4f6 0%,\n                #e8eaee 50%,\n                #f3f4f6 100%\n            );\n            background-size: 200% 100%;\n            border-radius: 4px;\n            animation: twc-nm-shimmer 1.3s ease-in-out infinite;\n        }\n        #twc-nm-overlay .twc-nm-rec-imgbox.twc-nm-skel {\n            border-radius: 8px;\n        }\n        #twc-nm-overlay .twc-nm-skel-line {\n            height: 12px;\n            width: 100%;\n        }\n        #twc-nm-overlay .twc-nm-skel-line--short {\n            width: 45%;\n        }\n        @keyframes twc-nm-shimmer {\n            from {\n                background-position: 200% 0;\n            }\n            to {\n                background-position: -200% 0;\n            }\n        }\n        @media (prefers-reduced-motion: reduce) {\n            #twc-nm-overlay,\n            #twc-nm-overlay .twc-nm-card,\n            #twc-nm-overlay .twc-nm-rec-img {\n                transition: none;\n            }\n            #twc-nm-overlay .twc-nm-card,\n            #twc-nm-overlay.twc-nm--panel .twc-nm-card {\n                transform: none;\n            }\n            #twc-nm-overlay .twc-nm-skel {\n                animation: none;\n            }\n        }\n    ",document.head.appendChild(e)}();const t=JSON.parse(n.getAttribute("data-fields")||'["email"]'),o=n.getAttribute("data-type")||"notify-me",a="panel"===n.getAttribute("data-display")?"panel":"modal",c=n.getAttribute("data-auth")||"token",i=n.getAttribute("data-tenant")||"victoria-woods",r=n.getAttribute("data-proxy-app")||"twc-sdk",d="false"!==n.getAttribute("data-recommendations"),m=parseInt(n.getAttribute("data-recommendations-count")||"",10),s=Number.isFinite(m)&&m>0?m:8,l=n.getAttribute("data-currency")||null,u=function(e){var n,t,o;const a={countryCode:k(e.getAttribute("data-country-code")),provinceCode:null,marketId:C(e.getAttribute("data-market-id")),marketHandle:I(e.getAttribute("data-market-handle"))},c=window.Shopify;if(c){const e=null===(n=c.markets)||void 0===n?void 0:n.currentMarket;if(e&&(!a.countryCode&&e.countryCode&&(a.countryCode=e.countryCode),a.marketId||(a.marketId=C(String(null!==(t=e.id)&&void 0!==t?t:"")))),a.countryCode||"string"!=typeof c.country||(a.countryCode=c.country),!a.countryCode&&"string"==typeof c.locale){const e=c.locale.split("-");e.length>1&&(a.countryCode=e[e.length-1].toUpperCase())}}if(!a.countryCode||!a.provinceCode){const e=null===(o=window.customer)||void 0===o?void 0:o.default_address;e&&(!a.countryCode&&e.country_code&&(a.countryCode=e.country_code),!a.provinceCode&&e.province_code&&(a.provinceCode=e.province_code))}if(!a.countryCode){const e=(navigator.language||"").split("-");e.length>1&&(a.countryCode=e[e.length-1].toUpperCase())}return a}(n);x({wrapper:e,openButton:n,config:{fields:t,type:o,display:a,authMode:c,tenant:i,proxyApp:r,recommendationsEnabled:d,recommendationsCount:s,currency:l,customerEmail:N(n)},productData:window.currentProduct,localization:u})})}();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "notify-me-wl",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "Coming Soon / Notify Me wishlist widget for retailer product pages.",
   "main": "build/notify-me-wl.min.js",
   "files": [