@adstore/templates 2.7.4 → 2.7.5

package/CHANGELOG.md

@@ -0,0 +1,430 @@
+# @adstore/templates
+
+## 2.7.3
+
+### Patch Changes
+
+- Pass only ESM for templates. Init Statex.
+
+## 2.7.2
+
+### Patch Changes
+
+- Add min-size for close icon. Close Gift after click by promo.
+
+## 2.7.0
+
+### Minor Changes
+
+- Add promotion layer for Popups. Add new metrik
+
+## 2.6.14
+
+### Patch Changes
+
+- Pass only ESM module.
+
+## 2.6.13
+
+### Patch Changes
+
+- Modify close icon for WideCard, CopmlexGift, SimpleGift
+
+## 2.6.10
+
+### Patch Changes
+
+- add new method for custom close
+
+## 2.6.9
+
+### Patch Changes
+
+- Fixes for ContentCards
+
+## 2.6.7
+
+### Patch Changes
+
+- Update paddings for ContentCards
+
+## 2.6.6
+
+### Patch Changes
+
+- Add onVisible and onClick actions for ContentCards
+
+## 2.6.5
+
+### Patch Changes
+
+- Fix error on empty state for WideCard
+
+## 2.6.3
+
+### Patch Changes
+
+- Fix paddings/margins
+
+## 2.6.1
+
+### Patch Changes
+
+- Fix onClick action. Add link for variant2
+
+## 2.6.0
+
+### Minor Changes
+
+- Add ContentCards promotion
+
+## 2.5.13
+
+### Patch Changes
+
+- Add limit width and height for CloseIcon
+
+## 2.5.12
+
+### Patch Changes
+
+- Reduce Popup width on mobile. Fix editable color for close icon. Add size config for CloseIcon. Fix onVisible for popups.
+
+## 2.5.11
+
+### Patch Changes
+
+- Remove paddings for body (ComplexPopup)
+
+## 2.5.10
+
+### Patch Changes
+
+- Add background for logo (ComplexPopup)
+
+## 2.5.9
+
+### Patch Changes
+
+- Dont hide WideCard after click
+
+## 2.5.8
+
+### Patch Changes
+
+- Fix DisplayText
+
+## 2.5.7
+
+### Patch Changes
+
+- Fixes for WideCard
+
+## 2.5.5
+
+### Patch Changes
+
+- Fixes for WideCard
+
+## 2.5.4
+
+### Patch Changes
+
+- Add dep for national teamChange margin for BonusCardFew fixes
+
+## 2.5.3
+
+### Patch Changes
+
+- Fixes for WideCard
+
+## 2.5.2
+
+### Patch Changes
+
+- Fixes for WideCard
+
+## 2.5.1
+
+### Patch Changes
+
+- Fix isOpen Simple popup when image is invalid
+
+## 2.5.0
+
+### Minor Changes
+
+- Add more options for Accent typography
+- 9c412ae: Update 1X2 slide for WideCard
+
+## 2.4.4
+
+### Patch Changes
+
+- Fix close for Popups. Cnage close color
+
+## 2.4.3
+
+### Patch Changes
+
+- Add action for WideCard
+
+## 2.4.2
+
+### Patch Changes
+
+- Move promotion to botton of ComplexGift
+- Make fixes for WideCard
+
+## 2.4.1
+
+### Patch Changes
+
+- Fix image loading
+
+## 2.4.0
+
+### Minor Changes
+
+- d355a72: Make integrations for WideCard
+
+### Patch Changes
+
+- 48a0b14: Change size of Gift Icon
+
+## 2.3.1
+
+### Patch Changes
+
+- Fix initial title paddings for title of ComplexGift. Updates for ExpressPopup
+
+## 2.3.0
+
+### Minor Changes
+
+- Can upload matches to ExpressPopup
+
+## 2.2.12
+
+### Patch Changes
+
+- 6209eb0: Add auto-font for typography
+- 89a7916: Remove hide element if he has empty string
+- 26056f0: Updates for WideCard
+
+## 2.2.11
+
+### Patch Changes
+
+- Updates for BonusCards
+
+## 2.2.10
+
+### Patch Changes
+
+- Make fixes for BonusCards. Add unsubscribe listeners when BonusCards unmounted
+- Add ref actions for BonusCards
+- Add resetListeners method
+
+## 2.2.7
+
+### Patch Changes
+
+- df01b04: Add updates for BonusCards
+
+## 2.2.6
+
+### Patch Changes
+
+- 16d67c9: Deattach all subscribtion after unmount promos
+- 16d67c9: Add Broadcast values
+
+## 2.2.5
+
+### Patch Changes
+
+- 349746d: Add onClickHide action for Popups
+
+## 2.2.3
+
+### Patch Changes
+
+- c64af77: Add separate metrics for ComplexPopup and ComplexGift
+
+## 2.2.2
+
+### Patch Changes
+
+- bba33be: Add Layer Visibility functional
+
+## 2.2.1
+
+### Patch Changes
+
+- 1132005: Fixes for ExpressPopup
+
+## 2.2.0
+
+### Minor Changes
+
+- Update sizes for popups
+
+### Patch Changes
+
+- d8b5fc7: Remove base paddings for Popups. Fix crash SimpleGift
+- 3f5399e: Remove height from config
+- 3f5399e: Change build target es6
+
+## 2.1.9
+
+### Patch Changes
+
+- 5e9b4fa: Add gifts and popups ref actions
+- b0541ac: Add onMount action
+- b0541ac: Add className prop. Make popups as fixed
+- b0541ac: Remove onMount action
+
+## 2.1.2
+
+### Patch Changes
+
+- b0afa96: Add fixes for ExpressPopup
+- e378372: Add polifill for ResizeObserver
+
+## 2.1.1
+
+### Patch Changes
+
+- Call isOpen method by human click
+
+## 2.1.0
+
+### Minor Changes
+
+- d4bfb19: Add lifecycle methods for gifts
+
+## 2.0.19
+
+### Patch Changes
+
+- d25ccf2: Make "parent" rewritable
+
+## 2.0.18
+
+### Patch Changes
+
+- 6a175ce: Remove offset from container (SimpleGift, ComplexGift)
+
+## 2.0.16
+
+### Patch Changes
+
+- 7db235d: Fix horizontal line between offers (Complex gift)
+
+## 2.0.15
+
+### Patch Changes
+
+- e608bb5: Unlink border from legal info to container (SimpleGift)
+
+## 2.0.14
+
+### Patch Changes
+
+- 55e4ed7: Fix display Gifts
+
+## 2.0.13
+
+### Patch Changes
+
+- 4d88789: Fix size of legal info. Change width of SimpleGift container. Add path to Iterator tool. Make centred logo for all promos.
+
+## 2.0.12
+
+### Patch Changes
+
+- 1bb97d0: Remove reset css
+
+## 2.0.11
+
+### Patch Changes
+
+- 0590d2d: Add max-width on mobile for ComplexGift
+
+## 2.0.10
+
+### Patch Changes
+
+- Release version
+- 605b897: Fixes for SimpleGift + ComplexGift
+- 18cdeee: Fixes
+- 484e490: Fix display title icon (ComplexGift)
+
+## 2.0.6
+
+### Patch Changes
+
+- Fix modifyState tool
+
+## 2.0.5
+
+### Patch Changes
+
+- debb49a: Fix parent extend. Fix legal info scroll (SimpleGift)
+- 89e63db: Add method for modify state
+
+## 2.0.4
+
+### Patch Changes
+
+- f67824b: Lock usless fuctions
+- f67824b: Add button animation (SimpleGift)
+
+## 2.0.3
+
+### Patch Changes
+
+- 8251580: Fix matrics for all promos
+- 4f83f9b: Make parser for SimpleGift. Style fixes for SimpleGift
+- 75acf6b: Add spacing functional
+
+## 2.0.2
+
+### Patch Changes
+
+- 573bc56: Fix container detect device. Fix load custom font from GoogleFonts
+- fda304d: Add logo config. Fix size of bonuses. (Complex popup)
+- 52e29b5: Fix render children (Simple popup)
+- 64004e9: Fixes for Express popup
+- 2f4475e: Fix animations (SimpleGift, ComplexGift)
+- b4fffd7: Make fixes for WideCard
+- d722719: Fix hidden children after reload
+
+## 2.0.1
+
+### Patch Changes
+
+- febb0f1: Fixed functionality of changing the background color of slides (WideCard template)
+- 984694e: Fix offer for templates
+
+## 2.0.0
+
+### Major Changes
+
+- f8e0c35: Full replace templates to templates-preact. Update web version
+
+### Minor Changes
+
+- 3ee1297: Integrate new template by Preact
+
+### Patch Changes
+
+- ca46788: Integrade SimplePopup
+- 76702f5: Remake BonusCard
+- dcedd4f: Fix accent typo for ExpressPopup
+- 6c050a8: Remake ExpressPopup
+- b148e96: Remake ComplexGift + ComplexPopup
+- dcedd4f: Add offers config for all templates
+- 7486894: Add new util methods + contants. Fixes for React adapter
+- d3964cd: Remake WideCard
+- dcedd4f: Fix device resolver for initialState

package/dist/templates.js.js

@@ -125,7 +125,7 @@ function tn(t, e, o) {
   }
   return n.__N || n.__;
 }
-function q(t, e) {
+function W(t, e) {
   var o = It(vt++, 3);
   !g.__s && ce(o.__H, e) && (o.__ = t, o.i = e, C.__H.__h.push(o));
 }
@@ -133,7 +133,7 @@ function _o(t, e) {
   var o = It(vt++, 4);
   !g.__s && ce(o.__H, e) && (o.__ = t, o.i = e, C.__h.push(o));
 }
-function U(t) {
+function q(t) {
   return mt = 5, Pt(function() {
     return { current: t };
   }, []);
@@ -1004,14 +1004,14 @@ e_(function(t, e, o) {
   t_(t, e, o);
 });
 const ht = (t, e, o) => Array.isArray(t) ? t.map((n, s) => {
-  const r = [o, s].filter(F).join(".");
+  const r = [o, s].filter(D).join(".");
   return ht(e(s, n, r), e, r);
 }) : typeof t == "object" && t ? Object.entries(t).reduce((n, [s, r]) => {
-  const i = [o, s].filter(F).join(".");
+  const i = [o, s].filter(D).join(".");
   return n[s] = ht(e(s, r, i), e, i), n;
 }, {}) : t, o_ = (t) => {
   const e = document.getElementsByTagName("head")[0], o = document.createElement("link");
-  Object.entries(t).forEach(([n, s]) => o.setAttribute(n, s)), e.appendChild(o);
+  document.querySelector(`link[href="${t.href}"]`) || (Object.entries(t).forEach(([s, r]) => o.setAttribute(s, r)), e.appendChild(o));
 }, Ht = () => {
   let t = {};
   return {
@@ -1063,7 +1063,7 @@ const ht = (t, e, o) => Array.isArray(t) ? t.map((n, s) => {
     At(o, "markets", s);
   }
   return o;
-}, c_ = (t = 300, e) => new Promise((o) => setTimeout(() => o(e), t)), l_ = (t) => !t && t == null, F = (t) => !l_(t), no = (t) => typeof t != "object" && typeof t != "function" || t === null, __ = (t) => typeof t == "object" && !Array.isArray(t) && F(t), d_ = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, o) => (o ? "-" : "") + e.toLowerCase()), nt = (t, ...e) => e.reduce((o, n) => (o[n] = t[n], o), {});
+}, c_ = (t = 300, e) => new Promise((o) => setTimeout(() => o(e), t)), l_ = (t) => !t && t == null, D = (t) => !l_(t), no = (t) => typeof t != "object" && typeof t != "function" || t === null, __ = (t) => typeof t == "object" && !Array.isArray(t) && D(t), d_ = (t) => t.replace(/[A-Z]+(?![a-z])|[A-Z]/g, (e, o) => (o ? "-" : "") + e.toLowerCase()), nt = (t, ...e) => e.reduce((o, n) => (o[n] = t[n], o), {});
 function at(t, ...e) {
   const o = h({}, t);
   return e.forEach((n) => {
@@ -1180,10 +1180,10 @@ const Vo = Xo(), dt = ({
       id: o
     }, r))
   }), e);
-}), E = () => on(Vo), D_ = (t = {}) => typeof t == "object" && F(t) && Bo.every((e) => e in t), F_ = (t, e) => t && ht(t, (o, n) => {
+}), E = () => on(Vo), D_ = (t = {}) => typeof t == "object" && D(t) && Bo.every((e) => e in t), F_ = (t, e) => t && ht(t, (o, n) => {
   if (D_(n)) {
     const s = n[e];
-    return s && "parent" in s && F(s.parent) ? h(h({}, n[s.parent]), at(s, "parent")) : s;
+    return s && "parent" in s && D(s.parent) ? h(h({}, n[s.parent]), at(s, "parent")) : s;
   }
   return n;
 }), ct = (t, e) => F_(t, e), ut = ({
@@ -1204,7 +1204,7 @@ const Vo = Xo(), dt = ({
     const l = e.current.closest(`[data-${o}='${t}']`) || document.body;
     l && (new ResizeObserver(() => i(l)).observe(l), i(l));
   }, []), s;
-}, ro = (t) => console.warn(`[Adstore-templates Deprecated]: ${t}`), qt = (t, e) => F(t) && !(typeof t == "number" ? t.toString() : t).includes(e) ? `${t}${e}` : t, G_ = (t) => t.startsWith("px_"), W_ = (t) => t.startsWith("percent_"), q_ = (t, e) => {
+}, ro = (t) => console.warn(`[Adstore-templates Deprecated]: ${t}`), qt = (t, e) => D(t) && !(typeof t == "number" ? t.toString() : t).includes(e) ? `${t}${e}` : t, G_ = (t) => t.startsWith("px_"), W_ = (t) => t.startsWith("percent_"), q_ = (t, e) => {
   let o = t, n = e;
   return G_(o) && (o = o.replace("px_", ""), n = qt(e, "px")), W_(o) && (o = o.replace("percent_", ""), n = qt(e, "%")), {
     key: o,
@@ -1220,13 +1220,13 @@ const Vo = Xo(), dt = ({
     } = q_(n, s);
     if (__(i) && (o[r] = Do(i)), o[r] = i, r === "hidden" && i)
       return o.display = "none", o;
-    if (r === "innerHTML" && (o.innerHTML = F(i) ? `${i}` : ""), r === "innerText" && (o.innerText = F(i) ? `${i}` : ""), r === "children" && (o.children = typeof i == "string" ? F(i) ? `${i}` : "" : i), r.includes("borderWidth") && (o.borderStyle = "solid"), r === "corner" && (o.borderRadius = qt(i, "px")), r === "backgroundFit" && (ro("Property 'backgroundFit' is deprecated. Use 'objectFit' instead."), o.backgroundSize = i, o.objectFit = i), r === "backgroundImage" && F(i) && (o.backgroundImage = `url(${i})`, o.backgroundRepeat = "no-repeat", o.imageSource = i, ro("Property 'backgroundImage' is deprecated. Use 'imageSource' instead.")), r === "backgroundColorOpacity" && F(o.backgroundColorOpacity) && F(o.backgroundColor)) {
+    if (r === "innerHTML" && (o.innerHTML = D(i) ? `${i}` : ""), r === "innerText" && (o.innerText = D(i) ? `${i}` : ""), r === "children" && (o.children = typeof i == "string" ? D(i) ? `${i}` : "" : i), r.includes("borderWidth") && (o.borderStyle = "solid"), r === "corner" && (o.borderRadius = qt(i, "px")), r === "backgroundFit" && (ro("Property 'backgroundFit' is deprecated. Use 'objectFit' instead."), o.backgroundSize = i, o.objectFit = i), r === "backgroundImage" && D(i) && (o.backgroundImage = `url(${i})`, o.backgroundRepeat = "no-repeat", o.imageSource = i, ro("Property 'backgroundImage' is deprecated. Use 'imageSource' instead.")), r === "backgroundColorOpacity" && D(o.backgroundColorOpacity) && D(o.backgroundColor)) {
       const l = p_(o.backgroundColor);
       l && (o.backgroundColor = h_(`rgb(${l.r}, ${l.g}, ${l.b})`, +o.backgroundColorOpacity / 100));
     }
     return r === "fontFamily" && /auto/i.test(i) && (o.fontFamily = U_), r === "isBold" && (o.fontWeight = i ? "bold" : "initial"), r === "isItalic" && (o.fontStyle = i ? "italic" : "initial"), r === "isThrough" && (o.textDecoration = i ? "line-through" : "initial"), o;
   }, t);
-}, Z_ = (t) => typeof t == "object" && !Array.isArray(t) && "parent" in t, j = (t) => F(t) ? Object.entries(t).reduce((e, [o, n]) => (e[o] = Z_(n) ? Do(h({}, t[o])) : n, e), {}) : t, K_ = (t) => t in document.createElement("div").style || t.startsWith("--"), X_ = (t) => `<span style="${t}">$1</span>`, O = (r) => {
+}, Z_ = (t) => typeof t == "object" && !Array.isArray(t) && "parent" in t, j = (t) => D(t) ? Object.entries(t).reduce((e, [o, n]) => (e[o] = Z_(n) ? Do(h({}, t[o])) : n, e), {}) : t, K_ = (t) => t in document.createElement("div").style || t.startsWith("--"), X_ = (t) => `<span style="${t}">$1</span>`, O = (r) => {
   var i = r, {
     children: t,
     typography: e,
@@ -1281,7 +1281,7 @@ const Vo = Xo(), dt = ({
   wiggle: `${t.wiggle} 2s linear infinite`,
   gradient: `${t.gradient} 3s ease infinite`
 }), Fo = (t, e) => {
-  var d, p, u, f, m, v, b, B, G, L, A, I, S;
+  var d, p, u, f, m, v, b, B, F, L, A, I, S;
   const o = J_(e), n = j(t), s = (d = n == null ? void 0 : n.icon) == null ? void 0 : d.hasIcon, r = {
     left: `${+(((p = t == null ? void 0 : t.container) == null ? void 0 : p.left) || 0) * -1 + 8}px`,
     backgroundColor: (u = n == null ? void 0 : n.container) == null ? void 0 : u.backgroundColor,
@@ -1293,7 +1293,7 @@ const Vo = Xo(), dt = ({
     borderLeftStyle: "solid"
   }, i = {
     left: (B = n == null ? void 0 : n.container) == null ? void 0 : B.left
-  }, l = (((G = n == null ? void 0 : n.icon) == null ? void 0 : G.animations) || []).map(($) => o[$]).join(", "), _ = F((L = n == null ? void 0 : n.icon) == null ? void 0 : L.gradientColor) && ((A = n == null ? void 0 : n.icon) != null && A.animations.includes("gradient")) ? {
+  }, l = (((F = n == null ? void 0 : n.icon) == null ? void 0 : F.animations) || []).map(($) => o[$]).join(", "), _ = D((L = n == null ? void 0 : n.icon) == null ? void 0 : L.gradientColor) && ((A = n == null ? void 0 : n.icon) != null && A.animations.includes("gradient")) ? {
     background: `linear-gradient(-90deg, ${(I = n.icon) == null ? void 0 : I.backgroundColor} 0%, ${(S = n == null ? void 0 : n.icon) == null ? void 0 : S.gradientColor} 100%) 0% 0% / 400% 400%`,
     backgroundSize: "400% 400%"
   } : n == null ? void 0 : n.icon, c = h(k(h({}, (n == null ? void 0 : n.icon) || {}), {
@@ -1312,7 +1312,7 @@ const Vo = Xo(), dt = ({
     rel: "stylesheet",
     href: `https://fonts.googleapis.com/css?family=${n}:300,400,500,700&display=swap`
   })), [e]);
-  q(() => {
+  W(() => {
     o.forEach(o_);
   }, [o]);
 }, Q = ["backgroundColor", "backgroundColorOpacity", "backgroundImage", "backgroundSize", "backgroundRepeat"], Q_ = ["borderWidth", "borderColor", "borderStyle"], ao = ["imageSource", "objectFit"], zt = ["marginTop", "marginBottom", "marginLeft", "marginRight", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight"], Y_ = ({
@@ -1323,19 +1323,19 @@ const Vo = Xo(), dt = ({
   crossCloseEmitter: s,
   disableAutoOpen: r
 }) => {
-  const [i, l] = rt(!1), _ = U(null), c = (u) => {
+  const [i, l] = rt(!1), _ = q(null), c = (u) => {
     clearTimeout(_.current), _.current = null;
   }, d = () => {
     c(_.current), l((u) => (u && n && n(), !u));
   }, p = () => {
     d(), s && s();
   };
-  return q(() => {
+  return W(() => {
     if (!r)
       return _.current = setTimeout(() => {
         l(!0), o && o();
       }, t || 1e3), () => c(_.current);
-  }, [t, r]), q(() => {
+  }, [t, r]), W(() => {
     i && !_.current && e && e();
   }, [i]), {
     isOpen: i,
@@ -1347,7 +1347,7 @@ const Vo = Xo(), dt = ({
   openDelay: e,
   disableAutoOpen: o
 }) => {
-  const n = U(Ht()), s = (u) => n.current.on("open", u), r = (u) => n.current.on("click", u), i = (u) => n.current.on("autoOpen", u), l = (u) => n.current.on("close", u), _ = (u) => n.current.on("crossClose", u), {
+  const n = q(Ht()), s = (u) => n.current.on("open", u), r = (u) => n.current.on("click", u), i = (u) => n.current.on("autoOpen", u), l = (u) => n.current.on("close", u), _ = (u) => n.current.on("crossClose", u), {
     isOpen: c,
     toggle: d,
     onCrossClick: p
@@ -1367,7 +1367,7 @@ const Vo = Xo(), dt = ({
     onClose: l,
     onAutoOpen: i,
     resetListeners: n.current.reset
-  })), q(() => n.current.reset, []), {
+  })), W(() => n.current.reset, []), {
     isOpen: c,
     toggle: d,
     onCrossClick: p,
@@ -1377,8 +1377,8 @@ const Vo = Xo(), dt = ({
   id: t,
   disableAutoOpen: e
 }, o) => {
-  var L, A, I, S, $, V, W, X, z;
-  const n = U(null), [s, r] = Mt(), i = E(), l = ut({
+  var L, A, I, S, $, U, G, X, z;
+  const n = q(null), [s, r] = Mt(), i = E(), l = ut({
     targetRef: n,
     id: t
   }), _ = ct(i, l), c = j(_), {
@@ -1402,7 +1402,7 @@ const Vo = Xo(), dt = ({
     disableAutoOpen: e
   });
   lt(_);
-  const G = s ? nt(c.container, ...Q_) : {};
+  const F = s ? nt(c.container, ...Q_) : {};
   return a("div", {
     className: T(w.root, {
       [w.legalOpen]: s
@@ -1454,18 +1454,18 @@ const Vo = Xo(), dt = ({
               [w.buttonAnimated]: c == null ? void 0 : c.button.isAnimated
             }),
             style: c == null ? void 0 : c.button,
-            children: (V = c == null ? void 0 : c.button) == null ? void 0 : V.children
+            children: (U = c == null ? void 0 : c.button) == null ? void 0 : U.children
           })]
         }), a("div", {
           className: w.legalGap
         }), a("div", {
           className: w.legal,
-          style: h(h({}, c == null ? void 0 : c.legal), G),
+          style: h(h({}, c == null ? void 0 : c.legal), F),
           children: a("span", {
             className: w.legalText,
             children: a("span", {
               children: [a("span", {
-                children: (W = c == null ? void 0 : c.legal) == null ? void 0 : W.children
+                children: (G = c == null ? void 0 : c.legal) == null ? void 0 : G.children
               }), a("span", {
                 className: w.legalButton,
                 onClick: r,
@@ -1565,7 +1565,7 @@ const Vo = Xo(), dt = ({
   disableAutoOpen: e
 }, o) => {
   var L, A, I, S;
-  const n = U(null), s = E(), r = ut({
+  const n = q(null), s = E(), r = ut({
     targetRef: n,
     id: t
   }), i = ct(s, r), l = j(i), {
@@ -1589,7 +1589,7 @@ const Vo = Xo(), dt = ({
     pulse: P.pulse,
     wiggle: P.wiggle,
     gradient: P.gradient
-  }), b = (A = l == null ? void 0 : l.title) == null ? void 0 : A.hasIcon, B = nt(l == null ? void 0 : l.title, ...zt), G = at(l == null ? void 0 : l.title, ...zt);
+  }), b = (A = l == null ? void 0 : l.title) == null ? void 0 : A.hasIcon, B = nt(l == null ? void 0 : l.title, ...zt), F = at(l == null ? void 0 : l.title, ...zt);
   return a("div", {
     ref: n,
     className: T(P.root, {
@@ -1625,7 +1625,7 @@ const Vo = Xo(), dt = ({
             children: a(Ut, {})
           }), a("div", {
             className: P.headTitle,
-            style: G,
+            style: F,
             children: (I = l.title) == null ? void 0 : I.children
           }), a("div", {
             className: P.close,
@@ -1638,7 +1638,7 @@ const Vo = Xo(), dt = ({
           children: (l.children || []).map(($) => a(dt, {
             value: $,
             children: a(Id, {
-              onClick: (V) => c(V) && d()
+              onClick: () => c() && d()
             })
           }))
         }), a("div", {
@@ -1683,12 +1683,12 @@ const Vo = Xo(), dt = ({
     })
   });
 }, pe = (t, e = 0, o = !1) => {
-  const n = U(Ht()), [s, r] = rt(!1), [i, l] = rt(), [_, c] = rt(o), d = (b) => n.current.on("visible", b), p = (b) => n.current.on("click", b), u = (b) => n.current.on("clickHide", b), f = () => wt(void 0, null, function* () {
+  const n = q(Ht()), [s, r] = rt(!1), [i, l] = rt(), [_, c] = rt(o), d = (b) => n.current.on("visible", b), p = (b) => n.current.on("click", b), u = (b) => n.current.on("clickHide", b), f = () => wt(void 0, null, function* () {
     yield c_(+e), r(!0);
   }), m = () => r(!1), v = () => {
     n.current.emit("clickHide"), m();
   };
-  return q(() => {
+  return W(() => {
     _ && n.current.emit("visible", s);
   }, [s, _]), St(t, () => ({
     onVisible: d,
@@ -1698,7 +1698,7 @@ const Vo = Xo(), dt = ({
     hide: m,
     setApiHost: l,
     resetListeners: n.current.reset
-  })), q(() => n.current.reset, []), {
+  })), W(() => n.current.reset, []), {
     isReady: _,
     isOpen: s,
     apiHost: i,
@@ -1718,8 +1718,8 @@ const Qd = _t(({
   id: t,
   className: e
 }, o) => {
-  var A, I, S, $, V, W, X;
-  const n = U(null), s = U(null), r = ut({
+  var A, I, S, $, U, G, X;
+  const n = q(null), s = q(null), r = ut({
     targetRef: n,
     id: t
   }), i = E(), l = ct(i, r);
@@ -1731,7 +1731,7 @@ const Qd = _t(({
     clickHide: f,
     click: m
   } = pe(o, c);
-  q(() => {
+  W(() => {
     const z = s.current;
     if (!z)
       return;
@@ -1749,8 +1749,8 @@ const Qd = _t(({
   }, b = k(h({}, _ == null ? void 0 : _.button), {
     justifyContent: pt(($ = _.root) == null ? void 0 : $.textAlign)
   }), B = k(h({}, _ == null ? void 0 : _.legal), {
-    justifyContent: pt((V = _.root) == null ? void 0 : V.textAlign)
-  }), G = at(_.root, ...ao, ...Q), L = nt(_.root, ...ao);
+    justifyContent: pt((U = _.root) == null ? void 0 : U.textAlign)
+  }), F = at(_.root, ...ao, ...Q), L = nt(_.root, ...ao);
   return a("div", {
     className: T(K.root, e, {
       [K.desktop]: r === "desktop",
@@ -1775,13 +1775,13 @@ const Qd = _t(({
       }), a(O, {
         className: K.promotion,
         style: _.promotion,
-        children: (W = _.promotion) == null ? void 0 : W.children
+        children: (G = _.promotion) == null ? void 0 : G.children
       }), a("a", {
         href: (X = _.root) == null ? void 0 : X.offer,
         target: "_blank",
         rel: "nofollow noopener noreferrer",
         className: K.content,
-        style: G,
+        style: F,
         onClick: () => m(_.id),
         children: [a("img", {
           ref: s,
@@ -1894,7 +1894,7 @@ const Qd = _t(({
   id: t
 }, e) => {
   var p, u;
-  const o = U(null), n = ut({
+  const o = q(null), n = ut({
     targetRef: o,
     id: t
   }), s = E(), r = ct(s, n), i = j(r);
@@ -1946,7 +1946,7 @@ const Qd = _t(({
       })]
     })]
   });
-}), jf = it(a(bu, {})), $u = "_root_tsejc_1", ku = "_content_tsejc_11", xu = "_close_tsejc_18", Nu = "_promotion_tsejc_31", Cu = "_overlay_tsejc_39", wu = "_body_tsejc_45", Tu = "_desktop_tsejc_53", Ou = "_laptop_tsejc_53", ju = "_tablet_tsejc_57", Lu = "_head_tsejc_62", Au = "_title_tsejc_72", Iu = "_logo_tsejc_85", Su = "_wrapper_tsejc_92", Pu = "_text_tsejc_99", Ru = "_button_tsejc_107", Hu = "_buttonHead_tsejc_122", Mu = "_buttonTarget_tsejc_139", Eu = "_legal_tsejc_153", D = {
+}), jf = it(a(bu, {})), $u = "_root_tsejc_1", ku = "_content_tsejc_11", xu = "_close_tsejc_18", Nu = "_promotion_tsejc_31", Cu = "_overlay_tsejc_39", wu = "_body_tsejc_45", Tu = "_desktop_tsejc_53", Ou = "_laptop_tsejc_53", ju = "_tablet_tsejc_57", Lu = "_head_tsejc_62", Au = "_title_tsejc_72", Iu = "_logo_tsejc_85", Su = "_wrapper_tsejc_92", Pu = "_text_tsejc_99", Ru = "_button_tsejc_107", Hu = "_buttonHead_tsejc_122", Mu = "_buttonTarget_tsejc_139", Eu = "_legal_tsejc_153", V = {
   root: $u,
   content: ku,
   close: xu,
@@ -2083,7 +2083,7 @@ const Qd = _t(({
     }).then((d) => d.json());
     i(c.data);
   }), [l, e, n, s]);
-  return q(() => {
+  return W(() => {
     e || _();
   }, [l, e]), {
     data: r,
@@ -2091,15 +2091,15 @@ const Qd = _t(({
   };
 };
 function qo(t) {
-  const e = U();
-  return q(() => {
+  const e = q();
+  return W(() => {
     e.current = t;
   }, [t]), e.current;
 }
 const ep = (t, e) => {
   const o = (c) => {
     var d;
-    return F(c == null ? void 0 : c.matchSlug) && ((d = c == null ? void 0 : c.matchSlug) == null ? void 0 : d.length) > 0;
+    return D(c == null ? void 0 : c.matchSlug) && ((d = c == null ? void 0 : c.matchSlug) == null ? void 0 : d.length) > 0;
   }, n = t.children || [], s = n.filter((c) => o(c.root.targetMatch)).map((c) => c.root.targetMatch), r = qo(s), {
     data: i,
     execute: l
@@ -2117,13 +2117,13 @@ const ep = (t, e) => {
     },
     pause: !e || s.length === 0
   });
-  return q(() => {
+  return W(() => {
     Mo(r, s) || l();
   }, [s]), n.map((c) => {
     const d = (i || []).find((f) => f.slug === c.root.targetMatch.matchSlug);
     if (!d)
       return;
-    const p = Ho(d), u = Eo(p, c.root.customMatch, (f, [m, v]) => F(v));
+    const p = Ho(d), u = Eo(p, c.root.customMatch, (f, [m, v]) => D(v));
     return k(h({}, c), {
       match: u
     });
@@ -2131,12 +2131,12 @@ const ep = (t, e) => {
 }, op = _t(({
   id: t
 }, e) => {
-  var G, L, A, I, S, $, V, W, X, z, Ct, he, fe, ge;
-  const o = U(null), n = ut({
+  var F, L, A, I, S, $, U, G, X, z, Ct, he, fe, ge;
+  const o = q(null), n = ut({
     targetRef: o,
     id: t
   }), s = E(), r = ct(s, n);
-  At(r, "buttonWrapper.percent_width", (G = r == null ? void 0 : r.buttonWrapper) == null ? void 0 : G.width), At(r, "legal.percent_width", (L = r == null ? void 0 : r.legal) == null ? void 0 : L.width);
+  At(r, "buttonWrapper.percent_width", (F = r == null ? void 0 : r.buttonWrapper) == null ? void 0 : F.width), At(r, "legal.percent_width", (L = r == null ? void 0 : r.legal) == null ? void 0 : L.width);
   const i = j(r);
   lt(r);
   const l = y(i, "root.delay", 0), {
@@ -2153,33 +2153,33 @@ const ep = (t, e) => {
   }), b = k(h({}, i == null ? void 0 : i.button), {
     justifyContent: pt(($ = i.root) == null ? void 0 : $.textAlign)
   }), B = k(h({}, i == null ? void 0 : i.legal), {
-    justifyContent: pt((V = i.root) == null ? void 0 : V.textAlign)
+    justifyContent: pt((U = i.root) == null ? void 0 : U.textAlign)
   });
   return a("div", {
-    className: T(D.root, {
-      [D.desktop]: n === "desktop",
-      [D.laptop]: n === "laptop",
-      [D.tablet]: n === "tablet"
+    className: T(V.root, {
+      [V.desktop]: n === "desktop",
+      [V.laptop]: n === "laptop",
+      [V.tablet]: n === "tablet"
     }),
     ref: o,
     style: {
       display: _ ? "flex" : "none"
     },
     children: [a("div", {
-      className: D.overlay,
+      className: V.overlay,
       style: i.overlay,
       onClick: d
     }), a("div", {
-      className: D.content,
+      className: V.content,
       children: [a("div", {
-        className: D.close,
+        className: V.close,
         style: gt(i.close),
         onClick: d,
         children: a(Nt, {})
       }), a(O, {
-        className: D.promotion,
+        className: V.promotion,
         style: i.promotion,
-        children: (W = i.promotion) == null ? void 0 : W.children
+        children: (G = i.promotion) == null ? void 0 : G.children
       }), a("a", {
         ref: o,
         href: (X = i.root) == null ? void 0 : X.offer,
@@ -2187,20 +2187,20 @@ const ep = (t, e) => {
         rel: "nofollow noopener noreferrer",
         onClick: () => p(i.id),
         children: a("div", {
-          className: D.body,
+          className: V.body,
           style: f,
           children: [a("div", {
-            className: D.head,
+            className: V.head,
             children: [a("div", {
-              className: D.title,
+              className: V.title,
               style: i.title,
               children: (z = i.title) == null ? void 0 : z.children
             }), a("div", {
-              className: D.logo,
+              className: V.logo,
               style: i.logo
             })]
           }), a("div", {
-            className: D.wrapper,
+            className: V.wrapper,
             style: m,
             children: (u || []).map((Uo) => a(dt, {
               value: k(h({}, Uo), {
@@ -2209,25 +2209,25 @@ const ep = (t, e) => {
               children: a(tp, {})
             }))
           }), a(O, {
-            className: D.text,
+            className: V.text,
             style: v,
             typography: v.typography,
             accentTypography: v.accentTypography,
             children: (Ct = i.text) == null ? void 0 : Ct.children
           }), a("div", {
-            className: D.button,
+            className: V.button,
             style: i.buttonWrapper,
             children: [a("div", {
-              className: D.buttonHead,
+              className: V.buttonHead,
               style: i.buttonHead,
               children: (he = i.buttonHead) == null ? void 0 : he.children
             }), a("div", {
-              className: D.buttonTarget,
+              className: V.buttonTarget,
               style: b,
               children: (fe = i.button) == null ? void 0 : fe.children
             })]
           }), a(O, {
-            className: D.legal,
+            className: V.legal,
             style: B,
             children: (ge = i.legal) == null ? void 0 : ge.children
           })]
@@ -2302,17 +2302,17 @@ const ep = (t, e) => {
     })]
   });
 }, fp = (t) => {
-  const e = U(Ht()), o = (n) => e.current.on("click", n);
+  const e = q(Ht()), o = (n) => e.current.on("click", n);
   return St(t, () => ({
     promoId: "ContentCards",
     onClick: o,
     resetListeners: e.current.reset
-  })), q(() => e.current.reset, []), {
+  })), W(() => e.current.reset, []), {
     click: (...n) => e.current.emit("click", ...n),
     onClick: o
   };
 }, gp = _t((t, e) => {
-  const o = U(null), n = E(), r = ct(n, "mobile"), i = j(r);
+  const o = q(null), n = E(), r = ct(n, "mobile"), i = j(r);
   lt(r);
   const {
     click: l
@@ -2540,7 +2540,7 @@ const ep = (t, e) => {
 }, uh = (t = []) => {
   var r;
   const e = t.length, [o, n] = rt(0), s = (r = t[o || 0]) == null ? void 0 : r.animationDuration;
-  return q(() => {
+  return W(() => {
     const l = setTimeout(() => {
       n((_) => _ + 1 < e ? _ + 1 : 0);
     }, s);
@@ -2552,7 +2552,7 @@ const ep = (t, e) => {
 }, io = (t) => [ph[t]], hh = (t, e) => {
   const o = (c) => {
     var d;
-    return F(c == null ? void 0 : c.matchSlug) && ((d = c == null ? void 0 : c.matchSlug) == null ? void 0 : d.length) > 0;
+    return D(c == null ? void 0 : c.matchSlug) && ((d = c == null ? void 0 : c.matchSlug) == null ? void 0 : d.length) > 0;
   }, n = (t == null ? void 0 : t.children) || [], s = n.filter((c) => o(c.root.targetMatch)).map((c) => k(h({}, c.root.targetMatch), {
     markets: io(c.name)
   })), r = qo(s), {
@@ -2572,7 +2572,7 @@ const ep = (t, e) => {
     },
     pause: !e || s.length === 0
   });
-  return q(() => {
+  return W(() => {
     Mo(r, s) || l();
   }, [s]), n.map((c) => {
     if ("targetMatch" in c.root) {
@@ -2581,7 +2581,7 @@ const ep = (t, e) => {
         return;
       const p = io(c.name), u = Ho(d, {
         markets: p
-      }), f = Eo(u, c.root.customMatch, (m, [v, b]) => F(b));
+      }), f = Eo(u, c.root.customMatch, (m, [v, b]) => D(b));
       return k(h({}, c), {
         match: f
       });
@@ -2589,12 +2589,12 @@ const ep = (t, e) => {
     return c;
   }).filter(Boolean);
 }, fh = (t) => {
-  const e = U(Ht()), [o, n] = rt(!1), [s, r] = rt(), i = (u) => e.current.on("visible", u), l = (u) => e.current.on("click", u), _ = (u) => e.current.on("clickHide", u), c = () => wt(void 0, null, function* () {
+  const e = q(Ht()), [o, n] = rt(!1), [s, r] = rt(), i = (u) => e.current.on("visible", u), l = (u) => e.current.on("click", u), _ = (u) => e.current.on("clickHide", u), c = () => wt(void 0, null, function* () {
     n(!0);
   }), d = () => n(!1), p = () => {
     e.current.emit("clickHide"), d();
   };
-  return q(() => {
+  return W(() => {
     e.current.emit("visible", o);
   }, [o]), St(t, () => ({
     onVisible: i,
@@ -2604,7 +2604,7 @@ const ep = (t, e) => {
     hide: d,
     setApiHost: r,
     resetListeners: e.current.reset
-  })), q(() => e.current.reset, []), {
+  })), W(() => e.current.reset, []), {
     isOpen: o,
     apiHost: s,
     show: c,
@@ -2617,8 +2617,8 @@ const ep = (t, e) => {
 }, gh = 3700, mh = _t(({
   id: t
 }, e) => {
-  var G, L, A, I, S;
-  const o = U(null), n = E(), s = ut({
+  var F, L, A, I, S;
+  const o = q(null), n = E(), s = ut({
     id: t,
     targetRef: o
   }), r = ct(n, s), i = j(r);
@@ -2633,12 +2633,12 @@ const ep = (t, e) => {
     matches: a(Qp, {}),
     matchesOneTwo: a(dh, {})
   })[$], f = p.filter(Boolean).map(($) => {
-    var V, W;
+    var U, G;
     return k(h({}, $), {
-      animationName: (V = $ == null ? void 0 : $.root) == null ? void 0 : V.animationName,
-      animationDuration: ((W = $ == null ? void 0 : $.root) == null ? void 0 : W.animationDuration) || gh
+      animationName: (U = $ == null ? void 0 : $.root) == null ? void 0 : U.animationName,
+      animationDuration: ((G = $ == null ? void 0 : $.root) == null ? void 0 : G.animationDuration) || gh
     });
-  }), m = uh(f), v = j(f[m] || {}), b = at(i.root, ...Q), B = (G = v == null ? void 0 : v.root) != null && G.hasCustomBackground ? nt((v == null ? void 0 : v.root) || {}, ...Q) : nt(i.root, ...Q);
+  }), m = uh(f), v = j(f[m] || {}), b = at(i.root, ...Q), B = (F = v == null ? void 0 : v.root) != null && F.hasCustomBackground ? nt((v == null ? void 0 : v.root) || {}, ...Q) : nt(i.root, ...Q);
   return a("div", {
     ref: o,
     className: T(H.root, {
@@ -2677,12 +2677,12 @@ const ep = (t, e) => {
           })
         }), a("div", {
           className: H.center,
-          children: (f || []).map(($, V) => {
-            var W, X;
+          children: (f || []).map(($, U) => {
+            var G, X;
             return a("div", {
               className: H.slide,
               style: {
-                animationName: m === V ? H[((W = $.root) == null ? void 0 : W.animationName) || "fade-in-out"] : "none",
+                animationName: m === U ? H[((G = $.root) == null ? void 0 : G.animationName) || "fade-in-out"] : "none",
                 animationDuration: `${(X = $.root) == null ? void 0 : X.animationDuration}ms`
               },
               children: a(dt, {
@@ -2889,22 +2889,22 @@ const ep = (t, e) => {
     })]
   });
 }, qh = (t) => {
-  const e = U(Ht()), o = (s) => e.current.on("click", s), n = (s) => e.current.on("visible", s);
+  const e = q(Ht()), o = (s) => e.current.on("click", s), n = (s) => e.current.on("visible", s);
   return St(t, () => ({
     promoId: "ContentCards",
     onClick: o,
     onVisible: n,
     resetListeners: e.current.reset
-  })), q(() => {
+  })), W(() => {
     e.current.emit("visible");
-  }, []), q(() => e.current.reset, []), {
+  }, []), W(() => e.current.reset, []), {
     click: (...s) => e.current.emit("click", ...s),
     onClick: o
   };
 }, Uh = _t(({
   id: t
 }, e) => {
-  const o = U(null), n = E(), s = ut({
+  const o = q(null), n = E(), s = ut({
     targetRef: o,
     id: t
   }), r = ct(n, s), i = j(r);
@@ -3015,8 +3015,8 @@ const ep = (t, e) => {
   </svg>`, bf = ({
   id: t
 }) => {
-  var p, u, f, m, v, b, B, G, L, A, I, S, $, V, W, X;
-  const e = U(null), o = E(), n = ut({
+  var p, u, f, m, v, b, B, F, L, A, I, S, $, U, G, X;
+  const e = q(null), o = E(), n = ut({
     targetRef: e,
     id: t
   }), s = ct(o, n);
@@ -3069,7 +3069,7 @@ const ep = (t, e) => {
         children: a(O, {
           typography: r == null ? void 0 : r.fullDescription,
           replacer: (z) => `<div class="${x.item}" style="${z}">${co} $1</div>`,
-          children: (G = r == null ? void 0 : r.fullDescription) == null ? void 0 : G.children
+          children: (F = r == null ? void 0 : r.fullDescription) == null ? void 0 : F.children
         })
       }), a("div", {
         className: T(x.legal, {
@@ -3110,11 +3110,11 @@ const ep = (t, e) => {
               className: x.codeTitle,
               children: a(O, {
                 typography: r == null ? void 0 : r.promoCode,
-                children: (V = r == null ? void 0 : r.promoCode) == null ? void 0 : V.children
+                children: (U = r == null ? void 0 : r.promoCode) == null ? void 0 : U.children
               })
             }), a("div", {
               className: x.codeDescription,
-              children: (W = r == null ? void 0 : r.promoCode) == null ? void 0 : W.description
+              children: (G = r == null ? void 0 : r.promoCode) == null ? void 0 : G.description
             })]
           })]
         }), a("div", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adstore/templates",
   "private": false,
-  "version": "2.7.4",
+  "version": "2.7.5",
   "type": "module",
   "files": [
     "dist"