@everymatrix/cashier-page 1.50.0 → 1.50.110

package/components/CashierNotifications-Pv9TuEmZ.js

@@ -0,0 +1,129 @@
+import { S as C, b as v, s as _, f as d, c as k, y as b, e as N, v as p, k as z, l as f, z as S, m as h, w as x, n as E, o as L, x as M, A as T } from "./CashierPage-DA1UIZ8S.js";
+function H(n) {
+  k(n, "svelte-ags340", ".CashierNotifications{position:absolute;z-index:2;background-color:var(--emw--color-background, #111);color:var(--emw--color-white, #fff);display:flex;border-radius:var(--emw--border-radius-medium, 4px);align-items:center;gap:var(--emw--spacing-small, 12px);font-size:var(--emw--font-size-small, 14px);padding:var(--emw--spacing-small, 12px) var(--emw--spacing-medium, 15px);min-height:50px;pointer-events:auto;bottom:0;width:calc(100% - 30px)}.CashierNotifications span,.CashierNotifications button{font-family:inherit;border:none;font-variant:normal}.CashierNotifications span{line-height:normal}.CashierNotifications button{color:var(--emw--color-primary, #7EC51E);background-color:transparent;cursor:pointer;font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:var(--emw--font-weight-bold, 700);font-family:inherit}");
+}
+function R(n) {
+  let t, s, r, u, l, a, i, m;
+  return {
+    c() {
+      t = h("div"), s = h("span"), r = x(
+        /*text*/
+        n[0]
+      ), u = E(), l = h("button"), a = x(
+        /*button*/
+        n[1]
+      ), L(t, "class", "CashierNotifications");
+    },
+    m(o, c) {
+      z(o, t, c), f(t, s), f(s, r), f(t, u), f(t, l), f(l, a), n[6](t), i || (m = S(
+        l,
+        "click",
+        /*notificationClick*/
+        n[3]
+      ), i = !0);
+    },
+    p(o, [c]) {
+      c & /*text*/
+      1 && p(
+        r,
+        /*text*/
+        o[0]
+      ), c & /*button*/
+      2 && p(
+        a,
+        /*button*/
+        o[1]
+      );
+    },
+    i: b,
+    o: b,
+    d(o) {
+      o && N(t), n[6](null), i = !1, m();
+    }
+  };
+}
+function U(n, t, s) {
+  let { text: r } = t, { button: u } = t, { clientstyling: l = "" } = t, { clientstylingurl: a = "" } = t, i;
+  const m = () => {
+    window.postMessage({ type: "NotificationButtonClick" }, window.location.href);
+  }, o = () => {
+    let e = document.createElement("style");
+    e.innerHTML = l, i.appendChild(e);
+  }, c = () => {
+    let e = new URL(a), y = document.createElement("style");
+    fetch(e.href).then((g) => g.text()).then((g) => {
+      y.innerHTML = g, setTimeout(
+        () => {
+          i.appendChild(y);
+        },
+        1
+      );
+    });
+  };
+  function w(e) {
+    M[e ? "unshift" : "push"](() => {
+      i = e, s(2, i);
+    });
+  }
+  return n.$$set = (e) => {
+    "text" in e && s(0, r = e.text), "button" in e && s(1, u = e.button), "clientstyling" in e && s(4, l = e.clientstyling), "clientstylingurl" in e && s(5, a = e.clientstylingurl);
+  }, n.$$.update = () => {
+    n.$$.dirty & /*clientstyling, customStylingContainer*/
+    20 && l && i && o(), n.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    36 && a && i && c();
+  }, [
+    r,
+    u,
+    i,
+    m,
+    l,
+    a,
+    w
+  ];
+}
+class q extends C {
+  constructor(t) {
+    super(), v(
+      this,
+      t,
+      U,
+      R,
+      _,
+      {
+        text: 0,
+        button: 1,
+        clientstyling: 4,
+        clientstylingurl: 5
+      },
+      H
+    );
+  }
+  get text() {
+    return this.$$.ctx[0];
+  }
+  set text(t) {
+    this.$$set({ text: t }), d();
+  }
+  get button() {
+    return this.$$.ctx[1];
+  }
+  set button(t) {
+    this.$$set({ button: t }), d();
+  }
+  get clientstyling() {
+    return this.$$.ctx[4];
+  }
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), d();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[5];
+  }
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), d();
+  }
+}
+T(q, { text: {}, button: {}, clientstyling: {}, clientstylingurl: {} }, [], [], !0);
+export {
+  q as default
+};

package/components/CashierNotifications-RLUOVh_a.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./CashierPage-Ditk0AIr.cjs");function y(i){t.append_styles(i,"svelte-ags340",".CashierNotifications{position:absolute;z-index:2;background-color:var(--emw--color-background, #111);color:var(--emw--color-white, #fff);display:flex;border-radius:var(--emw--border-radius-medium, 4px);align-items:center;gap:var(--emw--spacing-small, 12px);font-size:var(--emw--font-size-small, 14px);padding:var(--emw--spacing-small, 12px) var(--emw--spacing-medium, 15px);min-height:50px;pointer-events:auto;bottom:0;width:calc(100% - 30px)}.CashierNotifications span,.CashierNotifications button{font-family:inherit;border:none;font-variant:normal}.CashierNotifications span{line-height:normal}.CashierNotifications button{color:var(--emw--color-primary, #7EC51E);background-color:transparent;cursor:pointer;font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:var(--emw--font-weight-bold, 700);font-family:inherit}")}function b(i){let e,s,c,f,o,a,l,d;return{c(){e=t.element("div"),s=t.element("span"),c=t.text(i[0]),f=t.space(),o=t.element("button"),a=t.text(i[1]),t.attr(e,"class","CashierNotifications")},m(r,u){t.insert(r,e,u),t.append(e,s),t.append(s,c),t.append(e,f),t.append(e,o),t.append(o,a),i[6](e),l||(d=t.listen(o,"click",i[3]),l=!0)},p(r,[u]){u&1&&t.set_data(c,r[0]),u&2&&t.set_data(a,r[1])},i:t.noop,o:t.noop,d(r){r&&t.detach(e),i[6](null),l=!1,d()}}}function x(i,e,s){let{text:c}=e,{button:f}=e,{clientstyling:o=""}=e,{clientstylingurl:a=""}=e,l;const d=()=>{window.postMessage({type:"NotificationButtonClick"},window.location.href)},r=()=>{let n=document.createElement("style");n.innerHTML=o,l.appendChild(n)},u=()=>{let n=new URL(a),g=document.createElement("style");fetch(n.href).then(m=>m.text()).then(m=>{g.innerHTML=m,setTimeout(()=>{l.appendChild(g)},1)})};function p(n){t.binding_callbacks[n?"unshift":"push"](()=>{l=n,s(2,l)})}return i.$$set=n=>{"text"in n&&s(0,c=n.text),"button"in n&&s(1,f=n.button),"clientstyling"in n&&s(4,o=n.clientstyling),"clientstylingurl"in n&&s(5,a=n.clientstylingurl)},i.$$.update=()=>{i.$$.dirty&20&&o&&l&&r(),i.$$.dirty&36&&a&&l&&u()},[c,f,l,d,o,a,p]}class h extends t.SvelteComponent{constructor(e){super(),t.init$1(this,e,x,b,t.safe_not_equal,{text:0,button:1,clientstyling:4,clientstylingurl:5},y)}get text(){return this.$$.ctx[0]}set text(e){this.$$set({text:e}),t.flush()}get button(){return this.$$.ctx[1]}set button(e){this.$$set({button:e}),t.flush()}get clientstyling(){return this.$$.ctx[4]}set clientstyling(e){this.$$set({clientstyling:e}),t.flush()}get clientstylingurl(){return this.$$.ctx[5]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),t.flush()}}t.create_custom_element(h,{text:{},button:{},clientstyling:{},clientstylingurl:{}},[],[],!0);exports.default=h;