be-components 0.9.3 → 0.9.5

package/lib/commonjs/AdServer/components/CompanyAdCard.js

@@ -4,15 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _ViewportObserver = require("../../Components/ViewportObserver");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const CompanyAdCard = ({
   company_ad,
   ad_type,
-  onClickAd
+  onClickAd,
+  onViewAd
 }) => {
+  const ref = (0, _react.useRef)(null);
+  const isInViewport = (0, _ViewportObserver.useIsInViewport)(ref);
+  (0, _react.useEffect)(() => {
+    if (!isInViewport) {
+      return;
+    }
+    onViewAd(company_ad);
+  }, [isInViewport]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    ref: ref,
     onPress: () => onClickAd(company_ad)
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
     source: {

package/lib/commonjs/AdServer/components/CompanyAdCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","CompanyAdCard","company_ad","ad_type","onClickAd","createElement","TouchableOpacity","onPress","Image","source","uri","ad_creative","url","style","width","height","resizeMode","_default","exports"],"sourceRoot":"../../../../src","sources":["AdServer/components/CompanyAdCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAsD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAStD,MAAMG,aAAa,GAAGA,CAAC;EAAEC,UAAU;EAAEC,OAAO;EAAEC;AAA6B,CAAC,KAAK;EAC7E,oBACIV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,gBAAgB;IAACC,OAAO,EAAEA,CAAA,KAAMH,SAAS,CAACF,UAAU;EAAE,gBACnDR,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAW,KAAK;IACFC,MAAM,EAAE;MAAEC,GAAG,EAAER,UAAU,CAACS,WAAW,CAACC;IAAI,CAAE;IAC5CC,KAAK,EAAE;MAAEC,KAAK,EAAEX,OAAO,CAACW,KAAK;MAAEC,MAAM,EAAEZ,OAAO,CAACY;IAAO,CAAE;IACxDC,UAAU,EAAC;EAAO,CACrB,CACa,CAAC;AAE3B,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAGcC,aAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ViewportObserver","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CompanyAdCard","company_ad","ad_type","onClickAd","onViewAd","ref","useRef","isInViewport","useIsInViewport","useEffect","createElement","TouchableOpacity","onPress","Image","source","uri","ad_creative","url","style","width","height","resizeMode","_default","exports"],"sourceRoot":"../../../../src","sources":["AdServer/components/CompanyAdCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAAoE,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AASpE,MAAMW,aAAa,GAAGA,CAAC;EAAEC,UAAU;EAAEC,OAAO;EAAEC,SAAS;EAAEC;AAA4B,CAAC,KAAK;EAEvF,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACxB,MAAMC,YAAY,GAAG,IAAAC,iCAAe,EAACH,GAAG,CAAC;EAEzC,IAAAI,gBAAS,EAAC,MAAM;IACZ,IAAG,CAACF,YAAY,EAAC;MAAE;IAAO;IAC1BH,QAAQ,CAACH,UAAU,CAAC;EACxB,CAAC,EAAC,CAACM,YAAY,CAAC,CAAC;EAEjB,oBACIhC,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,YAAA,CAAAiC,gBAAgB;IAACN,GAAG,EAAEA,GAAI;IAACO,OAAO,EAAEA,CAAA,KAAMT,SAAS,CAACF,UAAU;EAAE,gBAC7D1B,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,YAAA,CAAAmC,KAAK;IACFC,MAAM,EAAE;MAAEC,GAAG,EAAEd,UAAU,CAACe,WAAW,CAACC;IAAI,CAAE;IAC5CC,KAAK,EAAE;MAAEC,KAAK,EAAEjB,OAAO,CAACiB,KAAK;MAAEC,MAAM,EAAElB,OAAO,CAACkB;IAAO,CAAE;IACxDC,UAAU,EAAC;EAAO,CACrB,CACa,CAAC;AAE3B,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAArC,OAAA,GAGcc,aAAa","ignoreList":[]}

package/lib/commonjs/AdServer/index.js

@@ -51,14 +51,15 @@ const AdProvider = ({
 };
 exports.AdProvider = AdProvider;
 const AdServer = ({
-  ad_placement_id,
+  placement,
   ad_type,
   onViewAd,
   onClickAd
 }) => {
   const data = (0, _react.useContext)(AdContext);
   const active_type = data.ad_types.find(t => t.ad_type == ad_type);
-  const active_placement = data.ad_placements.find(p => p.ad_placement_id == ad_placement_id);
+  const active_placement = data.ad_placements.find(p => p.placement == placement);
+  console.log(data.ad_placements);
   if (!active_placement?.ad_buys) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
@@ -73,34 +74,31 @@ const AdServer = ({
   const active_ad = selectedable_ads[Math.floor(Math.random() * selectedable_ads.length)];
   //const active_ad = data.company_ads[0]
 
-  (0, _react.useEffect)(() => {
-    if (!active_ad) {
-      return;
-    }
-    onViewAd({
-      event_name: 'ad_view',
-      level: 2,
-      event_data: {
-        ad_placement_id,
-        company_id: active_ad.company_id,
-        company_ad_buy_id: active_ad_buy.company_ad_buy_id,
-        ad_campaigns: active_ad.ad_campaigns,
-        company_ad_id: active_ad.company_ad_id
-      }
-    });
-  }, [active_ad]);
   if (!active_ad || !active_type) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_CompanyAdCard.default, {
     company_ad: active_ad,
     ad_type: active_type,
+    onViewAd: ad => {
+      onViewAd({
+        event_name: 'ad_view',
+        level: 2,
+        event_data: {
+          ad_placement_id: active_placement.ad_placement_id,
+          company_ad_buy_id: ad.company_ad_buy_id,
+          company_ad_id: ad.company_ad_id,
+          company_id: ad.company_id,
+          ad_campaigns: ad.ad_campaigns
+        }
+      });
+    },
     onClickAd: ad => {
       onClickAd({
         event_name: 'ad_click',
         level: 1,
         event_data: {
-          ad_placement_id,
+          ad_placement_id: active_placement.ad_placement_id,
           company_ad_buy_id: ad.company_ad_buy_id,
           company_ad_id: ad.company_ad_id,
           company_id: ad.company_id,

package/lib/commonjs/AdServer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_api","_CompanyAdCard","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AdContext","createContext","loading","ad_types","ad_placements","distinct_id","undefined","session_id","AdProvider","children","ads_data","setData","useState","useEffect","AdServerApi","setEnvironment","getAds","ad_plcm","findAds","typs","getAdTypes","createElement","Provider","value","exports","AdServer","ad_placement_id","ad_type","onViewAd","onClickAd","data","useContext","active_type","find","active_placement","p","ad_buys","Fragment","active_ad_buy","Math","floor","random","length","selectedable_ads","company_ads","active_ad","event_name","level","event_data","company_id","company_ad_buy_id","ad_campaigns","company_ad_id","View","company_ad","ad","new_url","AdServerHelpers","generateUrl","landing_url","Linking","openURL","_default"],"sourceRoot":"../../../src","sources":["AdServer/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_api","_CompanyAdCard","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AdContext","createContext","loading","ad_types","ad_placements","distinct_id","undefined","session_id","AdProvider","children","ads_data","setData","useState","useEffect","AdServerApi","setEnvironment","getAds","ad_plcm","findAds","typs","getAdTypes","createElement","Provider","value","exports","AdServer","placement","ad_type","onViewAd","onClickAd","data","useContext","active_type","find","active_placement","p","console","log","ad_buys","Fragment","active_ad_buy","Math","floor","random","length","selectedable_ads","company_ads","active_ad","View","company_ad","ad","event_name","level","event_data","ad_placement_id","company_ad_buy_id","company_ad_id","company_id","ad_campaigns","new_url","AdServerHelpers","generateUrl","landing_url","Linking","openURL","_default"],"sourceRoot":"../../../src","sources":["AdServer/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/Components/ViewportObserver.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIsInViewport = void 0;
+var _react = require("react");
+const useIsInViewport = ref => {
+  const [isIntersecting, setIsIntersecting] = (0, _react.useState)(false);
+  const observer = (0, _react.useMemo)(() => new IntersectionObserver(([entry]) => {
+    if (!entry) {
+      return;
+    }
+    setIsIntersecting(entry.isIntersecting);
+  }), []);
+  (0, _react.useEffect)(() => {
+    if (!ref?.current) {
+      return;
+    }
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [ref, observer]);
+  return isIntersecting;
+};
+exports.useIsInViewport = useIsInViewport;
+//# sourceMappingURL=ViewportObserver.js.map

package/lib/commonjs/Components/ViewportObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useIsInViewport","ref","isIntersecting","setIsIntersecting","useState","observer","useMemo","IntersectionObserver","entry","useEffect","current","observe","disconnect","exports"],"sourceRoot":"../../../src","sources":["Components/ViewportObserver.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAIC,GAAO,IAAK;EACxC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE3D,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EACtB,MACE,IAAIC,oBAAoB,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK;IAClC,IAAG,CAACA,KAAK,EAAC;MAAE;IAAO;IACnBL,iBAAiB,CAACK,KAAK,CAACN,cAAc,CAAC;EAC3C,CACA,CAAC,EACH,EACF,CAAC;EAED,IAAAO,gBAAS,EAAC,MAAM;IACZ,IAAG,CAACR,GAAG,EAAES,OAAO,EAAC;MAAE;IAAO;IAC5BL,QAAQ,CAACM,OAAO,CAACV,GAAG,CAACS,OAAO,CAAC;IAE7B,OAAO,MAAM;MACXL,QAAQ,CAACO,UAAU,CAAC,CAAC;IACvB,CAAC;EAEH,CAAC,EAAE,CAACX,GAAG,EAAEI,QAAQ,CAAC,CAAC;EAEnB,OAAOH,cAAc;AACvB,CAAC;AAAAW,OAAA,CAAAb,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/module/AdServer/components/CompanyAdCard.js

@@ -1,11 +1,22 @@
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { Image, TouchableOpacity } from "react-native";
+import { useIsInViewport } from '../../Components/ViewportObserver';
 const CompanyAdCard = ({
   company_ad,
   ad_type,
-  onClickAd
+  onClickAd,
+  onViewAd
 }) => {
+  const ref = useRef(null);
+  const isInViewport = useIsInViewport(ref);
+  useEffect(() => {
+    if (!isInViewport) {
+      return;
+    }
+    onViewAd(company_ad);
+  }, [isInViewport]);
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    ref: ref,
     onPress: () => onClickAd(company_ad)
   }, /*#__PURE__*/React.createElement(Image, {
     source: {

package/lib/module/AdServer/components/CompanyAdCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","TouchableOpacity","CompanyAdCard","company_ad","ad_type","onClickAd","createElement","onPress","source","uri","ad_creative","url","style","width","height","resizeMode"],"sourceRoot":"../../../../src","sources":["AdServer/components/CompanyAdCard.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,gBAAgB,QAAQ,cAAc;AAStD,MAAMC,aAAa,GAAGA,CAAC;EAAEC,UAAU;EAAEC,OAAO;EAAEC;AAA6B,CAAC,KAAK;EAC7E,oBACIN,KAAA,CAAAO,aAAA,CAACL,gBAAgB;IAACM,OAAO,EAAEA,CAAA,KAAMF,SAAS,CAACF,UAAU;EAAE,gBACnDJ,KAAA,CAAAO,aAAA,CAACN,KAAK;IACFQ,MAAM,EAAE;MAAEC,GAAG,EAAEN,UAAU,CAACO,WAAW,CAACC;IAAI,CAAE;IAC5CC,KAAK,EAAE;MAAEC,KAAK,EAAET,OAAO,CAACS,KAAK;MAAEC,MAAM,EAAEV,OAAO,CAACU;IAAO,CAAE;IACxDC,UAAU,EAAC;EAAO,CACrB,CACa,CAAC;AAE3B,CAAC;AAGD,eAAeb,aAAa","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","Image","TouchableOpacity","useIsInViewport","CompanyAdCard","company_ad","ad_type","onClickAd","onViewAd","ref","isInViewport","createElement","onPress","source","uri","ad_creative","url","style","width","height","resizeMode"],"sourceRoot":"../../../../src","sources":["AdServer/components/CompanyAdCard.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,KAAK,EAAEC,gBAAgB,QAAQ,cAAc;AAEtD,SAASC,eAAe,QAAQ,mCAAmC;AASnE,MAAMC,aAAa,GAAGA,CAAC;EAAEC,UAAU;EAAEC,OAAO;EAAEC,SAAS;EAAEC;AAA4B,CAAC,KAAK;EAEvF,MAAMC,GAAG,GAAGT,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMU,YAAY,GAAGP,eAAe,CAACM,GAAG,CAAC;EAEzCV,SAAS,CAAC,MAAM;IACZ,IAAG,CAACW,YAAY,EAAC;MAAE;IAAO;IAC1BF,QAAQ,CAACH,UAAU,CAAC;EACxB,CAAC,EAAC,CAACK,YAAY,CAAC,CAAC;EAEjB,oBACIZ,KAAA,CAAAa,aAAA,CAACT,gBAAgB;IAACO,GAAG,EAAEA,GAAI;IAACG,OAAO,EAAEA,CAAA,KAAML,SAAS,CAACF,UAAU;EAAE,gBAC7DP,KAAA,CAAAa,aAAA,CAACV,KAAK;IACFY,MAAM,EAAE;MAAEC,GAAG,EAAET,UAAU,CAACU,WAAW,CAACC;IAAI,CAAE;IAC5CC,KAAK,EAAE;MAAEC,KAAK,EAAEZ,OAAO,CAACY,KAAK;MAAEC,MAAM,EAAEb,OAAO,CAACa;IAAO,CAAE;IACxDC,UAAU,EAAC;EAAO,CACrB,CACa,CAAC;AAE3B,CAAC;AAGD,eAAehB,aAAa","ignoreList":[]}

package/lib/module/AdServer/index.js

@@ -41,14 +41,15 @@ export const AdProvider = ({
   }, children);
 };
 const AdServer = ({
-  ad_placement_id,
+  placement,
   ad_type,
   onViewAd,
   onClickAd
 }) => {
   const data = useContext(AdContext);
   const active_type = data.ad_types.find(t => t.ad_type == ad_type);
-  const active_placement = data.ad_placements.find(p => p.ad_placement_id == ad_placement_id);
+  const active_placement = data.ad_placements.find(p => p.placement == placement);
+  console.log(data.ad_placements);
   if (!active_placement?.ad_buys) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
@@ -63,34 +64,31 @@ const AdServer = ({
   const active_ad = selectedable_ads[Math.floor(Math.random() * selectedable_ads.length)];
   //const active_ad = data.company_ads[0]
 
-  useEffect(() => {
-    if (!active_ad) {
-      return;
-    }
-    onViewAd({
-      event_name: 'ad_view',
-      level: 2,
-      event_data: {
-        ad_placement_id,
-        company_id: active_ad.company_id,
-        company_ad_buy_id: active_ad_buy.company_ad_buy_id,
-        ad_campaigns: active_ad.ad_campaigns,
-        company_ad_id: active_ad.company_ad_id
-      }
-    });
-  }, [active_ad]);
   if (!active_ad || !active_type) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(CompanyAdCard, {
     company_ad: active_ad,
     ad_type: active_type,
+    onViewAd: ad => {
+      onViewAd({
+        event_name: 'ad_view',
+        level: 2,
+        event_data: {
+          ad_placement_id: active_placement.ad_placement_id,
+          company_ad_buy_id: ad.company_ad_buy_id,
+          company_ad_id: ad.company_ad_id,
+          company_id: ad.company_id,
+          ad_campaigns: ad.ad_campaigns
+        }
+      });
+    },
     onClickAd: ad => {
       onClickAd({
         event_name: 'ad_click',
         level: 1,
         event_data: {
-          ad_placement_id,
+          ad_placement_id: active_placement.ad_placement_id,
           company_ad_buy_id: ad.company_ad_buy_id,
           company_ad_id: ad.company_ad_id,
           company_id: ad.company_id,

package/lib/module/AdServer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useEffect","useState","View","Linking","AdServerApi","AdServerHelpers","CompanyAdCard","AdContext","loading","ad_types","ad_placements","distinct_id","undefined","session_id","AdProvider","children","ads_data","setData","setEnvironment","getAds","ad_plcm","findAds","typs","getAdTypes","createElement","Provider","value","AdServer","ad_placement_id","ad_type","onViewAd","onClickAd","data","active_type","find","t","active_placement","p","ad_buys","Fragment","active_ad_buy","Math","floor","random","length","selectedable_ads","company_ads","active_ad","event_name","level","event_data","company_id","company_ad_buy_id","ad_campaigns","company_ad_id","company_ad","ad","new_url","generateUrl","landing_url","openURL"],"sourceRoot":"../../../src","sources":["AdServer/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","useEffect","useState","View","Linking","AdServerApi","AdServerHelpers","CompanyAdCard","AdContext","loading","ad_types","ad_placements","distinct_id","undefined","session_id","AdProvider","children","ads_data","setData","setEnvironment","getAds","ad_plcm","findAds","typs","getAdTypes","createElement","Provider","value","AdServer","placement","ad_type","onViewAd","onClickAd","data","active_type","find","t","active_placement","p","console","log","ad_buys","Fragment","active_ad_buy","Math","floor","random","length","selectedable_ads","company_ads","active_ad","company_ad","ad","event_name","level","event_data","ad_placement_id","company_ad_buy_id","company_ad_id","company_id","ad_campaigns","new_url","generateUrl","landing_url","openURL"],"sourceRoot":"../../../src","sources":["AdServer/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Components/ViewportObserver.js

@@ -0,0 +1,21 @@
+import { useState, useMemo, useEffect } from "react";
+export const useIsInViewport = ref => {
+  const [isIntersecting, setIsIntersecting] = useState(false);
+  const observer = useMemo(() => new IntersectionObserver(([entry]) => {
+    if (!entry) {
+      return;
+    }
+    setIsIntersecting(entry.isIntersecting);
+  }), []);
+  useEffect(() => {
+    if (!ref?.current) {
+      return;
+    }
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [ref, observer]);
+  return isIntersecting;
+};
+//# sourceMappingURL=ViewportObserver.js.map

package/lib/module/Components/ViewportObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useMemo","useEffect","useIsInViewport","ref","isIntersecting","setIsIntersecting","observer","IntersectionObserver","entry","current","observe","disconnect"],"sourceRoot":"../../../src","sources":["Components/ViewportObserver.tsx"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,SAAS,QAAQ,OAAO;AAEpD,OAAO,MAAMC,eAAe,GAAIC,GAAO,IAAK;EACxC,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGN,QAAQ,CAAC,KAAK,CAAC;EAE3D,MAAMO,QAAQ,GAAGN,OAAO,CACtB,MACE,IAAIO,oBAAoB,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK;IAClC,IAAG,CAACA,KAAK,EAAC;MAAE;IAAO;IACnBH,iBAAiB,CAACG,KAAK,CAACJ,cAAc,CAAC;EAC3C,CACA,CAAC,EACH,EACF,CAAC;EAEDH,SAAS,CAAC,MAAM;IACZ,IAAG,CAACE,GAAG,EAAEM,OAAO,EAAC;MAAE;IAAO;IAC5BH,QAAQ,CAACI,OAAO,CAACP,GAAG,CAACM,OAAO,CAAC;IAE7B,OAAO,MAAM;MACXH,QAAQ,CAACK,UAAU,CAAC,CAAC;IACvB,CAAC;EAEH,CAAC,EAAE,CAACR,GAAG,EAAEG,QAAQ,CAAC,CAAC;EAEnB,OAAOF,cAAc;AACvB,CAAC","ignoreList":[]}

package/lib/typescript/src/AdServer/components/CompanyAdCard.d.ts

@@ -4,7 +4,8 @@ type CompanyAdCardProps = {
     company_ad: CompanyAdvertisementProps;
     ad_type: AdTypeProps;
     onClickAd: (ad: CompanyAdvertisementProps) => void;
+    onViewAd: (ad: CompanyAdvertisementProps) => void;
 };
-declare const CompanyAdCard: ({ company_ad, ad_type, onClickAd }: CompanyAdCardProps) => React.JSX.Element;
+declare const CompanyAdCard: ({ company_ad, ad_type, onClickAd, onViewAd }: CompanyAdCardProps) => React.JSX.Element;
 export default CompanyAdCard;
 //# sourceMappingURL=CompanyAdCard.d.ts.map

package/lib/typescript/src/AdServer/components/CompanyAdCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CompanyAdCard.d.ts","sourceRoot":"","sources":["../../../../../src/AdServer/components/CompanyAdCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG1E,KAAK,kBAAkB,GAAG;IACtB,UAAU,EAAE,yBAAyB,CAAA;IACrC,OAAO,EAAC,WAAW,CAAC;IACpB,SAAS,EAAE,CAAC,EAAE,EAAC,yBAAyB,KAAK,IAAI,CAAA;CACpD,CAAA;AACD,QAAA,MAAM,aAAa,uCAAuC,kBAAkB,sBAU3E,CAAA;AAGD,eAAe,aAAa,CAAA"}
+{"version":3,"file":"CompanyAdCard.d.ts","sourceRoot":"","sources":["../../../../../src/AdServer/components/CompanyAdCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI1E,KAAK,kBAAkB,GAAG;IACtB,UAAU,EAAE,yBAAyB,CAAA;IACrC,OAAO,EAAC,WAAW,CAAC;IACpB,SAAS,EAAE,CAAC,EAAE,EAAC,yBAAyB,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,CAAC,EAAE,EAAC,yBAAyB,KAAK,IAAI,CAAA;CACnD,CAAA;AACD,QAAA,MAAM,aAAa,iDAAiD,kBAAkB,sBAmBrF,CAAA;AAGD,eAAe,aAAa,CAAA"}

package/lib/typescript/src/AdServer/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { BEEventProps } from '../Observer/api/types';
 type AdServerProps = {
-    ad_placement_id: string;
+    placement: string;
     ad_type: string;
     onViewAd: (be_event: BEEventProps) => void;
     onClickAd: (be_event: BEEventProps) => void;
@@ -12,6 +12,6 @@ type AdProviderProps = {
     session_id?: string;
 };
 export declare const AdProvider: ({ children, distinct_id, session_id }: AdProviderProps) => React.JSX.Element;
-declare const AdServer: ({ ad_placement_id, ad_type, onViewAd, onClickAd }: AdServerProps) => React.JSX.Element;
+declare const AdServer: ({ placement, ad_type, onViewAd, onClickAd }: AdServerProps) => React.JSX.Element;
 export default AdServer;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/AdServer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/AdServer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,KAAK,aAAa,GAAG;IACjB,eAAe,EAAC,MAAM,CAAC;IACvB,OAAO,EAAC,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;CAC9C,CAAA;AAUD,KAAK,eAAe,GAAG;IACnB,QAAQ,EAAC,GAAG,CAAC;IACb,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,UAAU,CAAC,EAAC,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,0CAA0C,eAAe,sBAiC/E,CAAA;AAED,QAAA,MAAM,QAAQ,sDAAsD,aAAa,sBAuDhF,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/AdServer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAK9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,KAAK,aAAa,GAAG;IACjB,SAAS,EAAC,MAAM,CAAC;IACjB,OAAO,EAAC,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;CAC9C,CAAA;AAUD,KAAK,eAAe,GAAG;IACnB,QAAQ,EAAC,GAAG,CAAC;IACb,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,UAAU,CAAC,EAAC,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,0CAA0C,eAAe,sBAiC/E,CAAA;AAED,QAAA,MAAM,QAAQ,gDAAgD,aAAa,sBAsD1E,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/typescript/src/Components/ViewportObserver.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsInViewport: (ref: any) => boolean;
+//# sourceMappingURL=ViewportObserver.d.ts.map

package/lib/typescript/src/Components/ViewportObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewportObserver.d.ts","sourceRoot":"","sources":["../../../../src/Components/ViewportObserver.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,QAAQ,GAAG,YAwBpC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/AdServer/components/CompanyAdCard.tsx

@@ -1,16 +1,27 @@
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { Image, TouchableOpacity } from "react-native"
 import type { AdTypeProps, CompanyAdvertisementProps } from '../../types';
+import { useIsInViewport } from '../../Components/ViewportObserver';
 
 
 type CompanyAdCardProps = {
     company_ad: CompanyAdvertisementProps
     ad_type:AdTypeProps,
-    onClickAd: (ad:CompanyAdvertisementProps) => void
+    onClickAd: (ad:CompanyAdvertisementProps) => void,
+    onViewAd: (ad:CompanyAdvertisementProps) => void
 }
-const CompanyAdCard = ({ company_ad, ad_type, onClickAd }:CompanyAdCardProps) => {
+const CompanyAdCard = ({ company_ad, ad_type, onClickAd, onViewAd }:CompanyAdCardProps) => {
+
+    const ref = useRef(null)
+    const isInViewport = useIsInViewport(ref)
+
+    useEffect(() => {
+        if(!isInViewport){ return }
+        onViewAd(company_ad)
+    },[isInViewport])
+
     return (
-        <TouchableOpacity onPress={() => onClickAd(company_ad)}>
+        <TouchableOpacity ref={ref} onPress={() => onClickAd(company_ad)}>
             <Image
                 source={{ uri: company_ad.ad_creative.url }}
                 style={{ width: ad_type.width, height: ad_type.height }}

package/src/AdServer/index.tsx

@@ -7,7 +7,7 @@ import type { BEEventProps } from '../Observer/api/types';
 
 
 type AdServerProps = {
-    ad_placement_id:string,
+    placement:string,
     ad_type:string,
     onViewAd: (be_event:BEEventProps) => void,
     onClickAd: (be_event:BEEventProps) => void,
@@ -62,13 +62,13 @@ export const AdProvider = ({ children, distinct_id, session_id }:AdProviderProps
     )
 }
 
-const AdServer = ({ ad_placement_id, ad_type, onViewAd, onClickAd }:AdServerProps) => {
+const AdServer = ({ placement, ad_type, onViewAd, onClickAd }:AdServerProps) => {
     
 
     const data = useContext(AdContext);
-
     const active_type = data.ad_types.find(t => t.ad_type == ad_type)
-    const active_placement = data.ad_placements.find(p => p.ad_placement_id == ad_placement_id)
+    const active_placement = data.ad_placements.find(p => p.placement == placement)
+    console.log(data.ad_placements)
     if(!active_placement?.ad_buys){ return <></> }
     const active_ad_buy = active_placement.ad_buys[Math.floor(Math.random()*active_placement.ad_buys.length)]
     if(!active_ad_buy){ return <></> }
@@ -77,33 +77,32 @@ const AdServer = ({ ad_placement_id, ad_type, onViewAd, onClickAd }:AdServerProp
     const active_ad = selectedable_ads[Math.floor(Math.random()*selectedable_ads.length)]
     //const active_ad = data.company_ads[0]
 
-    useEffect(() => {
-        if(!active_ad){ return }
-        onViewAd({
-            event_name:'ad_view',
-            level:2,
-            event_data: {
-                ad_placement_id,
-                company_id: active_ad.company_id,
-                company_ad_buy_id: active_ad_buy.company_ad_buy_id,
-                ad_campaigns: active_ad.ad_campaigns,
-                company_ad_id: active_ad.company_ad_id
-            }
-        })
-    },[active_ad])
-
     if(!active_ad || !active_type){ return <></> }
-    return (
+        return (
         <View>
             <CompanyAdCard
                 company_ad={active_ad}
                 ad_type={active_type}
+                onViewAd={(ad) => {
+                    onViewAd({
+                        event_name:'ad_view',
+                        level:2,
+                        event_data: {
+                            ad_placement_id:active_placement.ad_placement_id,
+                            company_ad_buy_id: ad.company_ad_buy_id,
+                            company_ad_id: ad.company_ad_id,
+                            company_id: ad.company_id,
+                            ad_campaigns: ad.ad_campaigns
+                            
+                        }
+                    })
+                }}
                 onClickAd={(ad) => {
                     onClickAd({
                         event_name:'ad_click',
                         level:1,
                         event_data: {
-                            ad_placement_id,
+                            ad_placement_id:active_placement.ad_placement_id,
                             company_ad_buy_id: ad.company_ad_buy_id,
                             company_ad_id: ad.company_ad_id,
                             company_id: ad.company_id,

package/src/Components/ViewportObserver.tsx

@@ -0,0 +1,27 @@
+import { useState, useMemo, useEffect } from "react";
+
+export const useIsInViewport = (ref:any) => {
+    const [isIntersecting, setIsIntersecting] = useState(false);
+  
+    const observer = useMemo(
+      () =>
+        new IntersectionObserver(([entry]) => {
+            if(!entry){ return }
+            setIsIntersecting(entry.isIntersecting)
+        }
+        ),
+      [],
+    );
+  
+    useEffect(() => {
+        if(!ref?.current){ return }
+      observer.observe(ref.current);
+  
+      return () => {
+        observer.disconnect();
+      };
+
+    }, [ref, observer]);
+  
+    return isIntersecting;
+  }