@cyberskill/shared 2.15.0 → 2.17.0

package/dist/react/apollo-client/apollo-client.module.scss.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"error-container":"_error-container_oofeh_1","error-details-button":"_error-details-button_oofeh_8"};exports.default=e;

package/dist/react/apollo-client/apollo-client.module.scss.js

@@ -0,0 +1,7 @@
+const r = {
+  "error-container": "_error-container_oofeh_1",
+  "error-details-button": "_error-details-button_oofeh_8"
+};
+export {
+  r as default
+};

package/dist/react/apollo-client/apollo-client.util.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@apollo/client/core"),p=require("@apollo/client/link"),w=require("@apollo/client/link/error"),h=require("@apollo/client/link/remove-typename"),y=require("@apollo/client/link/subscriptions"),_=require("apollo-upload-client/createUploadLink.mjs"),q=require("graphql"),b=require("graphql-ws"),c=require("react"),v=require("rxjs"),m=require("./apollo-client.constant.cjs"),E=require("../apollo-error/apollo-error.util.cjs"),l=require("../log/log.util.cjs"),f=require("react-hot-toast");var P=Object.defineProperty,g=Object.getOwnPropertySymbols,A=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,L=(e,r,o)=>r in e?P(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,T=(e,r)=>{for(var o in r||(r={}))A.call(r,o)&&L(e,o,r[o]);if(g)for(var o of g(r))O.call(r,o)&&L(e,o,r[o]);return e};const C=new p.ApolloLink((e,r)=>(e.setContext({start:new Date}),r(e).pipe(v.tap(()=>{const o=new Date().getTime()-e.getContext().start;l.log.info(`Operation ${e.operationName} took ${o}ms to complete`)})))),S=new w.ErrorLink(({error:e,operation:r})=>{const o=(r==null?void 0:r.operationName)||"Unknown";let t="";a.CombinedGraphQLErrors.is(e)?e.errors.forEach(({message:n,locations:i,path:s},u)=>{u===0&&(t=n),l.log.error(`[GraphQL error] ${o}: ${n}, Location: ${JSON.stringify(i,null,4)}, Path: ${s}`)}):a.CombinedProtocolErrors.is(e)?e.errors.forEach(({message:n,extensions:i},s)=>{s===0&&(t=n),l.log.error(`[Protocol error]: ${n}, Extensions: ${JSON.stringify(i,null,4)}`)}):a.ServerError.is(e)?(t=e.message,l.log.error(`[Server error]: ${e.message}`)):(t=e.message,l.log.error(`[Network error]: ${e.message}`)),e&&t&&typeof window!="undefined"&&f.toast.error(n=>c.createElement(c.Fragment,null,t," ",c.createElement("button",{type:"button",className:"text-blue-500 hover:text-blue-700",onClick:()=>{setTimeout(()=>{E.showGlobalApolloError(e)},0),f.toast.dismiss(n.id)}},"Show Details")))});function k(e){const{uri:r,wsUrl:o,customLinks:t}=e,n=new h.RemoveTypenameFromVariablesLink;r||l.log.warn(`[Apollo] No GraphQL URI provided — using "${m.GRAPHQL_URI_DEFAULT}" as default`);const i=_({uri:r!=null?r:m.GRAPHQL_URI_DEFAULT,credentials:"include",headers:{"apollo-require-preflight":"true"}}),s=o?new y.GraphQLWsLink(b.createClient({url:o})):p.ApolloLink.empty(),u=o?p.ApolloLink.split(({operationType:d})=>d===q.OperationTypeNode.SUBSCRIPTION,s,i):i;return o&&u===i&&l.log.warn("[Apollo] WS URL is set, but subscriptions fallback to HTTP. Check your wsLink config."),[C,S,n,...t!=null?t:[],u]}function $(e){const r=p.ApolloLink.from(k(e));return new a.ApolloClient(T({link:r,cache:new a.InMemoryCache},e))}exports.createApolloLinks=k;exports.getClient=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@apollo/client/core"),p=require("@apollo/client/link"),_=require("@apollo/client/link/error"),y=require("@apollo/client/link/remove-typename"),q=require("@apollo/client/link/subscriptions"),h=require("graphql"),v=require("graphql-ws"),c=require("react"),E=require("rxjs"),m=require("./apollo-client.constant.cjs"),f=require("./apollo-client.module.scss.cjs"),b=require("./links/upload.cjs"),P=require("../apollo-error/apollo-error.util.cjs"),l=require("../log/log.util.cjs"),d=require("react-hot-toast");var A=Object.defineProperty,L=Object.getOwnPropertySymbols,C=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable,g=(e,r,o)=>r in e?A(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,T=(e,r)=>{for(var o in r||(r={}))C.call(r,o)&&g(e,o,r[o]);if(L)for(var o of L(r))O.call(r,o)&&g(e,o,r[o]);return e};const N=new p.ApolloLink((e,r)=>(e.setContext({start:new Date}),r(e).pipe(E.tap(()=>{const o=new Date().getTime()-e.getContext().start;l.log.info(`Operation ${e.operationName} took ${o}ms to complete`)})))),$=new _.ErrorLink(({error:e,operation:r})=>{const o=(r==null?void 0:r.operationName)||"Unknown";let t="";a.CombinedGraphQLErrors.is(e)?e.errors.forEach(({message:n,locations:i,path:s},u)=>{u===0&&(t=n),l.log.error(`[GraphQL error] ${o}: ${n}, Location: ${JSON.stringify(i,null,4)}, Path: ${s}`)}):a.CombinedProtocolErrors.is(e)?e.errors.forEach(({message:n,extensions:i},s)=>{s===0&&(t=n),l.log.error(`[Protocol error]: ${n}, Extensions: ${JSON.stringify(i,null,4)}`)}):a.ServerError.is(e)?(t=e.message,l.log.error(`[Server error]: ${e.message}`)):(t=e.message,l.log.error(`[Network error]: ${e.message}`)),e&&t&&typeof window!="undefined"&&d.toast.error(n=>c.createElement("div",{className:f.default["error-container"]},t,c.createElement("button",{type:"button",className:f.default["error-details-button"],onClick:()=>{setTimeout(()=>{P.showGlobalApolloError(e)},0),d.toast.dismiss(n.id)}},"Error Details")))});function k(e){const{uri:r,wsUrl:o,customLinks:t}=e,n=new y.RemoveTypenameFromVariablesLink;r||l.log.warn(`[Apollo] No GraphQL URI provided — using "${m.GRAPHQL_URI_DEFAULT}" as default`);const i=b.createUploadLink({uri:r!=null?r:m.GRAPHQL_URI_DEFAULT,credentials:"include",headers:{"apollo-require-preflight":"true"}}),s=o?new q.GraphQLWsLink(v.createClient({url:o})):p.ApolloLink.empty(),u=o?p.ApolloLink.split(({operationType:w})=>w===h.OperationTypeNode.SUBSCRIPTION,s,i):i;return o&&u===i&&l.log.warn("[Apollo] WS URL is set, but subscriptions fallback to HTTP. Check your wsLink config."),[N,$,n,...t!=null?t:[],u]}function S(e){const r=p.ApolloLink.from(k(e));return new a.ApolloClient(T({link:r,cache:new a.InMemoryCache},e))}exports.createApolloLinks=k;exports.getClient=S;

package/dist/react/apollo-client/apollo-client.util.js

@@ -1,85 +1,86 @@
-import { ApolloClient as L, InMemoryCache as k, CombinedGraphQLErrors as h, CombinedProtocolErrors as g, ServerError as y } from "@apollo/client/core";
+import { ApolloClient as k, InMemoryCache as y, CombinedGraphQLErrors as g, CombinedProtocolErrors as h, ServerError as v } from "@apollo/client/core";
 import { ApolloLink as m } from "@apollo/client/link";
-import { ErrorLink as v } from "@apollo/client/link/error";
+import { ErrorLink as E } from "@apollo/client/link/error";
 import { RemoveTypenameFromVariablesLink as _ } from "@apollo/client/link/remove-typename";
-import { GraphQLWsLink as b } from "@apollo/client/link/subscriptions";
-import E from "apollo-upload-client/createUploadLink.mjs";
-import { OperationTypeNode as O } from "graphql";
-import { createClient as P } from "graphql-ws";
+import { GraphQLWsLink as O } from "@apollo/client/link/subscriptions";
+import { OperationTypeNode as P } from "graphql";
+import { createClient as b } from "graphql-ws";
 import p from "react";
-import { tap as C } from "rxjs";
+import { tap as N } from "rxjs";
 import { GRAPHQL_URI_DEFAULT as f } from "./apollo-client.constant.js";
-import { showGlobalApolloError as N } from "../apollo-error/apollo-error.util.js";
-import { log as l } from "../log/log.util.js";
-import { toast as c } from "react-hot-toast";
-var $ = Object.defineProperty, u = Object.getOwnPropertySymbols, S = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable, w = (r, e, o) => e in r ? $(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, A = (r, e) => {
+import c from "./apollo-client.module.scss.js";
+import { createUploadLink as C } from "./links/upload.js";
+import { showGlobalApolloError as $ } from "../apollo-error/apollo-error.util.js";
+import { log as s } from "../log/log.util.js";
+import { toast as u } from "react-hot-toast";
+var T = Object.defineProperty, d = Object.getOwnPropertySymbols, S = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable, w = (r, e, o) => e in r ? T(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, U = (r, e) => {
   for (var o in e || (e = {}))
     S.call(e, o) && w(r, o, e[o]);
-  if (u)
-    for (var o of u(e))
-      T.call(e, o) && w(r, o, e[o]);
+  if (d)
+    for (var o of d(e))
+      A.call(e, o) && w(r, o, e[o]);
   return r;
 };
-const U = new m((r, e) => (r.setContext({ start: /* @__PURE__ */ new Date() }), e(r).pipe(
-  C(() => {
+const I = new m((r, e) => (r.setContext({ start: /* @__PURE__ */ new Date() }), e(r).pipe(
+  N(() => {
     const o = (/* @__PURE__ */ new Date()).getTime() - r.getContext().start;
-    l.info(`Operation ${r.operationName} took ${o}ms to complete`);
+    s.info(`Operation ${r.operationName} took ${o}ms to complete`);
   })
-))), I = new v(({ error: r, operation: e }) => {
+))), R = new E(({ error: r, operation: e }) => {
   const o = (e == null ? void 0 : e.operationName) || "Unknown";
   let t = "";
-  h.is(r) ? r.errors.forEach(({ message: n, locations: i, path: s }, a) => {
-    a === 0 && (t = n), l.error(
-      `[GraphQL error] ${o}: ${n}, Location: ${JSON.stringify(i, null, 4)}, Path: ${s}`
+  g.is(r) ? r.errors.forEach(({ message: n, locations: i, path: l }, a) => {
+    a === 0 && (t = n), s.error(
+      `[GraphQL error] ${o}: ${n}, Location: ${JSON.stringify(i, null, 4)}, Path: ${l}`
     );
-  }) : g.is(r) ? r.errors.forEach(({ message: n, extensions: i }, s) => {
-    s === 0 && (t = n), l.error(
+  }) : h.is(r) ? r.errors.forEach(({ message: n, extensions: i }, l) => {
+    l === 0 && (t = n), s.error(
       `[Protocol error]: ${n}, Extensions: ${JSON.stringify(i, null, 4)}`
     );
-  }) : y.is(r) ? (t = r.message, l.error(`[Server error]: ${r.message}`)) : (t = r.message, l.error(`[Network error]: ${r.message}`)), r && t && typeof window != "undefined" && c.error((n) => /* @__PURE__ */ p.createElement(p.Fragment, null, t, " ", /* @__PURE__ */ p.createElement(
+  }) : v.is(r) ? (t = r.message, s.error(`[Server error]: ${r.message}`)) : (t = r.message, s.error(`[Network error]: ${r.message}`)), r && t && typeof window != "undefined" && u.error((n) => /* @__PURE__ */ p.createElement("div", { className: c["error-container"] }, t, /* @__PURE__ */ p.createElement(
     "button",
     {
       type: "button",
-      className: "text-blue-500 hover:text-blue-700",
+      className: c["error-details-button"],
       onClick: () => {
         setTimeout(() => {
-          N(r);
-        }, 0), c.dismiss(n.id);
+          $(r);
+        }, 0), u.dismiss(n.id);
       }
     },
-    "Show Details"
+    "Error Details"
   )));
 });
-function R(r) {
+function G(r) {
   const { uri: e, wsUrl: o, customLinks: t } = r, n = new _();
-  e || l.warn(`[Apollo] No GraphQL URI provided — using "${f}" as default`);
-  const i = E({
+  e || s.warn(`[Apollo] No GraphQL URI provided — using "${f}" as default`);
+  const i = C({
     uri: e != null ? e : f,
     credentials: "include",
     headers: {
       "apollo-require-preflight": "true"
     }
-  }), s = o ? new b(P({ url: o })) : m.empty(), a = o ? m.split(
-    ({ operationType: d }) => d === O.SUBSCRIPTION,
-    s,
+  }), l = o ? new O(b({ url: o })) : m.empty(), a = o ? m.split(
+    ({ operationType: L }) => L === P.SUBSCRIPTION,
+    l,
     i
   ) : i;
-  return o && a === i && l.warn("[Apollo] WS URL is set, but subscriptions fallback to HTTP. Check your wsLink config."), [
-    U,
+  return o && a === i && s.warn("[Apollo] WS URL is set, but subscriptions fallback to HTTP. Check your wsLink config."), [
     I,
+    R,
     n,
     ...t != null ? t : [],
     a
   ];
 }
-function K(r) {
-  const e = m.from(R(r));
-  return new L(A({
+function Y(r) {
+  const e = m.from(G(r));
+  return new k(U({
     link: e,
-    cache: new k()
+    cache: new y()
   }, r));
 }
 export {
-  R as createApolloLinks,
-  K as getClient
+  G as createApolloLinks,
+  Y as getClient
 };

package/dist/react/apollo-client/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./apollo-client.component.cjs"),n=require("./apollo-client.constant.cjs"),r=require("./apollo-client.context.cjs"),t=require("./apollo-client.util.cjs"),o=require("@apollo/client/cache"),e=require("@apollo/client/react");exports.ApolloProvider=u.ApolloProvider;exports.GRAPHQL_URI_DEFAULT=n.GRAPHQL_URI_DEFAULT;exports.ApolloClientContext=r.ApolloClientContext;exports.ApolloClientProvider=r.ApolloClientProvider;exports.createApolloLinks=t.createApolloLinks;exports.getClient=t.getClient;Object.defineProperty(exports,"makeVar",{enumerable:!0,get:()=>o.makeVar});Object.defineProperty(exports,"useApolloClient",{enumerable:!0,get:()=>e.useApolloClient});Object.defineProperty(exports,"useBackgroundQuery",{enumerable:!0,get:()=>e.useBackgroundQuery});Object.defineProperty(exports,"useFragment",{enumerable:!0,get:()=>e.useFragment});Object.defineProperty(exports,"useLazyQuery",{enumerable:!0,get:()=>e.useLazyQuery});Object.defineProperty(exports,"useLoadableQuery",{enumerable:!0,get:()=>e.useLoadableQuery});Object.defineProperty(exports,"useMutation",{enumerable:!0,get:()=>e.useMutation});Object.defineProperty(exports,"useQuery",{enumerable:!0,get:()=>e.useQuery});Object.defineProperty(exports,"useQueryRefHandlers",{enumerable:!0,get:()=>e.useQueryRefHandlers});Object.defineProperty(exports,"useReactiveVar",{enumerable:!0,get:()=>e.useReactiveVar});Object.defineProperty(exports,"useReadQuery",{enumerable:!0,get:()=>e.useReadQuery});Object.defineProperty(exports,"useSubscription",{enumerable:!0,get:()=>e.useSubscription});Object.defineProperty(exports,"useSuspenseFragment",{enumerable:!0,get:()=>e.useSuspenseFragment});Object.defineProperty(exports,"useSuspenseQuery",{enumerable:!0,get:()=>e.useSuspenseQuery});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./apollo-client.component.cjs"),n=require("./apollo-client.constant.cjs"),r=require("./apollo-client.context.cjs"),t=require("./apollo-client.util.cjs"),o=require("@apollo/client/cache"),e=require("@apollo/client/react"),l=require("./links/upload.cjs");exports.ApolloProvider=u.ApolloProvider;exports.GRAPHQL_URI_DEFAULT=n.GRAPHQL_URI_DEFAULT;exports.ApolloClientContext=r.ApolloClientContext;exports.ApolloClientProvider=r.ApolloClientProvider;exports.createApolloLinks=t.createApolloLinks;exports.getClient=t.getClient;Object.defineProperty(exports,"makeVar",{enumerable:!0,get:()=>o.makeVar});Object.defineProperty(exports,"useApolloClient",{enumerable:!0,get:()=>e.useApolloClient});Object.defineProperty(exports,"useBackgroundQuery",{enumerable:!0,get:()=>e.useBackgroundQuery});Object.defineProperty(exports,"useFragment",{enumerable:!0,get:()=>e.useFragment});Object.defineProperty(exports,"useLazyQuery",{enumerable:!0,get:()=>e.useLazyQuery});Object.defineProperty(exports,"useLoadableQuery",{enumerable:!0,get:()=>e.useLoadableQuery});Object.defineProperty(exports,"useMutation",{enumerable:!0,get:()=>e.useMutation});Object.defineProperty(exports,"useQuery",{enumerable:!0,get:()=>e.useQuery});Object.defineProperty(exports,"useQueryRefHandlers",{enumerable:!0,get:()=>e.useQueryRefHandlers});Object.defineProperty(exports,"useReactiveVar",{enumerable:!0,get:()=>e.useReactiveVar});Object.defineProperty(exports,"useReadQuery",{enumerable:!0,get:()=>e.useReadQuery});Object.defineProperty(exports,"useSubscription",{enumerable:!0,get:()=>e.useSubscription});Object.defineProperty(exports,"useSuspenseFragment",{enumerable:!0,get:()=>e.useSuspenseFragment});Object.defineProperty(exports,"useSuspenseQuery",{enumerable:!0,get:()=>e.useSuspenseQuery});exports.createUploadLink=l.createUploadLink;

package/dist/react/apollo-client/index.d.ts

@@ -4,5 +4,6 @@ export * from './apollo-client.context.js';
 export * from './apollo-client.hook.js';
 export * from './apollo-client.type.js';
 export * from './apollo-client.util.js';
+export * from './links/index.js';
 export { makeVar } from '@apollo/client/cache';
 export { useApolloClient, useBackgroundQuery, useFragment, useLazyQuery, useLoadableQuery, useMutation, useQuery, useQueryRefHandlers, useReactiveVar, useReadQuery, useSubscription, useSuspenseFragment, useSuspenseQuery } from '@apollo/client/react';

package/dist/react/apollo-client/index.js

@@ -1,25 +1,27 @@
 import { ApolloProvider as o } from "./apollo-client.component.js";
-import { GRAPHQL_URI_DEFAULT as s } from "./apollo-client.constant.js";
+import { GRAPHQL_URI_DEFAULT as t } from "./apollo-client.constant.js";
 import { ApolloClientContext as l, ApolloClientProvider as a } from "./apollo-client.context.js";
-import { createApolloLinks as p, getClient as i } from "./apollo-client.util.js";
-import { makeVar as y } from "@apollo/client/cache";
-import { useApolloClient as f, useBackgroundQuery as x, useFragment as A, useLazyQuery as d, useLoadableQuery as C, useMutation as L, useQuery as R, useQueryRefHandlers as c, useReactiveVar as g, useReadQuery as k, useSubscription as v, useSuspenseFragment as F, useSuspenseQuery as P } from "@apollo/client/react";
+import { createApolloLinks as n, getClient as i } from "./apollo-client.util.js";
+import { makeVar as f } from "@apollo/client/cache";
+import { useApolloClient as y, useBackgroundQuery as Q, useFragment as d, useLazyQuery as A, useLoadableQuery as L, useMutation as c, useQuery as C, useQueryRefHandlers as R, useReactiveVar as g, useReadQuery as k, useSubscription as v, useSuspenseFragment as F, useSuspenseQuery as P } from "@apollo/client/react";
+import { createUploadLink as U } from "./links/upload.js";
 export {
   l as ApolloClientContext,
   a as ApolloClientProvider,
   o as ApolloProvider,
-  s as GRAPHQL_URI_DEFAULT,
-  p as createApolloLinks,
+  t as GRAPHQL_URI_DEFAULT,
+  n as createApolloLinks,
+  U as createUploadLink,
   i as getClient,
-  y as makeVar,
-  f as useApolloClient,
-  x as useBackgroundQuery,
-  A as useFragment,
-  d as useLazyQuery,
-  C as useLoadableQuery,
-  L as useMutation,
-  R as useQuery,
-  c as useQueryRefHandlers,
+  f as makeVar,
+  y as useApolloClient,
+  Q as useBackgroundQuery,
+  d as useFragment,
+  A as useLazyQuery,
+  L as useLoadableQuery,
+  c as useMutation,
+  C as useQuery,
+  R as useQueryRefHandlers,
   g as useReactiveVar,
   k as useReadQuery,
   v as useSubscription,

package/dist/react/apollo-client/links/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./upload.cjs");exports.createUploadLink=e.createUploadLink;

package/dist/react/apollo-client/links/index.d.ts

@@ -0,0 +1 @@
+export * from './upload.js';

package/dist/react/apollo-client/links/index.js

@@ -0,0 +1,4 @@
+import { createUploadLink as r } from "./upload.js";
+export {
+  r as createUploadLink
+};

package/dist/react/apollo-client/links/upload.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("@apollo/client/link"),c=require("@apollo/client/link/http"),w=require("@apollo/client/utilities"),T=require("extract-files/extractFiles.mjs"),j=require("extract-files/isExtractableFile.mjs");var G=Object.defineProperty,_=Object.getOwnPropertySymbols,H=Object.prototype.hasOwnProperty,J=Object.prototype.propertyIsEnumerable,E=(n,e,t)=>e in n?G(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,h=(n,e)=>{for(var t in e||(e={}))H.call(e,t)&&E(n,t,e[t]);if(_)for(var t of _(e))J.call(e,t)&&E(n,t,e[t]);return n};function N(){if(typeof AbortController=="undefined")return{controller:!1,signal:!1};const n=new AbortController,e=n.signal;return{controller:n,signal:e}}function z(n,e,t){"name"in t?n.append(e,t,t.name):n.append(e,t)}function B({uri:n="/graphql",useGETForQueries:e,isExtractableFile:t=j,FormData:v,formDataAppendFile:F=z,print:S=c.defaultPrinter,fetch:q,fetchOptions:x,credentials:P,headers:A,includeExtensions:C}={}){const I={http:{includeExtensions:C},options:x,credentials:P,headers:A};return new L.ApolloLink(l=>{const p=l.getContext(),{clientAwareness:{name:g,version:m}={},headers:k}=p,U={http:p.http,options:p.fetchOptions,credentials:p.credentials,headers:h(h(h({},g&&{"apollographql-client-name":g}),m&&{"apollographql-client-version":m}),k)},{options:o,body:b}=c.selectHttpOptionsAndBodyInternal(l,S,c.fallbackHttpConfig,I,U),{clone:y,files:f}=T(b,t,"");let u=c.selectURI(l,n);if(f.size){o.headers&&delete o.headers["content-type"];const a=v||FormData,i=new a;i.append("operations",JSON.stringify(y));const r={};let d=0;f.forEach(O=>{r[++d]=O}),i.append("map",JSON.stringify(r)),d=0,f.forEach((O,R)=>{F(i,String(++d),R)}),o.body=i}else if(e&&!l.query.definitions.some(a=>a.kind==="OperationDefinition"&&a.operation==="mutation")&&(o.method="GET"),o.method==="GET"){const{newURI:a,parseError:i}=c.rewriteURIForGET(u,b);if(i)return new w.Observable(r=>{r.error(i)});u=a}else o.body=JSON.stringify(y);const{controller:s}=N();typeof s!="boolean"&&(o.signal&&(o.signal.aborted?s.abort():o.signal.addEventListener("abort",()=>{s.abort()},{once:!0})),o.signal=s.signal);const D=q||fetch;return new w.Observable(a=>{let i;return D(u,o).then(r=>(l.setContext({response:r}),r)).then(c.parseAndCheckHttpResponse(l)).then(r=>{a.next(r),a.complete()}).catch(r=>{i||(r.result&&r.result.errors&&r.result.data&&a.next(r.result),a.error(r))}),()=>{i=!0,typeof s!="boolean"&&s.abort()}})})}exports.createUploadLink=B;

package/dist/react/apollo-client/links/upload.d.ts

@@ -0,0 +1,76 @@
+import { BaseHttpLink } from '@apollo/client/link/http';
+import { ExtractableFile } from 'extract-files/isExtractableFile.mjs';
+import { ApolloLink } from '@apollo/client/link';
+/**
+ * Creates a
+ * [terminating Apollo Link](https://www.apollographql.com/docs/react/api/link/introduction/#the-terminating-link)
+ * for [Apollo Client](https://www.apollographql.com/docs/react) that fetches a
+ * [GraphQL multipart request](https://github.com/jaydenseric/graphql-multipart-request-spec)
+ * if the GraphQL variables contain files (by default
+ * [`FileList`](https://developer.mozilla.org/en-US/docs/Web/API/FileList),
+ * [`File`](https://developer.mozilla.org/en-US/docs/Web/API/File), or
+ * [`Blob`](https://developer.mozilla.org/en-US/docs/Web/API/Blob) instances),
+ * or else fetches a regular
+ * [GraphQL POST or GET request](https://www.apollographql.com/docs/apollo-server/workflow/requests)
+ * (depending on the config and GraphQL operation).
+ *
+ * Some of the options are similar to the
+ * [`createHttpLink` options](https://www.apollographql.com/docs/react/api/link/apollo-link-http/#httplink-constructor-options).
+ * @see [GraphQL multipart request spec](https://github.com/jaydenseric/graphql-multipart-request-spec).
+ * @param {object} options Options.
+ * @param {Parameters<typeof selectURI>[1]} [options.uri] GraphQL endpoint URI.
+ *   Defaults to `"/graphql"`.
+ * @param {boolean} [options.useGETForQueries] Should GET be used to fetch
+ *   queries, if there are no files to upload.
+ * @param {ExtractableFileMatcher} [options.isExtractableFile] Matches
+ *   extractable files in the GraphQL operation. Defaults to
+ *   {@linkcode isExtractableFile}.
+ * @param {typeof FormData} [options.FormData]
+ *   [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData)
+ *   class. Defaults to the {@linkcode FormData} global.
+ * @param {FormDataFileAppender} [options.formDataAppendFile]
+ *   Customizes how extracted files are appended to the
+ *   [`FormData`](https://developer.mozilla.org/en-US/docs/Web/API/FormData)
+ *   instance. Defaults to {@linkcode formDataAppendFile}.
+ * @param {import("@apollo/client/link/http/selectHttpOptionsAndBody.js").Printer} [options.print]
+ *   Prints the GraphQL query or mutation AST to a string for transport.
+ *   Defaults to {@linkcode defaultPrinter}.
+ * @param {typeof fetch} [options.fetch] [`fetch`](https://fetch.spec.whatwg.org)
+ *   implementation. Defaults to the {@linkcode fetch} global.
+ * @param {RequestInit} [options.fetchOptions] `fetch` options; overridden by
+ *   upload requirements.
+ * @param {string} [options.credentials] Overrides
+ *   {@linkcode RequestInit.credentials credentials} in
+ *   {@linkcode fetchOptions}.
+ * @param {{ [headerName: string]: string }} [options.headers] Merges with and
+ *   overrides {@linkcode RequestInit.headers headers} in
+ *   {@linkcode fetchOptions}.
+ * @param {boolean} [options.includeExtensions] Toggles sending `extensions`
+ *   fields to the GraphQL server. Defaults to `false`.
+ * @returns A [terminating Apollo Link](https://www.apollographql.com/docs/react/api/link/introduction/#the-terminating-link).
+ * @example
+ * A basic Apollo Client setup:
+ *
+ * ```js
+ * import { ApolloClient, InMemoryCache } from "@apollo/client";
+ * import createUploadLink from "apollo-upload-client/createUploadLink.mjs";
+ *
+ * const client = new ApolloClient({
+ *   cache: new InMemoryCache(),
+ *   link: createUploadLink(),
+ * });
+ * ```
+ */
+export declare function createUploadLink({ uri: fetchUri, useGETForQueries, isExtractableFile: customIsExtractableFile, FormData: CustomFormData, formDataAppendFile: customFormDataAppendFile, print, fetch: customFetch, fetchOptions, credentials, headers, includeExtensions, }?: {
+    uri?: string;
+    useGETForQueries?: boolean;
+    isExtractableFile?: (value: unknown) => value is ExtractableFile;
+    FormData?: typeof FormData;
+    formDataAppendFile?: (formData: FormData, fieldName: string, file: ExtractableFile) => void;
+    print?: BaseHttpLink.Printer;
+    fetch?: typeof fetch;
+    fetchOptions?: RequestInit;
+    credentials?: RequestCredentials;
+    headers?: Record<string, string>;
+    includeExtensions?: boolean;
+}): ApolloLink;

package/dist/react/apollo-client/links/upload.js

@@ -0,0 +1,111 @@
+import { ApolloLink as q } from "@apollo/client/link";
+import { selectHttpOptionsAndBodyInternal as G, defaultPrinter as H, fallbackHttpConfig as J, selectURI as L, rewriteURIForGET as N, parseAndCheckHttpResponse as T } from "@apollo/client/link/http";
+import { Observable as O } from "@apollo/client/utilities";
+import j from "extract-files/extractFiles.mjs";
+import z from "extract-files/isExtractableFile.mjs";
+var B = Object.defineProperty, w = Object.getOwnPropertySymbols, V = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable, _ = (n, t, e) => t in n ? B(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, m = (n, t) => {
+  for (var e in t || (t = {}))
+    V.call(t, e) && _(n, e, t[e]);
+  if (w)
+    for (var e of w(t))
+      K.call(t, e) && _(n, e, t[e]);
+  return n;
+};
+function M() {
+  if (typeof AbortController == "undefined")
+    return { controller: !1, signal: !1 };
+  const n = new AbortController(), t = n.signal;
+  return { controller: n, signal: t };
+}
+function Q(n, t, e) {
+  "name" in e ? n.append(t, e, e.name) : n.append(t, e);
+}
+function tt({
+  uri: n = "/graphql",
+  useGETForQueries: t,
+  isExtractableFile: e = z,
+  FormData: E,
+  formDataAppendFile: x = Q,
+  print: F = H,
+  fetch: v,
+  fetchOptions: A,
+  credentials: C,
+  headers: P,
+  includeExtensions: S
+} = {}) {
+  const I = {
+    http: { includeExtensions: S },
+    options: A,
+    credentials: C,
+    headers: P
+  };
+  return new q((l) => {
+    const p = l.getContext(), {
+      // Apollo Studio client awareness `name` and `version` can be configured
+      // via `ApolloClient` constructor options:
+      // https://www.apollographql.com/docs/graphos/metrics/client-awareness/#setup
+      clientAwareness: { name: u, version: h } = {},
+      headers: D
+    } = p, R = {
+      http: p.http,
+      options: p.fetchOptions,
+      credentials: p.credentials,
+      headers: m(m(m({}, u && { "apollographql-client-name": u }), h && { "apollographql-client-version": h }), D)
+    }, { options: o, body: g } = G(
+      l,
+      F,
+      J,
+      I,
+      R
+    ), { clone: y, files: c } = j(g, e, "");
+    let f = L(l, n);
+    if (c.size) {
+      o.headers && delete o.headers["content-type"];
+      const a = E || FormData, i = new a();
+      i.append("operations", JSON.stringify(y));
+      const r = {};
+      let d = 0;
+      c.forEach((b) => {
+        r[++d] = b;
+      }), i.append("map", JSON.stringify(r)), d = 0, c.forEach((b, k) => {
+        x(i, String(++d), k);
+      }), o.body = i;
+    } else if (t && !l.query.definitions.some(
+      (a) => a.kind === "OperationDefinition" && a.operation === "mutation"
+    ) && (o.method = "GET"), o.method === "GET") {
+      const { newURI: a, parseError: i } = N(f, g);
+      if (i)
+        return new O((r) => {
+          r.error(i);
+        });
+      f = a;
+    } else
+      o.body = JSON.stringify(y);
+    const { controller: s } = M();
+    typeof s != "boolean" && (o.signal && (o.signal.aborted ? s.abort() : o.signal.addEventListener(
+      "abort",
+      () => {
+        s.abort();
+      },
+      {
+        // Prevent a memory leak if the user configured abort controller
+        // is long lasting, or controls multiple things.
+        once: !0
+      }
+    )), o.signal = s.signal);
+    const U = v || fetch;
+    return new O((a) => {
+      let i;
+      return U(f, o).then((r) => (l.setContext({ response: r }), r)).then(T(l)).then((r) => {
+        a.next(r), a.complete();
+      }).catch((r) => {
+        i || (r.result && r.result.errors && r.result.data && a.next(r.result), a.error(r));
+      }), () => {
+        i = !0, typeof s != "boolean" && s.abort();
+      };
+    });
+  });
+}
+export {
+  tt as createUploadLink
+};

package/dist/react/apollo-error/apollo-error.component.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=require("./apollo-error.context.cjs"),r=require("./apollo-error.module.scss.cjs");function s(){const o=t.use(a.ApolloErrorContext),e=o==null?void 0:o.error;if(!e)return null;const n="locations"in e||"path"in e||"extensions"in e,l="message"in e?e.message:"Unknown error occurred";return t.createElement("div",{className:r.default["modal-backdrop"]},t.createElement("div",{className:r.default["modal-content"]},t.createElement("button",{type:"button",className:r.default["btn-close"],onClick:o.hideError},"✕"),t.createElement("div",{className:r.default["error-title"]},t.createElement("button",{type:"button",className:r.default["btn-retry"],onClick:()=>window.location.reload()},"Reload")," ",l),t.createElement("div",{className:r.default["error-details"]},n&&"locations"in e&&e.locations&&t.createElement("pre",{className:"locations"},t.createElement("strong",null,"Locations:")," ",JSON.stringify(e.locations,null,4)),n&&"path"in e&&e.path&&t.createElement("pre",{className:"path"},t.createElement("strong",null,"Path:")," ",JSON.stringify(e.path,null,4)),n&&"extensions"in e&&e.extensions&&t.createElement("pre",{className:"extensions"},t.createElement("strong",null,"Extensions:")," ",JSON.stringify(e.extensions,null,4)),!n&&t.createElement("pre",{className:"error-details"},t.createElement("strong",null,"Error Details:")," ",JSON.stringify(e,null,4)))))}exports.ApolloErrorComponent=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=require("../../util/validate/validate.util.cjs"),s=require("./apollo-error.context.cjs"),r=require("./apollo-error.module.scss.cjs");function i(){const l=t.use(s.ApolloErrorContext),e=l==null?void 0:l.error;if(!e)return null;const n="locations"in e||"path"in e||"extensions"in e,o="message"in e?e.message:"Unknown error occurred";return t.createElement("div",{className:r.default["modal-backdrop"]},t.createElement("div",{className:r.default["modal-content"]},t.createElement("button",{type:"button",className:r.default["btn-close"],onClick:l.hideError},"✕"),t.createElement("div",{className:r.default["error-title"]},t.createElement("button",{type:"button",className:r.default["btn-retry"],onClick:()=>window.location.reload()},"Reload")," ",!a.validate.isEmpty(e)&&o),t.createElement("div",{className:r.default["error-details"]},n&&"locations"in e&&e.locations&&t.createElement("pre",{className:"locations"},t.createElement("strong",null,"Locations:")," ",JSON.stringify(e.locations,null,4)),n&&"path"in e&&e.path&&t.createElement("pre",{className:"path"},t.createElement("strong",null,"Path:")," ",JSON.stringify(e.path,null,4)),n&&"extensions"in e&&e.extensions&&t.createElement("pre",{className:"extensions"},t.createElement("strong",null,"Extensions:")," ",JSON.stringify(e.extensions,null,4)),!n&&t.createElement("pre",{className:"error-details"},t.createElement("strong",null,"Error Details:")," ",a.validate.isEmpty(e)?o:JSON.stringify(e,null,4)))))}exports.ApolloErrorComponent=i;

package/dist/react/apollo-error/apollo-error.component.js

@@ -1,8 +1,9 @@
-import t, { use as s } from "react";
-import { ApolloErrorContext as a } from "./apollo-error.context.js";
+import t, { use as a } from "react";
+import { validate as s } from "../../util/validate/validate.util.js";
+import { ApolloErrorContext as i } from "./apollo-error.context.js";
 import n from "./apollo-error.module.scss.js";
-function p() {
-  const o = s(a), e = o == null ? void 0 : o.error;
+function u() {
+  const o = a(i), e = o == null ? void 0 : o.error;
   if (!e)
     return null;
   const r = "locations" in e || "path" in e || "extensions" in e, l = "message" in e ? e.message : "Unknown error occurred";
@@ -22,8 +23,8 @@ function p() {
       onClick: () => window.location.reload()
     },
     "Reload"
-  ), " ", l), /* @__PURE__ */ t.createElement("div", { className: n["error-details"] }, r && "locations" in e && e.locations && /* @__PURE__ */ t.createElement("pre", { className: "locations" }, /* @__PURE__ */ t.createElement("strong", null, "Locations:"), " ", JSON.stringify(e.locations, null, 4)), r && "path" in e && e.path && /* @__PURE__ */ t.createElement("pre", { className: "path" }, /* @__PURE__ */ t.createElement("strong", null, "Path:"), " ", JSON.stringify(e.path, null, 4)), r && "extensions" in e && e.extensions && /* @__PURE__ */ t.createElement("pre", { className: "extensions" }, /* @__PURE__ */ t.createElement("strong", null, "Extensions:"), " ", JSON.stringify(e.extensions, null, 4)), !r && /* @__PURE__ */ t.createElement("pre", { className: "error-details" }, /* @__PURE__ */ t.createElement("strong", null, "Error Details:"), " ", JSON.stringify(e, null, 4)))));
+  ), " ", !s.isEmpty(e) && l), /* @__PURE__ */ t.createElement("div", { className: n["error-details"] }, r && "locations" in e && e.locations && /* @__PURE__ */ t.createElement("pre", { className: "locations" }, /* @__PURE__ */ t.createElement("strong", null, "Locations:"), " ", JSON.stringify(e.locations, null, 4)), r && "path" in e && e.path && /* @__PURE__ */ t.createElement("pre", { className: "path" }, /* @__PURE__ */ t.createElement("strong", null, "Path:"), " ", JSON.stringify(e.path, null, 4)), r && "extensions" in e && e.extensions && /* @__PURE__ */ t.createElement("pre", { className: "extensions" }, /* @__PURE__ */ t.createElement("strong", null, "Extensions:"), " ", JSON.stringify(e.extensions, null, 4)), !r && /* @__PURE__ */ t.createElement("pre", { className: "error-details" }, /* @__PURE__ */ t.createElement("strong", null, "Error Details:"), " ", s.isEmpty(e) ? l : JSON.stringify(e, null, 4)))));
 }
 export {
-  p as ApolloErrorComponent
+  u as ApolloErrorComponent
 };

package/dist/react/apollo-error/apollo-error.module.scss.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"modal-backdrop":"_modal-backdrop_8fveh_1","modal-content":"_modal-content_8fveh_11","btn-close":"_btn-close_8fveh_22","error-title":"_error-title_8fveh_36","btn-retry":"_btn-retry_8fveh_41","error-details":"_error-details_8fveh_54"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"modal-backdrop":"_modal-backdrop_1i2kc_1","modal-content":"_modal-content_1i2kc_11","btn-close":"_btn-close_1i2kc_22","error-title":"_error-title_1i2kc_36","btn-retry":"_btn-retry_1i2kc_40","error-details":"_error-details_1i2kc_53"};exports.default=e;

package/dist/react/apollo-error/apollo-error.module.scss.js

@@ -1,11 +1,11 @@
-const e = {
-  "modal-backdrop": "_modal-backdrop_8fveh_1",
-  "modal-content": "_modal-content_8fveh_11",
-  "btn-close": "_btn-close_8fveh_22",
-  "error-title": "_error-title_8fveh_36",
-  "btn-retry": "_btn-retry_8fveh_41",
-  "error-details": "_error-details_8fveh_54"
+const t = {
+  "modal-backdrop": "_modal-backdrop_1i2kc_1",
+  "modal-content": "_modal-content_1i2kc_11",
+  "btn-close": "_btn-close_1i2kc_22",
+  "error-title": "_error-title_1i2kc_36",
+  "btn-retry": "_btn-retry_1i2kc_40",
+  "error-details": "_error-details_1i2kc_53"
 };
 export {
-  e as default
+  t as default
 };

package/dist/style.css

@@ -1 +1 @@
-._overlay_b1d9o_1,._full_b1d9o_1,._block_b1d9o_2{z-index:999999;background:linear-gradient(135deg,#ffffff59,#ffffffb3);backdrop-filter:blur(20px) saturate(200%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;animation:_overlay-fade-in_b1d9o_1 .5s ease-out;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 4px 32px #1f26872e,inset 0 1.5px 8px #ffffff40}._full_b1d9o_1,._block_b1d9o_2{pointer-events:none}._full_b1d9o_1{position:fixed;inset:0}._block_b1d9o_2{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff1a;backdrop-filter:blur(4px)}._container_b1d9o_40{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:1rem;gap:1.5rem;text-align:center}._container_b1d9o_40 ._ring_b1d9o_50{width:clamp(60px,10vw,150px);height:clamp(60px,10vw,150px);border:2px solid transparent;border-radius:50%;position:absolute;transition:transform .3s ease}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(1){border-bottom:8px solid hsl(315,90%,60%);animation:_rotate1_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(2){border-bottom:8px solid hsl(345,90%,50%);animation:_rotate2_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(3){border-bottom:8px solid hsl(180,80%,40%);animation:_rotate3_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(4){border-bottom:8px solid hsl(40,100%,45%);animation:_rotate4_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._message_b1d9o_74{font-weight:700;color:#2f2f37;text-shadow:0 1px 2px rgba(255,255,255,.8);animation:_text-fade_b1d9o_1 2s ease-in-out infinite alternate;word-break:break-word;hyphens:auto}@keyframes _rotate1_b1d9o_1{0%{transform:rotateX(50deg) rotate(110deg)}to{transform:rotateX(50deg) rotate(470deg)}}@keyframes _rotate2_b1d9o_1{0%{transform:rotateX(20deg) rotateY(50deg) rotate(20deg)}to{transform:rotateX(20deg) rotateY(50deg) rotate(380deg)}}@keyframes _rotate3_b1d9o_1{0%{transform:rotateX(40deg) rotateY(130deg) rotate(450deg)}to{transform:rotateX(40deg) rotateY(130deg) rotate(90deg)}}@keyframes _rotate4_b1d9o_1{0%{transform:rotateX(70deg) rotate(270deg)}to{transform:rotateX(70deg) rotate(630deg)}}@keyframes _text-fade_b1d9o_1{0%{opacity:.6}to{opacity:1}}@keyframes _overlay-fade-in_b1d9o_1{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){._ring_b1d9o_50,._message_b1d9o_74,._overlay_b1d9o_1,._full_b1d9o_1,._block_b1d9o_2{animation:none!important}}._modal-backdrop_8fveh_1{position:fixed;inset:0;z-index:9999999;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11{position:relative;background-color:#0f172a;color:#fff;max-width:80vw;width:100%;border-radius:.75rem;box-shadow:0 10px 20px #00000080;overflow:hidden;padding:2rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._btn-close_8fveh_22{position:absolute;top:.75rem;right:1rem;font-size:1.25rem;color:#fff;background:none;border:none;cursor:pointer;transition:color .2s}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._btn-close_8fveh_22:hover{color:#f87171}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36{font-size:1.75rem;font-weight:700;margin-bottom:1rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36 ._btn-retry_8fveh_41{background:linear-gradient(to right,#3b82f6,#06b6d4);color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.75rem;transition:background .3s ease;border:none;cursor:pointer}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-title_8fveh_36 ._btn-retry_8fveh_41:hover{background:linear-gradient(to right,#2563eb,#0891b2)}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54{background-color:#1e293b;text-align:left;font-size:.875rem;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;max-height:50vh;overflow-y:auto;border:1px solid #334155;display:flex;flex-direction:column;gap:.5rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre{white-space:pre-wrap;word-break:break-word}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._main_8fveh_72{color:#fca5a5}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._network_8fveh_75{color:#fde68a}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 pre._extra_8fveh_78{color:#67e8f9;overflow-x:auto;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background-color:#0f172a;padding:.5rem;border-radius:.375rem}._modal-backdrop_8fveh_1 ._modal-content_8fveh_11 ._error-details_8fveh_54 ul{padding-left:1rem;color:#fda4af;list-style:disc}
+._overlay_b1d9o_1,._full_b1d9o_1,._block_b1d9o_2{z-index:999999;background:linear-gradient(135deg,#ffffff59,#ffffffb3);backdrop-filter:blur(20px) saturate(200%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;animation:_overlay-fade-in_b1d9o_1 .5s ease-out;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 4px 32px #1f26872e,inset 0 1.5px 8px #ffffff40}._full_b1d9o_1,._block_b1d9o_2{pointer-events:none}._full_b1d9o_1{position:fixed;inset:0}._block_b1d9o_2{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff1a;backdrop-filter:blur(4px)}._container_b1d9o_40{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:1rem;gap:1.5rem;text-align:center}._container_b1d9o_40 ._ring_b1d9o_50{width:clamp(60px,10vw,150px);height:clamp(60px,10vw,150px);border:2px solid transparent;border-radius:50%;position:absolute;transition:transform .3s ease}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(1){border-bottom:8px solid hsl(315,90%,60%);animation:_rotate1_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(2){border-bottom:8px solid hsl(345,90%,50%);animation:_rotate2_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(3){border-bottom:8px solid hsl(180,80%,40%);animation:_rotate3_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._ring_b1d9o_50:nth-child(4){border-bottom:8px solid hsl(40,100%,45%);animation:_rotate4_b1d9o_1 1s linear infinite}._container_b1d9o_40 ._message_b1d9o_74{font-weight:700;color:#2f2f37;text-shadow:0 1px 2px rgba(255,255,255,.8);animation:_text-fade_b1d9o_1 2s ease-in-out infinite alternate;word-break:break-word;hyphens:auto}@keyframes _rotate1_b1d9o_1{0%{transform:rotateX(50deg) rotate(110deg)}to{transform:rotateX(50deg) rotate(470deg)}}@keyframes _rotate2_b1d9o_1{0%{transform:rotateX(20deg) rotateY(50deg) rotate(20deg)}to{transform:rotateX(20deg) rotateY(50deg) rotate(380deg)}}@keyframes _rotate3_b1d9o_1{0%{transform:rotateX(40deg) rotateY(130deg) rotate(450deg)}to{transform:rotateX(40deg) rotateY(130deg) rotate(90deg)}}@keyframes _rotate4_b1d9o_1{0%{transform:rotateX(70deg) rotate(270deg)}to{transform:rotateX(70deg) rotate(630deg)}}@keyframes _text-fade_b1d9o_1{0%{opacity:.6}to{opacity:1}}@keyframes _overlay-fade-in_b1d9o_1{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){._ring_b1d9o_50,._message_b1d9o_74,._overlay_b1d9o_1,._full_b1d9o_1,._block_b1d9o_2{animation:none!important}}._modal-backdrop_1i2kc_1{position:fixed;inset:0;z-index:9999999;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11{position:relative;background-color:#0f172a;color:#fff;max-width:80vw;width:100%;border-radius:.75rem;box-shadow:0 10px 20px #00000080;overflow:hidden;padding:2rem}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._btn-close_1i2kc_22{position:absolute;top:.75rem;right:1rem;font-size:1.25rem;color:#fff;background:none;border:none;cursor:pointer;transition:color .2s}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._btn-close_1i2kc_22:hover{color:#f87171}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-title_1i2kc_36{font-weight:700;margin-bottom:1rem}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-title_1i2kc_36 ._btn-retry_1i2kc_40{background:linear-gradient(to right,#3b82f6,#06b6d4);color:#fff;font-weight:600;padding:.5rem 1.5rem;border-radius:.75rem;transition:background .3s ease;border:none;cursor:pointer}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-title_1i2kc_36 ._btn-retry_1i2kc_40:hover{background:linear-gradient(to right,#2563eb,#0891b2)}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-details_1i2kc_53{background-color:#1e293b;text-align:left;font-size:.875rem;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;max-height:50vh;overflow-y:auto;border:1px solid #334155;display:flex;flex-direction:column;gap:.5rem}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-details_1i2kc_53 pre{white-space:pre-wrap;word-break:break-word}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-details_1i2kc_53 pre._main_1i2kc_71{color:#fca5a5}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-details_1i2kc_53 pre._network_1i2kc_74{color:#fde68a}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-details_1i2kc_53 pre._extra_1i2kc_77{color:#67e8f9;overflow-x:auto;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background-color:#0f172a;padding:.5rem;border-radius:.375rem}._modal-backdrop_1i2kc_1 ._modal-content_1i2kc_11 ._error-details_1i2kc_53 ul{padding-left:1rem;color:#fda4af;list-style:disc}._error-container_oofeh_1{display:flex;align-items:center;justify-content:center;gap:.5rem}._error-details-button_oofeh_8{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:2px solid #dc2626;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}._error-details-button_oofeh_8:hover{background-color:#dc2626;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}._error-details-button_oofeh_8:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}._error-details-button_oofeh_8:focus{outline:none;ring:2px;ring-color:#fca5a5;ring-offset:2px}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@cyberskill/shared",
     "type": "module",
-    "version": "2.15.0",
+    "version": "2.17.0",
     "description": "CyberSkill Shared",
     "author": "Stephen Cheng",
     "license": "MIT",
@@ -221,7 +221,6 @@
         "@nestjs/core": "11.1.6",
         "@userback/widget": "0.3.11",
         "@vitejs/plugin-react-swc": "4.0.1",
-        "apollo-upload-client": "18.0.1",
         "body-parser": "2.2.0",
         "chalk": "5.6.0",
         "clsx": "2.1.1",
@@ -238,6 +237,7 @@
         "express": "5.1.0",
         "express-session": "1.18.2",
         "express-useragent": "1.0.15",
+        "extract-files": "13.0.0",
         "fs-extra": "11.3.1",
         "globals": "16.3.0",
         "graphql": "16.11.0",
@@ -275,7 +275,6 @@
         "@next/eslint-plugin-next": "15.5.0",
         "@testing-library/jest-dom": "6.8.0",
         "@testing-library/react": "16.3.0",
-        "@types/apollo-upload-client": "18.0.0",
         "@types/body-parser": "1.19.6",
         "@types/compression": "1.8.1",
         "@types/cookie-parser": "1.4.9",
@@ -284,6 +283,7 @@
         "@types/express": "5.0.3",
         "@types/express-session": "1.18.2",
         "@types/express-useragent": "1.0.5",
+        "@types/extract-files": "13.0.1",
         "@types/fs-extra": "11.0.4",
         "@types/graphql-upload": "17.0.0",
         "@types/lodash-es": "4.17.12",