blast-client/dist/main.js

blast client

"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var G=Object.defineProperty,Y=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var R=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var W=(r,e,t)=>e in r?G(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,L=(r,e)=>{for(var t in e||(e={}))Q.call(e,t)&&W(r,t,e[t]);if(R)for(var t of R(e))Z.call(e,t)&&W(r,t,e[t]);return r},U=(r,e)=>Y(r,j(e));var l=(r,e,t)=>new Promise((o,i)=>{var n=c=>{try{a(t.next(c))}catch(u){i(u)}},s=c=>{try{a(t.throw(c))}catch(u){i(u)}},a=c=>c.done?o(c.value):Promise.resolve(c.value).then(n,s);a((t=t.apply(r,e)).next())});var _react = require('react');var _jsxruntime = require('react/jsx-runtime');var O=_react.createContext.call(void 0, void 0);function B({children:r}){let[e,t]=_react.useState.call(void 0, []),o=n=>{t([...e,n])},i=n=>{t(s=>s.filter(a=>a.alertId!==n))};return _jsxruntime.jsx.call(void 0, O.Provider,{value:{alerts:e,addAlert:o,removeAlert:i},children:r})}var v=()=>{let r=_react.useContext.call(void 0, O);if(!r)throw new Error("error");return r};var _uuid = require('uuid');var F=r=>new CustomEvent("new-subscribe",{detail:r});var _jscookie = require('js-cookie'); var _jscookie2 = _interopRequireDefault(_jscookie);function b(r){return _jscookie2.default.get(r)}function h(r,e,t){_jscookie2.default.set(r,e,U(L({},t),{secure:!0}))}var w=class{constructor(e,t,o){this.swPath=e;this.publicKey=t;this.scope=o;this.hasClickHandler=!1}getOrCreateUserId(){let e=b("user_id");return e||(e=_uuid.v4.call(void 0, ),h("user_id",e,{path:"/"})),e}requestNotificationPermission(){return l(this,null,function*(){return yield Notification.requestPermission()})}registerServiceWorker(){return l(this,null,function*(){var t;let e=yield navigator.serviceWorker.register(this.swPath,{scope:(t=this.scope)!=null?t:"/"});if(e.update(),e.installing||e.waiting){let o=e.installing||e.waiting;yield new Promise(i=>{o==null||o.addEventListener("statechange",()=>{o.state==="activated"&&i()})})}else e.active||(yield navigator.serviceWorker.ready);return e})}getOrCreateSubscription(e,t){return l(this,null,function*(){let o=yield e.pushManager.getSubscription(),i=yield e.pushManager.subscribe({userVisibleOnly:!0,applicationServerKey:this.urlBase64ToUint8Array(this.publicKey)});if(!o||o.endpoint!==i.endpoint){let s=this.getOrCreateUserId();window.dispatchEvent(F({sub:i.toJSON(),userAgent:navigator.userAgent,userId:s})),yield t(i.toJSON(),navigator.userAgent,s)}return i})}urlBase64ToUint8Array(e){let t="=".repeat((4-e.length%4)%4),o=(e+t).replace(/-/g,"+").replace(/_/g,"/"),i=window.atob(o),n=new Uint8Array(i.length);for(let s=0;s<i.length;++s)n[s]=i.charCodeAt(s);return n}init(e,t,o,i){return l(this,null,function*(){let n=s=>{if(t){t(s);let a=Math.min(i!=null?i:1,4);if(o&&typeof o=="number"&&o>0&&a>1){let c=1,u=setInterval(()=>{c++,t(s),c>=a&&clearInterval(u)},o)}}};try{if(!("serviceWorker"in navigator)||!("PushManager"in window))return;let s=Notification.permission;if(s==="denied"){n("denied");return}let a=s;if(s==="default"&&(a=yield this.requestNotificationPermission()),a!=="granted"){n("denied");return}let c=yield this.registerServiceWorker();yield this.getOrCreateSubscription(c,e),n("subscribed")}catch(s){console.error("Service Worker init error:",s),n("error")}})}clickNotification(e){return l(this,null,function*(){if(!("serviceWorker"in navigator)||!("PushManager"in window)||this.hasClickHandler)return;let t=o=>l(this,null,function*(){var i;if(((i=o.data)==null?void 0:i.type)==="NOTIFICATION_CLICKED"){let{notificationId:n,subscribeId:s}=o.data.notification_data;this.hasClickHandler=!0;let{data:a,ok:c}=yield e(n,s);if(this.hasClickHandler=!1,!c)return console.error(`[ Error to add click rate ]: ${(a==null?void 0:a.message)||a}`)}});navigator.serviceWorker.addEventListener("message",t)})}};var y=class{constructor(e){this.sw=e}clickNotification(e){return l(this,null,function*(){return yield this.sw.clickNotification(e)})}};var N=class{constructor(e,t,o){this.sw=new w(e,t,o),this.plugins=new y(this.sw)}run(e,t,o,i){return l(this,null,function*(){try{return yield this.sw.init(e,t,o,i),"Auto inject complete"}catch(n){return n}})}};var x=()=>{let r=b("user_id");return r||(r=_uuid.v4.call(void 0, ),h("user_id",r,{path:"/",secure:!0})),r};function H(){let{addAlert:r}=v();_react.useEffect.call(void 0, ()=>{var t;let e=o=>{var i;if(((i=o.data)==null?void 0:i.type)==="PUSH_RECEIVED"){let{notification:n}=o.data;r({alertId:_uuid.v4.call(void 0, ),content:n.body,title:n.title,timeout:5e3})}};return(t=navigator.serviceWorker)==null||t.addEventListener("message",e),()=>{var o;(o=navigator.serviceWorker)==null||o.removeEventListener("message",e)}},[])}var _framermotion = require('framer-motion');var _reactdom = require('react-dom');var g=typeof document=="undefined"?null:document.getElementById("blast-root"),k=()=>{let r=_react.useCallback.call(void 0, ()=>{if(typeof window=="undefined"||typeof document=="undefined"||typeof document.body=="undefined"||document.getElementById("blast-root"))return;let t=document.createElement("div");t.id="blast-root",document.body.appendChild(t)},[]);_react.useLayoutEffect.call(void 0, ()=>{r()},[r])};var J=({dialogs:r,addGets:e})=>{let[t,o]=_react.useState.call(void 0, 0),[i,n]=_react.useState.call(void 0, !0),s=_react.useRef.call(void 0, ()=>{}),a=_react.useRef.call(void 0, ()=>{}),c=_react.useRef.call(void 0, !1),u=x(),p=r[t],T=()=>{n(!1)},D=()=>{t<r.length-1?o(d=>d+1):T()};s.current=T,a.current=D,_react.useEffect.call(void 0, ()=>{let d=()=>s.current();return window.addEventListener("dialog-close",d),()=>window.removeEventListener("dialog-close",d)},[]),_react.useEffect.call(void 0, ()=>{console.log(`[Dialog Helper] Showing dialog: ${p.dialogId||`dialog-${t}`}`)},[p]),_react.useEffect.call(void 0, ()=>{if(!p||!u||c.current)return;l(null,null,function*(){yield e(p.dialogId,u),c.current=!0})},[p,u]);let q=d=>{if(d==="post_message"){let C=()=>s.current(),X=()=>a.current();window.dispatchEvent(new CustomEvent("dialog-message",{detail:{dialogId:p.dialogId||`dialog-${t}`,close:C,next:X}}))}else D()},_=()=>_jsxruntime.jsx.call(void 0, _framermotion.AnimatePresence,{children:i&&_jsxruntime.jsx.call(void 0, _framermotion.motion.div,{dir:"ltr",className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:_jsxruntime.jsxs.call(void 0, _framermotion.motion.div,{className:"relative w-full max-w-lg rounded-3xl p-6 backdrop-blur-xl bg-white/10 dark:bg-white/5 ring-1 ring-white/20 text-white shadow-2xl overflow-hidden",initial:{scale:.95,y:40,opacity:0},animate:{scale:1,y:0,opacity:1},exit:{scale:.95,y:40,opacity:0},transition:{type:"spring",stiffness:260,damping:20},children:[_jsxruntime.jsx.call(void 0, "div",{className:"absolute inset-0 rounded-3xl pointer-events-none z-[-1] before:absolute before:inset-0 before:rounded-3xl before:border before:border-white/20 before:backdrop-blur-md before:shadow-[0_0_30px_rgba(255,255,255,0.1)]"}),_jsxruntime.jsx.call(void 0, "h2",{className:"text-2xl font-extrabold tracking-wide",children:p.title}),_jsxruntime.jsx.call(void 0, "p",{className:"text-sm text-white/80 pt-2",children:p.content}),_jsxruntime.jsx.call(void 0, "div",{className:"flex justify-end gap-3 pt-6 flex-wrap",children:p.buttons.map((d,C)=>_jsxruntime.jsx.call(void 0, "button",{onClick:()=>q(d.event),className:"relative z-10 px-5 py-2.5 rounded-xl bg-gradient-to-br from-blue-500 to-indigo-600 hover:from-blue-600 hover:to-indigo-700 transition-all duration-300 shadow-lg shadow-indigo-800/30 font-medium text-white",children:d.content},C))})]})})});return g?_reactdom.createPortal.call(void 0, _(),g):_()};function P({dialogs:r,addGets:e}){return k(),r!=null&&r.length?_jsxruntime.jsx.call(void 0, J,{dialogs:r,addGets:e}):_jsxruntime.jsx.call(void 0, _jsxruntime.Fragment,{})}var $=({renderAlert:r})=>{let{removeAlert:e,alerts:t}=v();_react.useEffect.call(void 0, ()=>{t.forEach(i=>{if(i.timeout===Number.POSITIVE_INFINITY)return;let n=setTimeout(()=>{e(i.alertId)},i.timeout);return()=>clearTimeout(n)})},[t,e]);let o=()=>_jsxruntime.jsx.call(void 0, _framermotion.AnimatePresence,{children:t.map((i,n)=>r?_jsxruntime.jsx.call(void 0, "div",{className:"fixed top-5 right-5 z-[9999999]",style:{maxWidth:"320px"},children:r(i)},i.alertId):_jsxruntime.jsxs.call(void 0, _framermotion.motion.div,{initial:{opacity:0,x:50,scale:.9},animate:{opacity:1,x:0,scale:1},exit:{opacity:0,x:50,scale:.9},transition:{type:"spring",stiffness:260,damping:20,duration:.5},className:"fixed top-5 right-5 z-[9999999] flex w-[320px] max-w-full items-center rounded-lg border border-purple-500 bg-gradient-to-r from-purple-900/30 to-black/60 p-4 text-white shadow-lg backdrop-blur-lg max-sm:right-auto max-sm:left-1/2 max-sm:w-[95%] max-sm:-translate-x-1/2",children:[_jsxruntime.jsxs.call(void 0, "div",{className:"flex-grow pr-4",children:[_jsxruntime.jsx.call(void 0, "h5",{className:"mb-1 text-lg font-semibold tracking-wide",children:i.title}),_jsxruntime.jsx.call(void 0, "p",{className:"text-sm opacity-80",children:i.content})]}),_jsxruntime.jsx.call(void 0, "div",{className:"flex w-12 items-center justify-center text-purple-300",children:_jsxruntime.jsxs.call(void 0, "svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"lucide lucide-bell h-7 w-7",children:[_jsxruntime.jsx.call(void 0, "path",{d:"M10.268 21a2 2 0 0 0 3.464 0"}),_jsxruntime.jsx.call(void 0, "path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"})]})})]},i.alertId))});return g?_reactdom.createPortal.call(void 0, o(),g):o()};function S(){return k(),_jsxruntime.jsx.call(void 0, $,{})}exports.Alert = S; exports.BlastClient = N; exports.BlastProvider = B; exports.Dialog = P; exports.usePushNotificationListener = H; exports.useUserId = x;
//# sourceMappingURL=main.js.map