@mappedin/dynamic-focus 6.0.1-beta.55 → 6.0.1-beta.57

package/lib/rn/index-rn.js

@@ -0,0 +1,278 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/rn/use-dynamic-focus.ts
+import { useState, useCallback as useCallback2, useContext as useContext2, useRef } from "react";
+import { MappedinContext as MappedinContext2 } from "@mappedin/react-native-sdk";
+
+// src/rn/use-dynamic-focus-events.ts
+import { useCallback, useContext } from "react";
+
+// ../packages/common/Mappedin.Logger.ts
+var MI_ERROR_LABEL = "[MappedinJS]";
+function createLogger(name = "", { prefix = MI_ERROR_LABEL } = {}) {
+  const label = `${prefix}${name ? `-${name}` : ""}`;
+  const rnDebug = /* @__PURE__ */ __name((type, args) => {
+    if (typeof window !== "undefined" && window.rnDebug) {
+      const processed = args.map((arg) => {
+        if (arg instanceof Error && arg.stack) {
+          return `${arg.message}
+${arg.stack}`;
+        }
+        return arg;
+      });
+      window.rnDebug(`${name} ${type}: ${processed.join(" ")}`);
+    }
+  }, "rnDebug");
+  return {
+    logState: false ? 3 /* SILENT */ : 0 /* LOG */,
+    log(...args) {
+      if (this.logState <= 0 /* LOG */) {
+        console.log(label, ...args);
+        rnDebug("log", args);
+      }
+    },
+    warn(...args) {
+      if (this.logState <= 1 /* WARN */) {
+        console.warn(label, ...args);
+        rnDebug("warn", args);
+      }
+    },
+    error(...args) {
+      if (this.logState <= 2 /* ERROR */) {
+        console.error(label, ...args);
+        rnDebug("error", args);
+      }
+    },
+    // It's a bit tricky to prepend [MappedinJs] to assert and time because of how the output is structured in the console, so it is left out for simplicity
+    assert(...args) {
+      console.assert(...args);
+    },
+    time(label2) {
+      console.time(label2);
+    },
+    timeEnd(label2) {
+      console.timeEnd(label2);
+    },
+    setLevel(level) {
+      if (0 /* LOG */ <= level && level <= 3 /* SILENT */) {
+        this.logState = level;
+      }
+    }
+  };
+}
+__name(createLogger, "createLogger");
+var Logger = createLogger();
+
+// src/logger.ts
+var Logger2 = createLogger("", { prefix: "[DynamicFocus]" });
+
+// src/rn/use-dynamic-focus-events.ts
+import {
+  MappedinContext,
+  useEventCallback,
+  createEventSetupScript,
+  createEventCleanupScript
+} from "@mappedin/react-native-sdk";
+
+// src/rn/utils/facade-hydration.ts
+function hydrateFacades(mapData, facades) {
+  return facades.map((facadeData) => {
+    if (facadeData && facadeData.id) {
+      const hydratedFacade = mapData.getById("facade", facadeData.id);
+      return hydratedFacade || facadeData;
+    }
+    return facadeData;
+  });
+}
+__name(hydrateFacades, "hydrateFacades");
+
+// src/rn/use-dynamic-focus-registration.ts
+import { useRegisterExtension } from "@mappedin/react-native-sdk";
+
+// src/rn/extension-source.ts
+var EXTENSION_SOURCE_PLACEHOLDER = `
+			// Define require function that uses bridge.modules for external dependencies
+			globalThis.require = globalThis.require || ((id) => {
+				if (window.bridge?.modules?.[id]) {
+					return window.bridge.modules[id];
+				}
+				throw new Error('Module not found: ' + id);
+			});
+			
+"use strict";var DynamicFocus=(()=>{var J=Object.defineProperty;var Yt=Object.getOwnPropertyDescriptor;var \$t=Object.getOwnPropertyNames;var Ht=Object.prototype.hasOwnProperty;var xt=a=>{throw TypeError(a)};var qt=(a,t,e)=>t in a?J(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e;var n=(a,t)=>J(a,"name",{value:t,configurable:!0}),rt=(a=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(a,{get:(t,e)=>(typeof require<"u"?require:t)[e]}):a)(function(a){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+a+'" is not supported')});var Wt=(a,t)=>{for(var e in t)J(a,e,{get:t[e],enumerable:!0})},Kt=(a,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of \$t(t))!Ht.call(a,s)&&s!==e&&J(a,s,{get:()=>t[s],enumerable:!(i=Yt(t,s))||i.enumerable});return a};var zt=a=>Kt(J({},"__esModule",{value:!0}),a);var S=(a,t,e)=>qt(a,typeof t!="symbol"?t+"":t,e),mt=(a,t,e)=>t.has(a)||xt("Cannot "+e);var o=(a,t,e)=>(mt(a,t,"read from private field"),e?e.call(a):t.get(a)),d=(a,t,e)=>t.has(a)?xt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(a):t.set(a,e),l=(a,t,e,i)=>(mt(a,t,"write to private field"),i?i.call(a,e):t.set(a,e),e),v=(a,t,e)=>(mt(a,t,"access private method"),e);var oo={};Wt(oo,{DynamicFocus:()=>ht});var jt=rt("@mappedin/mappedin-js");function Vt(a,t){if(a==null||t==null)return a===t;if(a.length!==t.length)return!1;for(let e=0;e<a.length;e++)if(a[e]!==t[e])return!1;return!0}n(Vt,"arraysEqual");var pt=class pt{constructor(){S(this,"_subscribers",{});S(this,"_destroyed",!1)}publish(t,e){!this._subscribers||!this._subscribers[t]||this._destroyed||this._subscribers[t].forEach(function(i){typeof i=="function"&&i(e)})}on(t,e){(!this._subscribers||this._destroyed)&&(this._subscribers={}),this._subscribers[t]=this._subscribers[t]||[],this._subscribers[t].push(e)}off(t,e){if(!this._subscribers||this._subscribers[t]==null||this._destroyed)return;let i=this._subscribers[t].indexOf(e);i!==-1&&this._subscribers[t].splice(i,1)}destroy(){this._destroyed=!0,this._subscribers={}}};n(pt,"PubSub");var nt=pt;var U=rt("@mappedin/mappedin-js");var k,X,V,y,m,E,T,j,G,Ft=class Ft{constructor(t,e){S(this,"__type","building");d(this,k);d(this,X,new Map);d(this,V,new Map);d(this,y,[]);d(this,m);d(this,E);d(this,T);S(this,"defaultFloor");S(this,"activeFloor");S(this,"excluded",!1);d(this,j);d(this,G);l(this,k,t),l(this,X,new Map(t.floors.map(i=>[i.id,i]))),l(this,V,new Map(t.floors.map(i=>[i.elevation,i]))),l(this,y,Array.from(o(this,V).values()).sort((i,s)=>i.elevation-s.elevation)),this.defaultFloor=t.defaultFloor,this.activeFloor=this.defaultFloor,l(this,m,e)}get id(){return o(this,k).id}get name(){return o(this,k).name}get floors(){return o(this,k).floors}get floorStack(){return o(this,k)}get facade(){return o(this,k).facade}get isCurrentFloorStack(){return this.id===o(this,m).currentFloorStack.id}get isIndoor(){let t=o(this,m).getState(this.facade);return this.isCurrentFloorStack||t?.visible===!1&&t?.opacity===0}get canSetFloor(){return this.isIndoor||!this.excluded}get maxElevation(){return o(this,j)==null&&l(this,j,Math.max(...o(this,V).keys())),o(this,j)}get minElevation(){return o(this,G)==null&&l(this,G,Math.min(...o(this,V).keys())),o(this,G)}has(t){return U.Floor.is(t)?o(this,X).has(t.id):U.FloorStack.is(t)?t.id===o(this,k).id:U.Facade.is(t)?t.id===this.facade.id:!1}get aboveGroundFloors(){return o(this,y).filter(t=>t.elevation>=0)}expandFacade(){if(!o(this,m).options.multiFloorView?.enabled||!this.facade||this.facade.__type!=="facade"||this.facade.spaces.length<1)return;let t=o(this,m).options.multiFloorView.floorGap??10;if(!o(this,E)){l(this,E,new Map);for(let p of this.facade.spaces){let h=o(this,m).getState(p),b=h?.altitude??0,N=h?.height??0;o(this,E).has(b)||o(this,E).set(b,[]),o(this,E).get(b).push({space:p,originalAltitude:b,originalHeight:N})}}let e=Array.from(o(this,E).keys()).sort((p,h)=>p-h),i=e.length===1,s=i?t*(this.aboveGroundFloors.length-1):t,c=0;e.forEach(p=>{let h=o(this,E).get(p);for(let{space:b}of h)o(this,m).updateState(b,{height:i?s:t,altitude:c});i||(c+=t)})}collapseFacade(){if(o(this,E)){for(let t of o(this,E).values())for(let{space:e,originalAltitude:i,originalHeight:s}of t)o(this,m).updateState(e,{height:s,altitude:i});l(this,E,void 0)}}getFloorByElevation(t){return o(this,V).get(t)}getNearestFloorByElevation(t){let e=this.getFloorByElevation(t);if(e)return e;if(t>=0){if(t>this.maxElevation)return o(this,y)[o(this,y).length-1];for(let i=o(this,y).length-1;i>=0;i--){let s=o(this,y)[i];if(s.elevation<=t)return s}}else{if(t<this.minElevation)return o(this,y)[0];for(let i of o(this,y))if(i.elevation>=t)return i}}getHighestFloor(){return o(this,y)[o(this,y).length-1]}cancelAnimation(){o(this,T)&&(o(this,T).animation.cancel(),l(this,T,void 0))}async animateFacade(t,e={duration:150}){let i=o(this,T)?.state||o(this,m).getState(this.facade);if(!i||!t||i?.opacity===t.opacity&&i?.visible===t.visible)return{result:"completed"};this.cancelAnimation();let{opacity:s,visible:c}=t;if(o(this,m).updateState(this.facade,{visible:!0}),s!==void 0){l(this,T,{animation:o(this,m).animateState(this.facade,{opacity:s},{duration:e.duration}),state:t});let p=await o(this,T).animation;if(l(this,T,void 0),p.result==="cancelled")return p}return c===!1&&o(this,m).updateState(this.facade,{visible:c}),{result:"completed"}}destroy(){this.cancelAnimation(),o(this,k).floors.forEach(t=>{o(this,m).updateState(t,{visible:t.id===o(this,m).currentFloor.id})}),this.has(o(this,m).currentFloor)||o(this,m).updateState(this.facade,{visible:!0,opacity:1})}};k=new WeakMap,X=new WeakMap,V=new WeakMap,y=new WeakMap,m=new WeakMap,E=new WeakMap,T=new WeakMap,j=new WeakMap,G=new WeakMap,n(Ft,"Building");var lt=Ft;var Ot=rt("@mappedin/mappedin-js");function _t(a,t,e){return a>=t?"in-range":a<=e?"out-of-range":"transition"}n(_t,"getZoomState");function dt(a,t,e){if(a.__type==="outdoors"&&"floor"in a)return a.floor;let i=a;if(i.excluded)return i.activeFloor;switch(t){case"lock-elevation":return i.getFloorByElevation(e);case"nearest-elevation":return i.getNearestFloorByElevation(e);default:break}return i.isIndoor?i.activeFloor:i.defaultFloor}n(dt,"getFloorToShow");function Qt(a,t){return{facade:a,state:{type:"facade",visible:!t,opacity:t?0:1}}}n(Qt,"getFacadeState");function Jt(a,t,e){return{outdoorOpacity:1,floorStates:a.floors.map(i=>{let s=i.id===t.id&&e;return{floor:i,state:{type:"floor",visible:s,geometry:{visible:s},labels:{enabled:s},markers:{enabled:s},footprint:{visible:!1},occlusion:{enabled:!1}}}})}}n(Jt,"getSingleBuildingState");function Mt(a,t){if(!t.includes("lock-elevation"))return 1;for(let e of a)if(e.outdoorOpacity>=0&&e.outdoorOpacity<=1)return e.outdoorOpacity;return 1}n(Mt,"getOutdoorOpacity");function Nt(a,t,e){switch(e){case"in-range":return a[0]?.canSetFloor?a[0]:void 0;case"out-of-range":return t;case"transition":default:return}}n(Nt,"getSetFloorTargetFromZoomState");function Bt(a,t,e,i,s,c,p,h,b){let N=new Map;for(let f of a){let R=t.has(f.id),Q=gt(f,e,i==="in-range",R,s,c,h.includes(f.id)),B=e.floorStack.id===f.id?f.activeFloor:dt(f,s,c),st=b.enabled?(0,Ot.getMultiFloorState)(f.floors,B||f.activeFloor,b.floorGap,p):Jt(f.floorStack,B||f.activeFloor,Q),ft=Qt(f.facade,Q);N.set(f.id,{building:f,showIndoor:Q,floorStackState:st,facadeState:ft,inFocus:R,floorToShow:B})}return N}n(Bt,"getBuildingStates");function Lt(a,t){return a.excluded?"none":t?"indoor":"outdoor"}n(Lt,"getBuildingAnimationType");function gt(a,t,e,i,s,c,p){if(a.id===t.floorStack.id)return!0;if(a.excluded)return!1;if(p===!0)return!0;if(!e)return!1;switch(s){case"lock-elevation":return a.getFloorByElevation(c)!=null;default:break}return!!i}n(gt,"shouldShowIndoor");function It(a,t,e){return a!==t&&!e}n(It,"shouldDeferSetFloor");var Ct=["default-floor","lock-elevation","nearest-elevation"];var ut=rt("@mappedin/mappedin-js");var Xt="[MappedinJS]";function St(a="",{prefix:t=Xt}={}){let e=\`\${t}\${a?\`-\${a}\`:""}\`,i=n((s,c)=>{if(typeof window<"u"&&window.rnDebug){let p=c.map(h=>h instanceof Error&&h.stack?\`\${h.message}
+\${h.stack}\`:h);window.rnDebug(\`\${a} \${s}: \${p.join(" ")}\`)}},"rnDebug");return{logState:0,log(...s){this.logState<=0&&(console.log(e,...s),i("log",s))},warn(...s){this.logState<=1&&(console.warn(e,...s),i("warn",s))},error(...s){this.logState<=2&&(console.error(e,...s),i("error",s))},assert(...s){console.assert(...s)},time(s){console.time(s)},timeEnd(s){console.timeEnd(s)},setLevel(s){0<=s&&s<=3&&(this.logState=s)}}}n(St,"createLogger");var to=St();var Y=to;function Zt(a,t,e,i){return(a<t||a>e)&&Y.warn(i),Math.min(e,Math.max(t,a))}n(Zt,"clampWithWarning");function yt(a,t){return!ut.Floor.is(a)||a?.floorStack==null||!ut.FloorStack.is(t)?!1:a.floorStack.id!==t.id?(Y.warn(\`Floor (\${a.id}) does not belong to floor stack (\${t.id}).\`),!1):!0}n(yt,"validateFloorForStack");function Et(a,t,e,i){return Zt(a,t,e,\`\${i} must be between \${t} and \${e}.\`)}n(Et,"validateZoomThreshold");var \$=St("",{prefix:"[DynamicFocus]"});var w,H,tt,bt,vt=class vt{constructor(t,e){d(this,tt);S(this,"__type","outdoors");d(this,w);d(this,H);l(this,w,t),l(this,H,e)}get id(){return o(this,w).id}get floorStack(){return o(this,w)}get floor(){return o(this,w).defaultFloor}matchesFloorStack(t){return t===o(this,w)||t===o(this,w).id}show(){v(this,tt,bt).call(this,!0)}hide(){v(this,tt,bt).call(this,!1)}destroy(){this.matchesFloorStack(o(this,H).currentFloorStack)||this.hide()}};w=new WeakMap,H=new WeakMap,tt=new WeakSet,bt=n(function(t){for(let e of o(this,w).floors)o(this,H).updateState(e,{visible:t})},"#setVisible"),n(vt,"Outdoors");var ct=vt;function Pt(a,t){let e=a.find(s=>s.type?.toLowerCase()==="outdoor");if(e)return e;let i=a.find(s=>s.facade==null&&!t.has(s.id));return i||(\$.warn("No good candidate for the outdoor floor stack was found. Using the first floor stack."),a[0])}n(Pt,"getOutdoorFloorStack");var Rt={indoorZoomThreshold:18,outdoorZoomThreshold:17,setFloorOnFocus:!0,autoFocus:!1,indoorAnimationOptions:{duration:150},outdoorAnimationOptions:{duration:150},autoAdjustFacadeHeights:!1,mode:"default-floor",preloadFloors:!0};var D,r,L,u,I,C,F,O,Z,P,A,q,x,_,W,M,g,kt,Dt,ot,et,it,at,K,At,Gt,Ut,z,Tt=class Tt{constructor(t){d(this,g);d(this,D);d(this,r);d(this,L);d(this,u,Rt);d(this,I,[]);d(this,C,new Set);d(this,F,new Map);d(this,O);d(this,Z,!1);d(this,P,!1);d(this,A,0);d(this,q,0);d(this,x,"transition");d(this,_,"outdoor");d(this,W,[]);d(this,M,!1);S(this,"sceneUpdateQueue",Promise.resolve());S(this,"on",n((t,e)=>{o(this,D).on(t,e)},"on"));S(this,"off",n((t,e)=>{o(this,D).off(t,e)},"off"));d(this,ot,n(t=>{if(!this.isEnabled)return;let{facades:e}=t;if(!(Vt(e,this.focusedFacades)&&o(this,_)==="transition"&&!o(this,P))){if(l(this,P,!1),l(this,I,[]),o(this,C).clear(),e.length>0)for(let i of e){let s=o(this,F).get(i.floorStack.id);s&&(o(this,C).add(s.id),o(this,I).push(s))}o(this,u).autoFocus&&this.focus()}},"#handleFacadesInViewChange"));d(this,et,n(async t=>{if(!this.isEnabled)return;let{floor:e}=t,i=o(this,F).get(e.floorStack.id);i&&(i.activeFloor=e),i?.excluded===!1&&!o(this,O).matchesFloorStack(e.floorStack)&&l(this,A,e.elevation),o(this,r).manualFloorVisibility===!0&&(t.reason!=="dynamic-focus"&&(await o(this,z).call(this,e),o(this,D).publish("focus",{facades:this.focusedFacades})),o(this,r).options.multiFloorView!=null&&o(this,r).options.multiFloorView?.enabled&&o(this,r).options.multiFloorView?.updateCameraElevationOnFloorChange&&o(this,r).Camera.elevation!==o(this,A)*(o(this,r).options.multiFloorView.floorGap??0)&&o(this,r).Camera.animateElevation(o(this,A)*(o(this,r).options.multiFloorView.floorGap??0),{duration:750,easing:"ease-in-out"}))},"#handleFloorChangeStart"));d(this,it,n(()=>{l(this,Z,!0)},"#handleUserInteractionStart"));d(this,at,n(()=>{l(this,Z,!1)},"#handleUserInteractionEnd"));d(this,K,n(t=>{if(!this.isEnabled)return;let{zoomLevel:e}=t,i=_t(e,o(this,u).indoorZoomThreshold,o(this,u).outdoorZoomThreshold);o(this,x)!==i&&(l(this,x,i),i==="in-range"?this.setIndoor():i==="out-of-range"&&this.setOutdoor())},"#handleCameraChange"));d(this,z,n(async t=>{if(o(this,r).manualFloorVisibility!==!0||!this.isEnabled)return;let e=t||o(this,r).currentFloor,i=o(this,r).options.multiFloorView,s=o(this,r).Navigation?.floors?.map(h=>h.id)||[],c=o(this,r).Navigation?.floorStacks.map(h=>h.id)||[],p=new Promise(async h=>{await this.sceneUpdateQueue;let b=Bt(Array.from(o(this,F).values()),o(this,C),e,o(this,x),o(this,u).mode,o(this,A),s,c,i),N=[];await Promise.all(Array.from(b.values()).map(async f=>{let{building:R,showIndoor:Q,floorStackState:B,facadeState:st,inFocus:ft}=f;N.push(B);let wt=Lt(R,Q);if(wt==="indoor")return v(this,g,Gt).call(this,R,B,st,ft);if(wt==="outdoor")return v(this,g,Ut).call(this,R,B,st,c)})),o(this,r).Outdoor.setOpacity(Mt(N,o(this,u).mode)),l(this,W,o(this,I).filter(f=>b.get(f.id)?.showIndoor===!0).map(f=>f.facade)),o(this,D).publish("focus",{facades:o(this,W)}),h()});return this.sceneUpdateQueue=p,p},"#applyBuildingStates"));l(this,D,new nt),l(this,r,t),\$.setLevel(Y.logState),l(this,L,o(this,r).getMapData()),l(this,A,o(this,r).currentFloor.elevation),l(this,q,o(this,r).Camera.elevation);for(let e of o(this,L).getByType("facade"))o(this,F).set(e.floorStack.id,new lt(e.floorStack,o(this,r)));l(this,O,new ct(Pt(o(this,L).getByType("floor-stack"),o(this,F)),o(this,r))),o(this,r).on("floor-change-start",o(this,et)),o(this,r).on("camera-change",o(this,K)),o(this,r).on("facades-in-view-change",o(this,ot)),o(this,r).on("user-interaction-start",o(this,it)),o(this,r).on("user-interaction-end",o(this,at))}enable(t){if(o(this,M)){\$.warn("enable() called on an already enabled Dynamic Focus instance.");return}l(this,M,!0),o(this,r).manualFloorVisibility=!0,o(this,O).show(),this.updateState({...o(this,u),...t}),o(this,K).call(this,{zoomLevel:o(this,r).Camera.zoomLevel,center:o(this,r).Camera.center,bearing:o(this,r).Camera.bearing,pitch:o(this,r).Camera.pitch}),o(this,r).Camera.updateFacadesInView()}disable(){if(!o(this,M)){\$.warn("disable() called on an already disabled Dynamic Focus instance.");return}l(this,M,!1),o(this,r).manualFloorVisibility=!1}get isEnabled(){return o(this,M)}get isIndoor(){return o(this,_)==="indoor"}get isOutdoor(){return o(this,_)==="outdoor"}setIndoor(){l(this,_,"indoor"),l(this,x,"in-range"),v(this,g,kt).call(this)}setOutdoor(){l(this,_,"outdoor"),l(this,x,"out-of-range"),v(this,g,kt).call(this)}get focusedFacades(){return[...o(this,W)]}getState(){return{...o(this,u)}}updateState(t){t.indoorZoomThreshold!=null&&(t.indoorZoomThreshold=Et(t.indoorZoomThreshold,o(this,u).outdoorZoomThreshold,o(this,r).Camera.maxZoomLevel,"indoorZoomThreshold")),t.outdoorZoomThreshold!=null&&(t.outdoorZoomThreshold=Et(t.outdoorZoomThreshold,o(this,r).Camera.minZoomLevel,o(this,u).indoorZoomThreshold,"outdoorZoomThreshold")),t.mode!=null&&(t.mode=Ct.includes(t.mode)?t.mode:"default-floor"),t.autoAdjustFacadeHeights!=null&&(o(this,u).autoAdjustFacadeHeights=t.autoAdjustFacadeHeights,o(this,F).forEach(e=>{o(this,u).autoAdjustFacadeHeights?e.expandFacade():e.collapseFacade()})),l(this,u,Object.assign({},o(this,u),Object.fromEntries(Object.entries(t).filter(([,e])=>e!=null)))),t.mode!=null&&t.preloadFloors&&v(this,g,Dt).call(this,t.mode)}destroy(){this.disable(),o(this,r).off("facades-in-view-change",o(this,ot)),o(this,r).off("floor-change-start",o(this,et)),o(this,r).off("camera-change",o(this,K)),o(this,r).off("user-interaction-start",o(this,it)),o(this,r).off("user-interaction-end",o(this,at)),o(this,F).forEach(t=>t.destroy()),o(this,O).destroy(),o(this,D).destroy()}async focus(t=o(this,u).setFloorOnFocus){if(t)if(It(o(this,q),o(this,r).Camera.elevation,o(this,Z)))l(this,q,o(this,r).Camera.elevation),l(this,P,!0);else{let e=Nt(o(this,I),o(this,O),o(this,x)),i=e?dt(e,o(this,u).mode,o(this,A)):void 0;i&&i.id!==o(this,r).currentFloor.id&&o(this,r).setFloor(i,{context:"dynamic-focus"})}await o(this,z).call(this),o(this,D).publish("focus",{facades:this.focusedFacades})}preloadFloors(){v(this,g,Dt).call(this,o(this,u).mode)}setDefaultFloorForStack(t,e){if(!yt(e,t))return;let i=o(this,F).get(t.id);i&&(i.defaultFloor=e)}resetDefaultFloorForStack(t){let e=o(this,F).get(t.id);e&&(e.defaultFloor=t.defaultFloor)}getDefaultFloorForStack(t){return o(this,F).get(t.id)?.defaultFloor||t.defaultFloor||t.floors[0]}setCurrentFloorForStack(t,e){if(!yt(e,t))return;let i=o(this,F).get(t.id);i&&(i.activeFloor=e,o(this,z).call(this))}exclude(t){let e=Array.isArray(t)?t:[t];for(let i of e){let s=o(this,F).get(i.id);s&&(s.excluded=!0)}}include(t){let e=Array.isArray(t)?t:[t];for(let i of e){let s=o(this,F).get(i.id);s&&(s.excluded=!1)}}getCurrentFloorForStack(t){return o(this,F).get(t.id)?.activeFloor||this.getDefaultFloorForStack(t)}};D=new WeakMap,r=new WeakMap,L=new WeakMap,u=new WeakMap,I=new WeakMap,C=new WeakMap,F=new WeakMap,O=new WeakMap,Z=new WeakMap,P=new WeakMap,A=new WeakMap,q=new WeakMap,x=new WeakMap,_=new WeakMap,W=new WeakMap,M=new WeakMap,g=new WeakSet,kt=n(function(){o(this,u).autoFocus&&(o(this,Z)?this.focus():l(this,P,!0)),o(this,D).publish("state-change")},"#handleViewStateChange"),Dt=n(function(t){o(this,r).preloadFloors(o(this,L).getByType("facade").map(e=>dt(o(this,F).get(e.floorStack.id),t,o(this,A))).filter(e=>e!=null&&jt.Floor.is(e)))},"#preloadFloors"),ot=new WeakMap,et=new WeakMap,it=new WeakMap,at=new WeakMap,K=new WeakMap,At=n(function(t,e,i){t.forEach(s=>{if(s.floor)if(e){let c=i!==void 0?{...s.state,labels:{...s.state.labels,enabled:s.state.labels.enabled&&i},markers:{...s.state.markers,enabled:s.state.markers.enabled&&i},occlusion:{...s.state.occlusion,enabled:s.state.occlusion.enabled&&i}}:s.state;o(this,r).updateState(s.floor,c)}else o(this,r).updateState(s.floor,{visible:!1})})},"#updateFloorVisibility"),Gt=n(async function(t,e,i,s){return v(this,g,At).call(this,e.floorStates,!0,s),t.animateFacade(i.state,o(this,u).indoorAnimationOptions)},"#animateIndoorSequence"),Ut=n(async function(t,e,i,s){let c=await t.animateFacade(i.state,o(this,u).outdoorAnimationOptions);return c.result==="completed"&&v(this,g,At).call(this,e.floorStates,gt(t,o(this,r).currentFloor,o(this,x)==="in-range",o(this,C).has(t.id),o(this,u).mode,o(this,A),s.includes(t.floorStack.id))),c},"#animateOutdoorSequence"),z=new WeakMap,n(Tt,"DynamicFocus");var ht=Tt;return zt(oo);})();
+//# sourceMappingURL=dynamic-focus.iife.js.map
+
+
+// Register the extension
+if (window.bridge && window.bridge.extensions) {
+  try {
+    window.bridge.extensions.register({ name: 'dynamic-focus', package: { Extension: DynamicFocus.DynamicFocus } });
+    if (window.rnDebug) window.rnDebug('Extension: dynamic-focus registered');
+  } catch(e) {
+    if (window.rnDebug) window.rnDebug('Failed to register dynamic-focus extension: ' + e.message);
+  }
+} else {
+  if (window.rnDebug) window.rnDebug('Bridge or extensions not available for registration');
+}`;
+function getRegistrationScript() {
+  return EXTENSION_SOURCE_PLACEHOLDER;
+}
+__name(getRegistrationScript, "getRegistrationScript");
+
+// src/rn/use-dynamic-focus-registration.ts
+function useDynamicFocusRegistration() {
+  useRegisterExtension({
+    extensionName: "dynamic-focus",
+    getRegistrationScript,
+    logger: Logger2
+  });
+}
+__name(useDynamicFocusRegistration, "useDynamicFocusRegistration");
+
+// src/rn/use-dynamic-focus-events.ts
+function useDynamicFocusEvent(event, callback) {
+  if (typeof event !== "string" || event.length === 0) {
+    throw new Error("Event parameter must be a non-empty string");
+  }
+  if (typeof callback !== "function") {
+    throw new Error("Callback parameter must be a function");
+  }
+  const context = useContext(MappedinContext);
+  const { extensions, mapData } = context;
+  if (!mapData) {
+    throw new Error("Map data is not available");
+  }
+  useDynamicFocusRegistration();
+  const extensionRegistrationState = extensions?.["dynamic-focus"]?.registrationState || "unregistered";
+  const extensionIsReady = extensionRegistrationState === "registered";
+  const processedCallback = useCallback(
+    (payload) => {
+      try {
+        let processedPayload = payload;
+        if (event === "focus" && payload.facades) {
+          processedPayload = {
+            ...payload,
+            facades: hydrateFacades(mapData, payload.facades)
+          };
+        }
+        callback(processedPayload);
+      } catch (error) {
+        Logger2.error(`Error in dynamic focus event callback for ${String(event)}:`, error);
+      }
+    },
+    [event, mapData, callback]
+  );
+  useEventCallback({
+    eventKey: `dynamic-focus:${String(event)}`,
+    callback: processedCallback,
+    setupScript: /* @__PURE__ */ __name(() => createEventSetupScript({
+      extensionName: "dynamic-focus",
+      eventName: String(event)
+    }), "setupScript"),
+    cleanupScript: /* @__PURE__ */ __name(() => createEventCleanupScript({
+      extensionName: "dynamic-focus",
+      eventName: String(event)
+    }), "cleanupScript"),
+    shouldInject: extensionIsReady
+  });
+}
+__name(useDynamicFocusEvent, "useDynamicFocusEvent");
+
+// src/rn/use-dynamic-focus.ts
+function useDynamicFocus() {
+  const context = useContext2(MappedinContext2);
+  const { bridge, extensions, updateExtensionState } = context;
+  useDynamicFocusRegistration();
+  const extensionState = extensions["dynamic-focus"];
+  const registrationState = extensionState?.registrationState || "unregistered";
+  const isReady = registrationState === "registered";
+  const isEnabled = extensionState?.isEnabled || false;
+  const [focusedFacades, setFocusedFacades] = useState(extensionState?.focusedFacades || []);
+  const extensionsRef = useRef(extensions);
+  extensionsRef.current = extensions;
+  useDynamicFocusEvent(
+    "focus",
+    useCallback2(
+      (event) => {
+        const newFocusedFacades = event.facades;
+        setFocusedFacades(newFocusedFacades);
+        updateExtensionState("dynamic-focus", (prev) => ({
+          ...prev,
+          registrationState,
+          focusedFacades: newFocusedFacades
+        }));
+      },
+      [registrationState, updateExtensionState]
+    )
+  );
+  const callExtensionMethod = useCallback2(
+    async (method, args = []) => {
+      if (!bridge?.isReady) {
+        throw new Error("Bridge is not ready. Ensure the WebView is loaded.");
+      }
+      return await bridge.instruct({
+        type: "extension",
+        payload: {
+          name: "dynamic-focus",
+          method,
+          args
+        }
+      });
+    },
+    [bridge]
+  );
+  const enable = useCallback2(
+    async (options) => {
+      const currentExtensionState = extensionsRef.current?.["dynamic-focus"];
+      const currentIsEnabled = currentExtensionState?.isEnabled || false;
+      if (currentIsEnabled) {
+        return;
+      }
+      await callExtensionMethod("enable", [options]);
+      updateExtensionState("dynamic-focus", (prev) => ({ ...prev, isEnabled: true }));
+    },
+    [callExtensionMethod, updateExtensionState]
+  );
+  const updateState = useCallback2(
+    async (state) => {
+      return await callExtensionMethod("updateState", [state]);
+    },
+    [callExtensionMethod]
+  );
+  const getState = useCallback2(async () => {
+    return await callExtensionMethod("getState");
+  }, [callExtensionMethod]);
+  const focus = useCallback2(
+    async (setFloor) => {
+      return await callExtensionMethod("focus", [setFloor]);
+    },
+    [callExtensionMethod]
+  );
+  const disable = useCallback2(async () => {
+    await callExtensionMethod("disable");
+    setFocusedFacades([]);
+    updateExtensionState("dynamic-focus", {
+      registrationState: "unregistered",
+      isEnabled: false,
+      focusedFacades: []
+    });
+  }, [callExtensionMethod, setFocusedFacades, updateExtensionState]);
+  return {
+    isReady,
+    isEnabled,
+    focusedFacades,
+    updateState,
+    getState,
+    focus,
+    disable,
+    enable
+  };
+}
+__name(useDynamicFocus, "useDynamicFocus");
+export {
+  useDynamicFocus,
+  useDynamicFocusEvent
+};
+//# sourceMappingURL=index-rn.js.map

package/lib/rn/index-rn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/rn/use-dynamic-focus.ts", "../../src/rn/use-dynamic-focus-events.ts", "../../../packages/common/Mappedin.Logger.ts", "../../src/logger.ts", "../../src/rn/utils/facade-hydration.ts", "../../src/rn/use-dynamic-focus-registration.ts", "../../src/rn/extension-source.ts"],
+  "sourcesContent": ["import { useState, useCallback, useContext, useRef } from 'react';\nimport type { DynamicFocusState } from '../types';\nimport { MappedinContext } from '@mappedin/react-native-sdk';\nimport type { Facade } from '@mappedin/mappedin-js';\nimport { useDynamicFocusEvent } from './use-dynamic-focus-events';\nimport { useDynamicFocusRegistration } from './use-dynamic-focus-registration';\n\n/**\n * Extension state for Dynamic Focus that includes the current focused facades\n */\nexport interface DynamicFocusExtensionState {\n\t/**\n\t * Whether the extension is currently enabled\n\t */\n\tisEnabled: boolean;\n\t/**\n\t * The currently focused facades\n\t */\n\tfocusedFacades: Facade[];\n}\n\n// Dynamic Focus hook return type\nexport interface UseDynamicFocusResult {\n\t/**\n\t * Whether the extension is ready and initialized\n\t */\n\tisReady: boolean;\n\t/**\n\t * Whether the extension is currently enabled\n\t */\n\tisEnabled: boolean;\n\t/**\n\t * The currently focused facades\n\t */\n\tfocusedFacades: Facade[];\n\t/**\n\t * Updates the state of the Dynamic Focus controller.\n\t * @param state - The state to update\n\t * @returns Promise resolving to the updated complete state\n\t * @see {@link DynamicFocus.updateState}\n\t */\n\tupdateState(state: Partial<DynamicFocusState>): Promise<DynamicFocusState>;\n\n\t/**\n\t * Returns the current state of the Dynamic Focus controller.\n\t * @returns Promise resolving to the current state\n\t * @see {@link DynamicFocus.getState}\n\t */\n\tgetState(): Promise<DynamicFocusState>;\n\n\t/**\n\t * Perform a manual visual update of the focused facades, and optionally set the floor.\n\t * @param setFloor - Whether to set the floor. This will default to the current state of setFloorOnFocus.\n\t * @returns Promise that resolves when the focus operation is complete\n\t * @see {@link DynamicFocus.focus}\n\t */\n\tfocus(setFloor?: boolean): Promise<void>;\n\n\t/**\n\t * Disables the Dynamic Focus instance and unsubscribes all MapView event listeners.\n\t * @returns Promise that resolves when disabling is complete\n\t * @see {@link DynamicFocus.disable}\n\t */\n\tdisable(): Promise<void>;\n\n\t/**\n\t * Enables Dynamic Focus with the given options.\n\t * @param options - The options to enable Dynamic Focus with\n\t * @returns Promise that resolves when enabling is complete\n\t * @see {@link DynamicFocus.enable}\n\t */\n\tenable(options?: Partial<DynamicFocusState>): Promise<void>;\n}\n\n/**\n * React hook for using DynamicFocus extension in React Native WebView\n *\n * This hook provides an API for interacting with the DynamicFocus extension:\n * - Uses the shared state system for automatic extension registration\n * - Provides methods for controlling dynamic focus behavior\n * - Handles bridge communication and error management\n *\n * @returns Hook API object with Dynamic Focus methods\n *\n *\n * @example\n * ```tsx\n * import { MapView } from '@mappedin/react-native-sdk';\n * import { useDynamicFocus } from '@mappedin/dynamic-focus/rn';\n *\n * function MyComponent() {\n *   const { updateState, isReady } = useDynamicFocus();\n *\n *   // Use the Dynamic Focus API\n *   React.useEffect(() => {\n *     if (isReady) {\n *       updateState({ autoFocus: true });\n *     }\n *   }, [isReady]);\n * }\n * ```\n */\nexport function useDynamicFocus(): UseDynamicFocusResult {\n\tconst context = useContext(MappedinContext);\n\tconst { bridge, extensions, updateExtensionState } = context;\n\n\t// Use registration hook to handle extension registration (no parameters needed)\n\tuseDynamicFocusRegistration();\n\n\t// Get extension state from context - properly typed now, no casting needed!\n\tconst extensionState = extensions['dynamic-focus'];\n\tconst registrationState = extensionState?.registrationState || 'unregistered';\n\tconst isReady = registrationState === 'registered'; // Backward compatibility\n\tconst isEnabled = extensionState?.isEnabled || false;\n\n\t// State for focused facades\n\tconst [focusedFacades, setFocusedFacades] = useState<Facade[]>(extensionState?.focusedFacades || []);\n\n\t// Use ref to maintain stable reference for extensions for memoization\n\tconst extensionsRef = useRef(extensions);\n\n\t// Update ref on each render\n\textensionsRef.current = extensions;\n\n\t// Extension registration is handled by useDynamicFocusRegistration\n\n\t// Listen for focus events to update focused facades\n\tuseDynamicFocusEvent(\n\t\t'focus',\n\t\tuseCallback(\n\t\t\tevent => {\n\t\t\t\tconst newFocusedFacades = event.facades;\n\t\t\t\tsetFocusedFacades(newFocusedFacades);\n\n\t\t\t\t// Update extension state to persist facades - use callback to merge\n\t\t\t\tupdateExtensionState('dynamic-focus', prev => ({\n\t\t\t\t\t...prev,\n\t\t\t\t\tregistrationState,\n\t\t\t\t\tfocusedFacades: newFocusedFacades,\n\t\t\t\t}));\n\t\t\t},\n\t\t\t[registrationState, updateExtensionState],\n\t\t),\n\t);\n\n\t/**\n\t * Helper function to make extension method calls through the bridge\n\t */\n\tconst callExtensionMethod = useCallback(\n\t\tasync <T = any>(method: string, args: any[] = []): Promise<T> => {\n\t\t\tif (!bridge?.isReady) {\n\t\t\t\tthrow new Error('Bridge is not ready. Ensure the WebView is loaded.');\n\t\t\t}\n\n\t\t\treturn (await bridge!.instruct({\n\t\t\t\ttype: 'extension',\n\t\t\t\tpayload: {\n\t\t\t\t\tname: 'dynamic-focus',\n\t\t\t\t\tmethod,\n\t\t\t\t\targs,\n\t\t\t\t},\n\t\t\t})) as T;\n\t\t},\n\t\t[bridge],\n\t);\n\n\t// Memoize the enable method to prevent unnecessary re-renders\n\tconst enable = useCallback(\n\t\tasync (options?: Partial<DynamicFocusState>): Promise<void> => {\n\t\t\t// Get current isEnabled state from context using ref to avoid dependency\n\t\t\tconst currentExtensionState = extensionsRef.current?.['dynamic-focus'];\n\t\t\tconst currentIsEnabled = currentExtensionState?.isEnabled || false;\n\n\t\t\t// Check if already enabled to avoid unnecessary calls\n\t\t\tif (currentIsEnabled) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tawait callExtensionMethod<void>('enable', [options]);\n\n\t\t\t// Update extension state to reflect enabled status - use callback to merge\n\t\t\tupdateExtensionState('dynamic-focus', prev => ({ ...prev, isEnabled: true }));\n\t\t},\n\t\t[callExtensionMethod, updateExtensionState],\n\t);\n\n\t// Memoize the updateState method to prevent unnecessary re-renders\n\tconst updateState = useCallback(\n\t\tasync (state: Partial<DynamicFocusState>): Promise<DynamicFocusState> => {\n\t\t\treturn await callExtensionMethod<DynamicFocusState>('updateState', [state]);\n\t\t},\n\t\t[callExtensionMethod],\n\t);\n\n\t// Memoize the getState method to prevent unnecessary re-renders\n\tconst getState = useCallback(async (): Promise<DynamicFocusState> => {\n\t\treturn await callExtensionMethod<DynamicFocusState>('getState');\n\t}, [callExtensionMethod]);\n\n\t// Memoize the focus method to prevent unnecessary re-renders\n\tconst focus = useCallback(\n\t\tasync (setFloor?: boolean): Promise<void> => {\n\t\t\treturn await callExtensionMethod<void>('focus', [setFloor]);\n\t\t},\n\t\t[callExtensionMethod],\n\t);\n\n\t// Memoize the disable method to prevent unnecessary re-renders\n\tconst disable = useCallback(async (): Promise<void> => {\n\t\tawait callExtensionMethod<void>('disable');\n\t\t// Set extension state to idle after disabling and clear facades\n\t\tsetFocusedFacades([]);\n\t\t// Reset all state after disabling - replace entire state in this case\n\t\tupdateExtensionState('dynamic-focus', {\n\t\t\tregistrationState: 'unregistered',\n\t\t\tisEnabled: false,\n\t\t\tfocusedFacades: [],\n\t\t});\n\t}, [callExtensionMethod, setFocusedFacades, updateExtensionState]);\n\n\t// Return hook API with Dynamic Focus methods\n\treturn {\n\t\tisReady,\n\t\tisEnabled,\n\t\tfocusedFacades,\n\t\tupdateState,\n\t\tgetState,\n\t\tfocus,\n\t\tdisable,\n\t\tenable,\n\t};\n}\n", "import { useCallback, useContext } from 'react';\nimport { Logger } from '../logger';\nimport type { DynamicFocusEvents, DynamicFocusEventPayload } from '../types';\nimport {\n\tMappedinContext,\n\tuseEventCallback,\n\tcreateEventSetupScript,\n\tcreateEventCleanupScript,\n} from '@mappedin/react-native-sdk';\nimport { hydrateFacades } from './utils/facade-hydration';\nimport { useDynamicFocusRegistration } from './use-dynamic-focus-registration';\n\n/**\n * React hook for listening to DynamicFocus extension events in React Native WebView\n * This hook also auto registers the dynamic focus extension if it is not already registered\n *\n * @param event - The dynamic focus event type to listen for\n * @param callback - The callback function to call when the event is triggered\n *\n * @example\n * ```tsx\n * import { useDynamicFocusEvent } from '@mappedin/dynamic-focus/rn';\n *\n * function MyComponent() {\n *   useDynamicFocusEvent('focus', (event) => {\n *     console.log('Focus event:', event);\n *   });\n * }\n * ```\n */\nexport function useDynamicFocusEvent<T extends keyof DynamicFocusEvents>(\n\tevent: T,\n\tcallback: (payload: DynamicFocusEventPayload<T>) => void,\n): void {\n\t// Parameter validation\n\tif (typeof event !== 'string' || event.length === 0) {\n\t\tthrow new Error('Event parameter must be a non-empty string');\n\t}\n\n\tif (typeof callback !== 'function') {\n\t\tthrow new Error('Callback parameter must be a function');\n\t}\n\n\tconst context = useContext(MappedinContext);\n\tconst { extensions, mapData } = context;\n\tif (!mapData) {\n\t\tthrow new Error('Map data is not available');\n\t}\n\n\t// Use registration hook to ensure extension is registered\n\tuseDynamicFocusRegistration();\n\n\t// Get extension readiness from context only\n\tconst extensionRegistrationState = extensions?.['dynamic-focus']?.registrationState || 'unregistered';\n\tconst extensionIsReady = extensionRegistrationState === 'registered';\n\n\t// Create a callback wrapper that handles payload processing and facade hydration\n\tconst processedCallback = useCallback(\n\t\t(payload: DynamicFocusEventPayload<T>) => {\n\t\t\ttry {\n\t\t\t\t// Hydrate facades for focus events before calling user callback\n\t\t\t\tlet processedPayload = payload;\n\t\t\t\tif (event === 'focus' && (payload as any).facades) {\n\t\t\t\t\tprocessedPayload = {\n\t\t\t\t\t\t...payload,\n\t\t\t\t\t\tfacades: hydrateFacades(mapData, (payload as any).facades),\n\t\t\t\t\t} as DynamicFocusEventPayload<T>;\n\t\t\t\t}\n\n\t\t\t\tcallback(processedPayload);\n\t\t\t} catch (error) {\n\t\t\t\tLogger.error(`Error in dynamic focus event callback for ${String(event)}:`, error);\n\t\t\t}\n\t\t},\n\t\t[event, mapData, callback],\n\t);\n\n\t// Use the shared event callback hook with dynamic focus specific setup/cleanup\n\tuseEventCallback({\n\t\teventKey: `dynamic-focus:${String(event)}`,\n\t\tcallback: processedCallback,\n\t\tsetupScript: () =>\n\t\t\tcreateEventSetupScript({\n\t\t\t\textensionName: 'dynamic-focus',\n\t\t\t\teventName: String(event),\n\t\t\t}),\n\t\tcleanupScript: () =>\n\t\t\tcreateEventCleanupScript({\n\t\t\t\textensionName: 'dynamic-focus',\n\t\t\t\teventName: String(event),\n\t\t\t}),\n\t\tshouldInject: extensionIsReady,\n\t});\n}\n", "/* eslint-disable no-console*/\nexport const MI_DEBUG_KEY = 'mi-debug';\nexport const MI_ERROR_LABEL = '[MappedinJS]';\n\nexport enum E_SDK_LOG_LEVEL {\n\tLOG,\n\tWARN,\n\tERROR,\n\tSILENT,\n}\n\nexport function createLogger(name = '', { prefix = MI_ERROR_LABEL } = {}) {\n\tconst label = `${prefix}${name ? `-${name}` : ''}`;\n\n\tconst rnDebug = (type: 'log' | 'warn' | 'error', args: any[]) => {\n\t\tif (typeof window !== 'undefined' && (window as any).rnDebug) {\n\t\t\tconst processed = args.map(arg => {\n\t\t\t\tif (arg instanceof Error && arg.stack) {\n\t\t\t\t\treturn `${arg.message}\\n${arg.stack}`;\n\t\t\t\t}\n\n\t\t\t\treturn arg;\n\t\t\t});\n\t\t\t(window as any).rnDebug(`${name} ${type}: ${processed.join(' ')}`);\n\t\t}\n\t};\n\n\treturn {\n\t\tlogState: process.env.NODE_ENV === 'test' ? E_SDK_LOG_LEVEL.SILENT : E_SDK_LOG_LEVEL.LOG,\n\n\t\tlog(...args: any[]) {\n\t\t\tif (this.logState <= E_SDK_LOG_LEVEL.LOG) {\n\t\t\t\tconsole.log(label, ...args);\n\t\t\t\trnDebug('log', args);\n\t\t\t}\n\t\t},\n\n\t\twarn(...args: any[]) {\n\t\t\tif (this.logState <= E_SDK_LOG_LEVEL.WARN) {\n\t\t\t\tconsole.warn(label, ...args);\n\t\t\t\trnDebug('warn', args);\n\t\t\t}\n\t\t},\n\n\t\terror(...args: any[]) {\n\t\t\tif (this.logState <= E_SDK_LOG_LEVEL.ERROR) {\n\t\t\t\tconsole.error(label, ...args);\n\n\t\t\t\trnDebug('error', args);\n\t\t\t}\n\t\t},\n\n\t\t// It's a bit tricky to prepend [MappedinJs] to assert and time because of how the output is structured in the console, so it is left out for simplicity\n\t\tassert(...args: any[]) {\n\t\t\tconsole.assert(...args);\n\t\t},\n\n\t\ttime(label: string) {\n\t\t\tconsole.time(label);\n\t\t},\n\n\t\ttimeEnd(label: string) {\n\t\t\tconsole.timeEnd(label);\n\t\t},\n\t\tsetLevel(level: E_SDK_LOG_LEVEL) {\n\t\t\tif (E_SDK_LOG_LEVEL.LOG <= level && level <= E_SDK_LOG_LEVEL.SILENT) {\n\t\t\t\tthis.logState = level;\n\t\t\t}\n\t\t},\n\t};\n}\n\nconst Logger = createLogger();\nexport function setLoggerLevel(level: E_SDK_LOG_LEVEL) {\n\tif (E_SDK_LOG_LEVEL.LOG <= level && level <= E_SDK_LOG_LEVEL.SILENT) {\n\t\tLogger.logState = level;\n\t}\n}\n\nexport default Logger;\n", "import { createLogger } from '../../packages/common/Mappedin.Logger';\n\nexport const Logger = createLogger('', { prefix: '[DynamicFocus]' });\n", "import type { MapData, Facade } from '@mappedin/mappedin-js';\n\n/**\n * Hydrates facade data from JSON objects to actual Facade instances\n * @param mapData - The MapData instance containing facade data\n * @param facades - Array of facade data (JSON objects or Facade instances)\n * @returns Array of hydrated Facade instances\n */\nexport function hydrateFacades(mapData: MapData, facades: Facade['toJSON'][]): Facade[] {\n\treturn facades.map((facadeData: any) => {\n\t\t// Try to hydrate the facade using mapData\n\t\tif (facadeData && facadeData.id) {\n\t\t\tconst hydratedFacade = mapData.getById('facade', facadeData.id);\n\t\t\treturn hydratedFacade || facadeData; // Fallback to original data if hydration fails\n\t\t}\n\t\treturn facadeData;\n\t});\n}\n", "import { useRegisterExtension } from '@mappedin/react-native-sdk';\nimport { Logger } from '../logger';\nimport { getRegistrationScript } from './extension-source';\n\n/**\n * Registration state for extension registration lifecycle\n */\nexport type RegistrationState = 'unregistered' | 'registering' | 'registered';\n\n/**\n * React hook for registering the DynamicFocus extension with the WebView bridge\n *\n * This hook handles the complete extension registration lifecycle:\n * - Monitors bridge readiness state\n * - Checks if extension is already registered to avoid duplicates\n * - Injects registration script when needed\n * - Updates extension state in shared context\n * - Handles all registration errors gracefully\n *\n * Multiple hooks can use this safely - the registration logic is idempotent\n * and will only register the extension once per bridge lifecycle.\n *\n * @returns void - Hook performs registration as side effect only\n *\n * @example\n * ```tsx\n * function MyExtensionHook() {\n *   useDynamicFocusRegistration(); // Handles registration automatically\n *\n *   // Read isReady from context extensions\n *   const { extensions } = useContext(MappedinContext);\n *   const isReady = extensions?.['dynamic-focus']?.isReady || false;\n * }\n * ```\n */\nexport function useDynamicFocusRegistration(): void {\n\tuseRegisterExtension({\n\t\textensionName: 'dynamic-focus',\n\t\tgetRegistrationScript,\n\t\tlogger: Logger,\n\t});\n}\n", "// Extension source placeholder - replaced at build time\nconst EXTENSION_SOURCE_PLACEHOLDER = `INJECT_SCRIPT_HERE`;\n\n/**\n * Returns the extension registration script\n * This function's return value is replaced at build time with the actual IIFE content\n * @returns JavaScript code string for extension registration\n */\nexport function getRegistrationScript(): string {\n\treturn EXTENSION_SOURCE_PLACEHOLDER;\n}\n"],
+  "mappings": "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",
+  "names": ["useCallback", "useContext", "MappedinContext", "label", "Logger", "Logger", "Logger", "useContext", "MappedinContext", "useCallback"]
+}

package/lib/rn/logger.d.ts

@@ -0,0 +1,10 @@
+export declare const Logger: {
+    logState: import("../../packages/common/Mappedin.Logger").E_SDK_LOG_LEVEL;
+    log(...args: any[]): void;
+    warn(...args: any[]): void;
+    error(...args: any[]): void;
+    assert(...args: any[]): void;
+    time(label: string): void;
+    timeEnd(label: string): void;
+    setLevel(level: import("../../packages/common/Mappedin.Logger").E_SDK_LOG_LEVEL): void;
+};

package/lib/rn/rn/extension-augmentation.d.ts

@@ -0,0 +1,15 @@
+import type { BaseExtensionState } from '@mappedin/react-native-sdk';
+import type { DynamicFocusExtensionState } from './use-dynamic-focus';
+/**
+ * Module augmentation to register the dynamic-focus extension type
+ * with the React Native SDK's extension registry.
+ *
+ * This allows TypeScript to properly type the extension state
+ * when accessed from the MappedinContext without type casting.
+ */
+declare module '@mappedin/react-native-sdk' {
+    interface ExtensionRegistry {
+        'dynamic-focus': DynamicFocusExtensionState & BaseExtensionState;
+    }
+}
+export {};

package/lib/rn/rn/extension-source.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the extension registration script
+ * This function's return value is replaced at build time with the actual IIFE content
+ * @returns JavaScript code string for extension registration
+ */
+export declare function getRegistrationScript(): string;

package/lib/rn/rn/use-dynamic-focus-events.d.ts

@@ -0,0 +1,20 @@
+import type { DynamicFocusEvents, DynamicFocusEventPayload } from '../types';
+/**
+ * React hook for listening to DynamicFocus extension events in React Native WebView
+ * This hook also auto registers the dynamic focus extension if it is not already registered
+ *
+ * @param event - The dynamic focus event type to listen for
+ * @param callback - The callback function to call when the event is triggered
+ *
+ * @example
+ * ```tsx
+ * import { useDynamicFocusEvent } from '@mappedin/dynamic-focus/rn';
+ *
+ * function MyComponent() {
+ *   useDynamicFocusEvent('focus', (event) => {
+ *     console.log('Focus event:', event);
+ *   });
+ * }
+ * ```
+ */
+export declare function useDynamicFocusEvent<T extends keyof DynamicFocusEvents>(event: T, callback: (payload: DynamicFocusEventPayload<T>) => void): void;

package/lib/rn/rn/use-dynamic-focus-registration.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Registration state for extension registration lifecycle
+ */
+export type RegistrationState = 'unregistered' | 'registering' | 'registered';
+/**
+ * React hook for registering the DynamicFocus extension with the WebView bridge
+ *
+ * This hook handles the complete extension registration lifecycle:
+ * - Monitors bridge readiness state
+ * - Checks if extension is already registered to avoid duplicates
+ * - Injects registration script when needed
+ * - Updates extension state in shared context
+ * - Handles all registration errors gracefully
+ *
+ * Multiple hooks can use this safely - the registration logic is idempotent
+ * and will only register the extension once per bridge lifecycle.
+ *
+ * @returns void - Hook performs registration as side effect only
+ *
+ * @example
+ * ```tsx
+ * function MyExtensionHook() {
+ *   useDynamicFocusRegistration(); // Handles registration automatically
+ *
+ *   // Read isReady from context extensions
+ *   const { extensions } = useContext(MappedinContext);
+ *   const isReady = extensions?.['dynamic-focus']?.isReady || false;
+ * }
+ * ```
+ */
+export declare function useDynamicFocusRegistration(): void;

package/lib/rn/rn/use-dynamic-focus.d.ts

@@ -0,0 +1,91 @@
+import type { DynamicFocusState } from '../types';
+import type { Facade } from '@mappedin/mappedin-js';
+/**
+ * Extension state for Dynamic Focus that includes the current focused facades
+ */
+export interface DynamicFocusExtensionState {
+    /**
+     * Whether the extension is currently enabled
+     */
+    isEnabled: boolean;
+    /**
+     * The currently focused facades
+     */
+    focusedFacades: Facade[];
+}
+export interface UseDynamicFocusResult {
+    /**
+     * Whether the extension is ready and initialized
+     */
+    isReady: boolean;
+    /**
+     * Whether the extension is currently enabled
+     */
+    isEnabled: boolean;
+    /**
+     * The currently focused facades
+     */
+    focusedFacades: Facade[];
+    /**
+     * Updates the state of the Dynamic Focus controller.
+     * @param state - The state to update
+     * @returns Promise resolving to the updated complete state
+     * @see {@link DynamicFocus.updateState}
+     */
+    updateState(state: Partial<DynamicFocusState>): Promise<DynamicFocusState>;
+    /**
+     * Returns the current state of the Dynamic Focus controller.
+     * @returns Promise resolving to the current state
+     * @see {@link DynamicFocus.getState}
+     */
+    getState(): Promise<DynamicFocusState>;
+    /**
+     * Perform a manual visual update of the focused facades, and optionally set the floor.
+     * @param setFloor - Whether to set the floor. This will default to the current state of setFloorOnFocus.
+     * @returns Promise that resolves when the focus operation is complete
+     * @see {@link DynamicFocus.focus}
+     */
+    focus(setFloor?: boolean): Promise<void>;
+    /**
+     * Disables the Dynamic Focus instance and unsubscribes all MapView event listeners.
+     * @returns Promise that resolves when disabling is complete
+     * @see {@link DynamicFocus.disable}
+     */
+    disable(): Promise<void>;
+    /**
+     * Enables Dynamic Focus with the given options.
+     * @param options - The options to enable Dynamic Focus with
+     * @returns Promise that resolves when enabling is complete
+     * @see {@link DynamicFocus.enable}
+     */
+    enable(options?: Partial<DynamicFocusState>): Promise<void>;
+}
+/**
+ * React hook for using DynamicFocus extension in React Native WebView
+ *
+ * This hook provides an API for interacting with the DynamicFocus extension:
+ * - Uses the shared state system for automatic extension registration
+ * - Provides methods for controlling dynamic focus behavior
+ * - Handles bridge communication and error management
+ *
+ * @returns Hook API object with Dynamic Focus methods
+ *
+ *
+ * @example
+ * ```tsx
+ * import { MapView } from '@mappedin/react-native-sdk';
+ * import { useDynamicFocus } from '@mappedin/dynamic-focus/rn';
+ *
+ * function MyComponent() {
+ *   const { updateState, isReady } = useDynamicFocus();
+ *
+ *   // Use the Dynamic Focus API
+ *   React.useEffect(() => {
+ *     if (isReady) {
+ *       updateState({ autoFocus: true });
+ *     }
+ *   }, [isReady]);
+ * }
+ * ```
+ */
+export declare function useDynamicFocus(): UseDynamicFocusResult;

package/lib/rn/rn/utils/facade-hydration.d.ts

@@ -0,0 +1,8 @@
+import type { MapData, Facade } from '@mappedin/mappedin-js';
+/**
+ * Hydrates facade data from JSON objects to actual Facade instances
+ * @param mapData - The MapData instance containing facade data
+ * @param facades - Array of facade data (JSON objects or Facade instances)
+ * @returns Array of hydrated Facade instances
+ */
+export declare function hydrateFacades(mapData: MapData, facades: Facade['toJSON'][]): Facade[];

package/lib/rn/types.d.ts

@@ -0,0 +1,100 @@
+import type { Facade, TFacadeState, VisibilityState as BuildingFloorStackState } from '@mappedin/mappedin-js';
+export type DynamicFocusAnimationOptions = {
+    /**
+     * The duration of the animation in milliseconds.
+     * @default 150
+     */
+    duration: number;
+};
+/**
+ * Array of valid dynamic focus modes for runtime validation.
+ */
+export declare const DYNAMIC_FOCUS_MODES: readonly ["default-floor", "lock-elevation", "nearest-elevation"];
+/**
+ * The mode which determines the indoor floor to reveal when the camera focuses on a facade.
+ * - 'default-floor' - Show the default floor of the floor stack.
+ * - 'lock-elevation' - Show the floor at the current elevation, if possible.
+ * When a floor stack does not have a floor at the current elevation, no indoor floor will be shown.
+ * - 'nearest-elevation' - Show the floor at the current elevation, if possible.
+ * When a floor stack does not have a floor at the current elevation, show the indoor floor at the nearest lower elevation.
+ */
+export type DynamicFocusMode = (typeof DYNAMIC_FOCUS_MODES)[number];
+/**
+ * State of the Dynamic Focus controller.
+ */
+export type DynamicFocusState = {
+    /**
+     * Whether to automatically focus on the outdoors when the camera moves in range.
+     * @default true
+     */
+    autoFocus: boolean;
+    /**
+     * The zoom level at which the camera will fade out the facades and fade in the indoor floors.
+     * @default 18
+     */
+    indoorZoomThreshold: number;
+    /**
+     * The zoom level at which the camera will fade in the facades and fade out the indoor floors.
+     * @default 17
+     */
+    outdoorZoomThreshold: number;
+    /**
+     * Whether to set the floor to the outdoors when the camera moves in range.
+     * @default true
+     */
+    setFloorOnFocus: boolean;
+    /**
+     * Options for the animation when fading out the facade to reveal the interior.
+     */
+    indoorAnimationOptions: DynamicFocusAnimationOptions;
+    /**
+     * Options for the animation when fading in the facade to hide the interior.
+     */
+    outdoorAnimationOptions: DynamicFocusAnimationOptions;
+    /**
+     * The mode of the Dynamic Focus controller.
+     * @default 'default-floor'
+     */
+    mode: DynamicFocusMode;
+    /**
+     * Whether to automatically adjust facade heights to align with floor boundaries in multi-floor buildings.
+     * @default false
+     */
+    autoAdjustFacadeHeights: boolean;
+    /**
+     * Whether to preload the geometry of the initial floors in each building. Improves performance when rendering the building for the first time.
+     * @default true
+     */
+    preloadFloors: boolean;
+};
+/**
+ * Internal events emitted for updating React state.
+ */
+export type InternalDynamicFocusEvents = {
+    'state-change': undefined;
+};
+/**
+ * Events emitted by the Dynamic Focus controller.
+ */
+export type DynamicFocusEvents = {
+    /**
+     * Emitted when the Dynamic Focus controller triggers a focus update either from a camera change or manually calling `focus()`.
+     */
+    focus: {
+        facades: Facade[];
+    };
+};
+export type DynamicFocusEventPayload<EventName extends keyof DynamicFocusEvents> = DynamicFocusEvents[EventName] extends {
+    data: null;
+} ? DynamicFocusEvents[EventName]['data'] : DynamicFocusEvents[EventName];
+export type BuildingFacadeState = {
+    facade: Facade;
+    state: TFacadeState;
+};
+export type BuildingState = BuildingFloorStackState & {
+    facadeState: BuildingFacadeState;
+};
+export type ZoomState = 'in-range' | 'out-of-range' | 'transition';
+export type ViewState = 'indoor' | 'outdoor' | 'transition';
+export type BuildingAnimation = 'indoor' | 'outdoor' | 'none';
+export type { BuildingFloorStackState };