@soyio/soyio-widget 2.4.0 → 2.4.2

package/README.md

@@ -319,7 +319,7 @@ The `onEvent` follows the following format:
 {
   eventName: 'CONSENT_CHECKBOX_CHANGE',
   isSelected: boolean
-  token: string,
+  actionToken: string,
 }
 ```
 
@@ -327,7 +327,7 @@ The `onEvent` follows the following format:
 
 - **`consentTemplateId`**: Identifier of consent template. It must start with `'constpl_'`.
 - **`isSelected`**: Boolean value indicating whether the consent checkbox is selected or not.
-- **`token`**: Unique identifier for the consent. Contains necessary information for creation of the consent request. [Learn more](https://docs.soyio.id/docs/api/resources/create-consent-request).
+- **`actionToken`**: token containing necessary information for creation of the consent commit. [Learn more](https://docs.soyio.id/docs/api/resources/create-consent-request).
 
 ## TypeScript
 

package/dist/index.js

@@ -1,16 +1,16 @@
 var R = Object.defineProperty;
-var C = (t, e, n) => e in t ? R(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var u = (t, e, n) => (C(t, typeof e != "symbol" ? e + "" : e, n), n), N = (t, e, n) => {
-  if (!e.has(t))
+var C = (e, t, n) => t in e ? R(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var u = (e, t, n) => (C(e, typeof t != "symbol" ? t + "" : t, n), n), N = (e, t, n) => {
+  if (!t.has(e))
     throw TypeError("Cannot " + n);
 };
-var w = (t, e, n) => {
-  if (e.has(t))
+var w = (e, t, n) => {
+  if (t.has(e))
     throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, n);
+  t instanceof WeakSet ? t.add(e) : t.set(e, n);
 };
-var I = (t, e, n) => (N(t, e, "access private method"), n);
-const v = "soyio-consent-iframe", T = "https://app.soyio.id", _ = "https://sandbox.soyio.id", U = [
+var I = (e, t, n) => (N(e, t, "access private method"), n);
+const v = "soyio-consent-iframe", g = "https://app.soyio.id", y = "https://sandbox.soyio.id", U = [
   "DISCLOSURE_REQUEST_SUCCESSFUL",
   "IDENTITY_REGISTERED",
   "IDENTITY_SIGNATURE",
@@ -19,114 +19,118 @@ const v = "soyio-consent-iframe", T = "https://app.soyio.id", _ = "https://sandb
   "REJECTED_SIGNATURE"
 ], D = "WIDGET_CLOSED";
 function H() {
-  const t = document.getElementById(v);
-  t && (console.warn("ConsentBox iframe already exists. Removing existing before mounting new one."), t.remove());
-}
-function O(t) {
-  const e = document.querySelector(t);
-  if (!e)
-    throw new Error(`Iframe div container with id '${t}' not found`);
-  if (e.tagName.toLowerCase() !== "div")
-    throw new Error(`Iframe container with id '${t}' must be a <div> element`);
-  const n = e;
+  const e = document.getElementById(v);
+  e && (console.warn("ConsentBox iframe already exists. Removing existing before mounting new one."), e.remove());
+}
+function x(e) {
+  const t = document.querySelector(e);
+  if (!t)
+    throw new Error(`Iframe div container with id '${e}' not found`);
+  if (t.tagName.toLowerCase() !== "div")
+    throw new Error(`Iframe container with id '${e}' must be a <div> element`);
+  const n = t;
   return n.style.position = "relative", n.style.cssText += `
     padding: 0 !important;
     margin: 0 !important;
-    display: block !important;
+    display: flex !important;
+    justify-content: center !important;
+    align-items: center !important;
     border: none !important;
     transition: height 0.35s !important;
     opacity: 1 !important;
   `, n;
 }
-function L(t) {
-  const e = document.createElement("iframe");
-  return e.id = v, e.src = t, e.style.cssText += `
+function O(e) {
+  const t = document.createElement("iframe");
+  return t.id = v, t.src = e, t.style.cssText += `
     width: 100% !important;
+    min-width: 25rem !important;
+    max-width: 36rem !important;
     border: none !important;
-    height: 110px !important;
+    height: 120px !important;
     overflow: hidden !important;
     opacity: 1;
     transition: height 0.35s,
     opacity 0.4s 0.1s;
-  `, e;
+  `, t;
 }
-function x(t) {
-  const e = t.isSandbox ?? !1;
-  return `${t.developmentUrl || (e ? _ : T)}/embed/consents/${t.consentTemplateId}`;
+function L(e) {
+  const t = e.isSandbox ?? !1;
+  return `${e.developmentUrl || (t ? y : g)}/embed/consents/${e.consentTemplateId}`;
 }
 const A = "IFRAME_EVENT", $ = "IFRAME_HEIGHT_CHANGE";
 let a = null, l = null;
-function g() {
+function T() {
   a == null || a.cancel(), a = null, l == null || l.cancel(), l = null;
 }
-async function G(t) {
-  const { onEvent: e, onHeightChange: n } = t, o = await import("./index-yZw-yxuV.js").then((i) => i.i);
-  g(), a = o.on(A, async (i) => {
+async function G(e) {
+  const { onEvent: t, onHeightChange: n } = e, o = await import("./index-yZw-yxuV.js").then((i) => i.i);
+  T(), a = o.on(A, async (i) => {
     const s = i.data;
-    e(s);
+    t(s);
   }), l = o.on($, async (i) => {
     const s = i.data;
     n(s.height);
   });
 }
 class z {
-  constructor(e) {
+  constructor(t) {
     u(this, "options");
     u(this, "iframe", null);
-    this.options = e, G({
+    this.options = t, G({
       onEvent: this.options.onEvent.bind(this),
       onHeightChange: this.handleHeightChange.bind(this)
     });
   }
-  handleHeightChange(e) {
-    this.iframe && (this.iframe.style.height = `${e}px`);
+  handleHeightChange(t) {
+    this.iframe && (this.iframe.style.height = `${t}px`);
   }
-  mount(e) {
+  mount(t) {
     H();
-    const n = O(e), o = x(this.options);
-    return this.iframe = L(o), n.appendChild(this.iframe), this;
+    const n = x(t), o = L(this.options);
+    return this.iframe = O(o), n.appendChild(this.iframe), this;
   }
   unmount() {
-    g(), this.iframe && (this.iframe.remove(), this.iframe = null);
+    T(), this.iframe && (this.iframe.remove(), this.iframe = null);
   }
 }
 const J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-function M(t) {
-  let e = "widget/";
-  return "disclosureRequestId" in t.configProps ? e += ["disclosures", t.configProps.disclosureRequestId].join("/") : e += t.request, e;
+function M(e) {
+  let t = "widget/";
+  return "disclosureRequestId" in e.configProps ? t += ["disclosures", e.configProps.disclosureRequestId].join("/") : t += e.request, t;
 }
-function W(t) {
-  const e = t.isSandbox ?? !1, n = t.developmentUrl || (e ? _ : T), o = Object.entries(t.configProps).filter(([s, c]) => c || s === "disclosureRequestId").map(([s, c]) => `${s}=${encodeURIComponent(c)}`).join("&"), i = M(t);
+function W(e) {
+  const t = e.isSandbox ?? !1, n = e.developmentUrl || (t ? y : g), o = Object.entries(e.configProps).filter(([s, c]) => c || s === "disclosureRequestId").map(([s, c]) => `${s}=${encodeURIComponent(c)}`).join("&"), i = M(e);
   return `${n}/${i}?sdk=web&${o}`;
 }
 const F = !!(typeof window < "u" && window.document && window.document.createElement);
-let r = null, m = null;
-function f(t = null) {
-  r && !r.closed && r.focus(), t == null || t.preventDefault();
+let r = null, f = null;
+function E(e = null) {
+  r && !r.closed && r.focus(), e == null || e.preventDefault();
 }
 function h() {
-  document.body.style.filter = "", document.body.removeEventListener("click", f);
+  document.body.style.filter = "", document.body.removeEventListener("click", E);
 }
 function V() {
-  m = setInterval(() => {
-    (!r || r.closed) && (m && clearInterval(m), h());
+  f = setInterval(() => {
+    (!r || r.closed) && (f && clearInterval(f), h());
   }, 500);
 }
-function k(t) {
-  const e = W(t), n = 420, o = 720, i = window.screenLeft !== void 0 ? window.screenLeft : window.screenX, s = window.screenTop !== void 0 ? window.screenTop : window.screenY, c = window.innerWidth || document.documentElement.clientWidth || window.screen.width, b = window.innerHeight || document.documentElement.clientHeight || window.screen.height, p = c / window.screen.availWidth, P = (c - n) / 2 / p + i, S = (b - o) / 2 / p + s;
-  document.body.style.filter = "blur(5px)", document.body.addEventListener("click", f), r = window.open(
-    e,
+function j(e) {
+  const t = W(e), n = 420, o = 720, i = window.screenLeft !== void 0 ? window.screenLeft : window.screenX, s = window.screenTop !== void 0 ? window.screenTop : window.screenY, c = window.innerWidth || document.documentElement.clientWidth || window.screen.width, P = window.innerHeight || document.documentElement.clientHeight || window.screen.height, p = c / window.screen.availWidth, S = (c - n) / 2 / p + i, b = (P - o) / 2 / p + s;
+  document.body.style.filter = "blur(5px)", document.body.addEventListener("click", E), r = window.open(
+    t,
     "Soyio",
     `scrollbars=yes,
      width=${n},
      height=${o},
-     top=${S},
-     left=${P}`
-  ), f(), V();
+     top=${b},
+     left=${S}`
+  ), E(), V();
 }
-function j() {
+function k() {
   r && (r.close(), r = null), h();
 }
 const q = "WIDGET_EVENT";
@@ -134,27 +138,27 @@ let d = null;
 function B() {
   d && (d.cancel(), d = null);
 }
-async function X(t) {
-  const { onEvent: e } = t, n = await import("./index-yZw-yxuV.js").then((o) => o.i);
+async function X(e) {
+  const { onEvent: t } = e, n = await import("./index-yZw-yxuV.js").then((o) => o.i);
   d && B(), d = n.on(q, async (o) => {
-    e(o.data), U.includes(o.data.eventName) ? j() : o.data.eventName === D && h();
+    t(o.data), U.includes(o.data.eventName) ? k() : o.data.eventName === D && h();
   });
 }
-function Y(t) {
-  X(t);
+function Y(e) {
+  X(e);
 }
-var E, y;
+var m, _;
 class Q {
-  constructor(e) {
-    w(this, E);
+  constructor(t) {
+    w(this, m);
     u(this, "onEvent");
-    this.onEvent = e.onEvent, F && (k(e), Y({
-      onEvent: I(this, E, y).bind(this)
+    this.onEvent = t.onEvent, F && (j(t), Y({
+      onEvent: I(this, m, _).bind(this)
     }));
   }
 }
-E = new WeakSet(), y = function(e) {
-  this.onEvent(e);
+m = new WeakSet(), _ = function(t) {
+  this.onEvent(t);
 };
 export {
   z as ConsentBox,

package/dist/index.umd.cjs

@@ -1,14 +1,18 @@
 (function(R,N){typeof exports=="object"&&typeof module<"u"?N(exports):typeof define=="function"&&define.amd?define(["exports"],N):(R=typeof globalThis<"u"?globalThis:R||self,N(R["soyio-widget"]={}))})(this,function(R){"use strict";var Pt=Object.defineProperty;var It=(R,N,M)=>N in R?Pt(R,N,{enumerable:!0,configurable:!0,writable:!0,value:M}):R[N]=M;var Pn=(R,N,M)=>(It(R,typeof N!="symbol"?N+"":N,M),M),Ot=(R,N,M)=>{if(!N.has(R))throw TypeError("Cannot "+M)};var Ie=(R,N,M)=>{if(N.has(R))throw TypeError("Cannot add the same private member more than once");N instanceof WeakSet?N.add(R):N.set(R,M)};var Oe=(R,N,M)=>(Ot(R,N,"access private method"),M);var mn,De;function N(v,W){for(var A=0;A<W.length;A++){const p=W[A];if(typeof p!="string"&&!Array.isArray(p)){for(const m in p)if(m!=="default"&&!(m in v)){const w=Object.getOwnPropertyDescriptor(p,m);w&&Object.defineProperty(v,m,w.get?w:{enumerable:!0,get:()=>p[m]})}}}return Object.freeze(Object.defineProperty(v,Symbol.toStringTag,{value:"Module"}))}const M="soyio-consent-iframe",Un="https://app.soyio.id",Bn="https://sandbox.soyio.id",Ae=["DISCLOSURE_REQUEST_SUCCESSFUL","IDENTITY_REGISTERED","IDENTITY_SIGNATURE","UNEXPECTED_ERROR","DENIED_CAMERA_PERMISSION","REJECTED_SIGNATURE"],Re="WIDGET_CLOSED",Ne=420,Te=720,Ce=500;function je(){const v=document.getElementById(M);v&&(console.warn("ConsentBox iframe already exists. Removing existing before mounting new one."),v.remove())}function ze(v){const W=document.querySelector(v);if(!W)throw new Error(`Iframe div container with id '${v}' not found`);if(W.tagName.toLowerCase()!=="div")throw new Error(`Iframe container with id '${v}' must be a <div> element`);const A=W;return A.style.position="relative",A.style.cssText+=`
     padding: 0 !important;
     margin: 0 !important;
-    display: block !important;
+    display: flex !important;
+    justify-content: center !important;
+    align-items: center !important;
     border: none !important;
     transition: height 0.35s !important;
     opacity: 1 !important;
   `,A}function Me(v){const W=document.createElement("iframe");return W.id=M,W.src=v,W.style.cssText+=`
     width: 100% !important;
+    min-width: 25rem !important;
+    max-width: 36rem !important;
     border: none !important;
-    height: 110px !important;
+    height: 120px !important;
     overflow: hidden !important;
     opacity: 1;
     transition: height 0.35s,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyio/soyio-widget",
-  "version": "2.4.0",
+  "version": "2.4.2",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",