@gamelearn/arcade-components 3.0.3 → 3.1.1

package/dist/arcade-components.js

@@ -13150,28 +13150,31 @@ function UrlComponent({
   viewed: f,
   documentType: d,
   soundActions: h,
-  keyboardControl: y
+  keyboardControl: y,
+  visible: E
 }) {
-  const E = (S) => o({ type: "translate", payload: S }), p = {
+  const p = (A) => o({ type: "translate", payload: A }), _ = {
     documentType: d,
     name: r,
     text: l,
     link: n,
     type: "url"
-  }, [_] = h, g = () => {
-    _("click-ui"), o({ type: "finishMedia", payload: p });
-  }, [x, C] = useState(!1);
-  y(null, !f && x ? g : null, !f && x ? g : null);
-  const T = t.indexOf("http") !== 0 ? `http://${t}` : t;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "popup--layer", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "popup popup--link", children: [
-    !f && x ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+  }, [g] = h, x = () => {
+    g("click-ui"), o({ type: "finishMedia", payload: _ });
+  }, [C, T] = useState(!1);
+  y(null, !f && C ? x : null, !f && C ? x : null);
+  const S = t.indexOf("http") !== 0 ? `http://${t}` : t;
+  return useEffect(() => {
+    E || x();
+  }), E && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "popup--layer", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "popup popup--link", children: [
+    !f && C ? /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
         className: "popup--close unset-button",
         "data-testid": "close",
         type: "button",
-        "aria-label": E("storylines.misc.closePiece"),
-        onClick: () => g(),
+        "aria-label": p("storylines.misc.closePiece"),
+        onClick: () => x(),
         children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "icon-close" })
       }
     ) : null,
@@ -13181,11 +13184,11 @@ function UrlComponent({
       "a",
       {
         className: "popup--link__lineclamp popup--link__url",
-        href: T,
+        href: S,
         target: "_blank",
         rel: "noopener noreferrer",
         onClick: () => {
-          _("click-ui"), C(!0);
+          g("click-ui"), T(!0);
         },
         children: u || t
       }
@@ -26962,7 +26965,7 @@ function DecisionComponent({ emitEvent: o, soundActions: e, keyboardControl: r,
         ${_ === "results" ? "conversation--layer__feedback" : ""}`,
       children: V
     }
-  ) : V, L = ({ children: V }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "popup--layer", children: V }), F = ({ children: V }) => {
+  ) : V, L = ({ children: V }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "popup--layer popup--layer--transparent", children: V }), F = ({ children: V }) => {
     var ee, q;
     let W = {};
     return W = (ee = a.background) != null && ee.img ? { backgroundImage: `url("${(q = a.background.img) == null ? void 0 : q.url}")` } : null, /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `conversation ${t ? "conversation--inScene" : ""}`, style: W, children: [

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "3.0.3",
+  "version": "3.1.1",
   "type": "module",
   "files": [
     "dist",
@@ -33,7 +33,6 @@
   "devDependencies": {
     "@babel/preset-env": "^7.23.6",
     "@babel/preset-react": "^7.23.3",
-    "@gamelearn/arcade-styles": "2.25.1",
     "@gamelearn/arcade-three-core": "2.5.0",
     "@gamelearn/version": "^1.3.1",
     "@react-three/drei": "9.89.0",