be-components 1.0.0 → 1.0.1

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

@@ -11,6 +11,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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,
+  size,
   ad_type,
   onClickAd,
   onViewAd
@@ -23,6 +24,31 @@ const CompanyAdCard = ({
     }
     onViewAd(company_ad);
   }, [isInViewport]);
+  const getSize = () => {
+    if (!company_ad) {
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+    let ratio = ad_type.height / ad_type.width;
+    let buffer = size.width - ad_type.width;
+    if (buffer < 30) {
+      let new_width = size.width - 30;
+      return {
+        width: new_width,
+        height: new_width * ratio
+      };
+    }
+    return {
+      width: ad_type.width,
+      height: ad_type.height
+    };
+  };
+  const {
+    width,
+    height
+  } = getSize();
   return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     ref: ref,
     onPress: () => onClickAd(company_ad)
@@ -31,8 +57,8 @@ const CompanyAdCard = ({
       uri: company_ad.ad_creative.url
     },
     style: {
-      width: ad_type.width,
-      height: ad_type.height
+      width,
+      height
     },
     resizeMode: "cover"
   }));

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

@@ -1 +1 @@
-{"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":[]}
+{"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","size","ad_type","onClickAd","onViewAd","ref","useRef","isInViewport","useIsInViewport","useEffect","getSize","width","height","ratio","buffer","new_width","createElement","TouchableOpacity","onPress","Image","source","uri","ad_creative","url","style","resizeMode","_default","exports"],"sourceRoot":"../../../../src","sources":["AdServer/components/CompanyAdCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/AdServer/index.js

@@ -72,6 +72,10 @@ const AdServer = ({
   onViewAd,
   onClickAd
 }) => {
+  const [size, setSize] = (0, _react.useState)({
+    width: 0,
+    height: 0
+  });
   const data = (0, _react.useContext)(AdContext);
   let my_role = role;
   if (!my_role) {
@@ -99,10 +103,21 @@ const AdServer = ({
       flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
+    },
+    onLayout: ev => {
+      const {
+        width,
+        height
+      } = ev.nativeEvent.layout;
+      setSize({
+        width,
+        height
+      });
     }
   }, /*#__PURE__*/_react.default.createElement(_CompanyAdCard.default, {
     company_ad: active_ad,
     ad_type: active_type,
+    size: size,
     onViewAd: ad => {
       onViewAd({
         event_name: 'ad_view',

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","role","undefined","ad_types","ad_placements","distinct_id","session_id","AdProvider","children","loaded","setLoaded","useState","ads_data","setData","useEffect","AdServerApi","setEnvironment","getAds","ad_plcm","findAds","typs","getAdTypes","createElement","Provider","value","exports","AdServer","placement","ad_type","onViewAd","onClickAd","data","useContext","my_role","active_type","find","active_placement","p","ad_buys","Fragment","active_ad_buy","Math","floor","random","length","selectedable_ads","company_ads","active_ad","View","style","flex","justifyContent","alignItems","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":[]}
+{"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","role","undefined","ad_types","ad_placements","distinct_id","session_id","AdProvider","children","loaded","setLoaded","useState","ads_data","setData","useEffect","AdServerApi","setEnvironment","getAds","ad_plcm","findAds","typs","getAdTypes","createElement","Provider","value","exports","AdServer","placement","ad_type","onViewAd","onClickAd","size","setSize","width","height","data","useContext","my_role","active_type","find","active_placement","p","ad_buys","Fragment","active_ad_buy","Math","floor","random","length","selectedable_ads","company_ads","active_ad","View","style","flex","justifyContent","alignItems","onLayout","ev","nativeEvent","layout","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/module/AdServer/components/CompanyAdCard.js

@@ -3,6 +3,7 @@ import { Image, TouchableOpacity } from "react-native";
 import { useIsInViewport } from '../../Components/ViewportObserver';
 const CompanyAdCard = ({
   company_ad,
+  size,
   ad_type,
   onClickAd,
   onViewAd
@@ -15,6 +16,31 @@ const CompanyAdCard = ({
     }
     onViewAd(company_ad);
   }, [isInViewport]);
+  const getSize = () => {
+    if (!company_ad) {
+      return {
+        width: 0,
+        height: 0
+      };
+    }
+    let ratio = ad_type.height / ad_type.width;
+    let buffer = size.width - ad_type.width;
+    if (buffer < 30) {
+      let new_width = size.width - 30;
+      return {
+        width: new_width,
+        height: new_width * ratio
+      };
+    }
+    return {
+      width: ad_type.width,
+      height: ad_type.height
+    };
+  };
+  const {
+    width,
+    height
+  } = getSize();
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
     ref: ref,
     onPress: () => onClickAd(company_ad)
@@ -23,8 +49,8 @@ const CompanyAdCard = ({
       uri: company_ad.ad_creative.url
     },
     style: {
-      width: ad_type.width,
-      height: ad_type.height
+      width,
+      height
     },
     resizeMode: "cover"
   }));

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","useEffect","useRef","Image","TouchableOpacity","useIsInViewport","CompanyAdCard","company_ad","size","ad_type","onClickAd","onViewAd","ref","isInViewport","getSize","width","height","ratio","buffer","new_width","createElement","onPress","source","uri","ad_creative","url","style","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;AAUnE,MAAMC,aAAa,GAAGA,CAAC;EAAEC,UAAU;EAAEC,IAAI;EAAEC,OAAO;EAAEC,SAAS;EAAEC;AAA4B,CAAC,KAAK;EAC7F,MAAMC,GAAG,GAAGV,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMW,YAAY,GAAGR,eAAe,CAACO,GAAG,CAAC;EAEzCX,SAAS,CAAC,MAAM;IACZ,IAAG,CAACY,YAAY,EAAC;MAAE;IAAO;IAC1BF,QAAQ,CAACJ,UAAU,CAAC;EACxB,CAAC,EAAC,CAACM,YAAY,CAAC,CAAC;EAEjB,MAAMC,OAAO,GAAGA,CAAA,KAAM;IAClB,IAAG,CAACP,UAAU,EAAC;MAAE,OAAO;QAAEQ,KAAK,EAAC,CAAC;QAAEC,MAAM,EAAC;MAAE,CAAC;IAAC;IAC9C,IAAIC,KAAK,GAAGR,OAAO,CAACO,MAAM,GAAGP,OAAO,CAACM,KAAK;IAC1C,IAAIG,MAAM,GAAGV,IAAI,CAACO,KAAK,GAAGN,OAAO,CAACM,KAAK;IACvC,IAAGG,MAAM,GAAG,EAAE,EAAC;MACX,IAAIC,SAAS,GAAGX,IAAI,CAACO,KAAK,GAAG,EAAE;MAC/B,OAAO;QAAEA,KAAK,EAAEI,SAAS;QAAEH,MAAM,EAAEG,SAAS,GAAGF;MAAM,CAAC;IAC1D;IACA,OAAO;MAAEF,KAAK,EAACN,OAAO,CAACM,KAAK;MAAEC,MAAM,EAACP,OAAO,CAACO;IAAO,CAAC;EACzD,CAAC;EACD,MAAM;IAAED,KAAK;IAAEC;EAAO,CAAC,GAAGF,OAAO,CAAC,CAAC;EACnC,oBACId,KAAA,CAAAoB,aAAA,CAAChB,gBAAgB;IAACQ,GAAG,EAAEA,GAAI;IAACS,OAAO,EAAEA,CAAA,KAAMX,SAAS,CAACH,UAAU;EAAE,gBAC7DP,KAAA,CAAAoB,aAAA,CAACjB,KAAK;IACFmB,MAAM,EAAE;MAAEC,GAAG,EAAEhB,UAAU,CAACiB,WAAW,CAACC;IAAI,CAAE;IAC5CC,KAAK,EAAE;MAAEX,KAAK;MAAEC;IAAO,CAAE;IACzBW,UAAU,EAAC;EAAO,CACrB,CACa,CAAC;AAE3B,CAAC;AAGD,eAAerB,aAAa","ignoreList":[]}

package/lib/module/AdServer/index.js

@@ -62,6 +62,10 @@ const AdServer = ({
   onViewAd,
   onClickAd
 }) => {
+  const [size, setSize] = useState({
+    width: 0,
+    height: 0
+  });
   const data = useContext(AdContext);
   let my_role = role;
   if (!my_role) {
@@ -89,10 +93,21 @@ const AdServer = ({
       flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
+    },
+    onLayout: ev => {
+      const {
+        width,
+        height
+      } = ev.nativeEvent.layout;
+      setSize({
+        width,
+        height
+      });
     }
   }, /*#__PURE__*/React.createElement(CompanyAdCard, {
     company_ad: active_ad,
     ad_type: active_type,
+    size: size,
     onViewAd: ad => {
       onViewAd({
         event_name: 'ad_view',

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

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useEffect","useState","View","Linking","AdServerApi","AdServerHelpers","CompanyAdCard","AdContext","loading","role","undefined","ad_types","ad_placements","distinct_id","session_id","AdProvider","children","loaded","setLoaded","ads_data","setData","setEnvironment","getAds","ad_plcm","findAds","typs","getAdTypes","createElement","Provider","value","AdServer","placement","ad_type","onViewAd","onClickAd","data","my_role","active_type","find","t","active_placement","p","ad_buys","Fragment","active_ad_buy","Math","floor","random","length","selectedable_ads","company_ads","active_ad","style","flex","justifyContent","alignItems","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":[]}
+{"version":3,"names":["React","createContext","useContext","useEffect","useState","View","Linking","AdServerApi","AdServerHelpers","CompanyAdCard","AdContext","loading","role","undefined","ad_types","ad_placements","distinct_id","session_id","AdProvider","children","loaded","setLoaded","ads_data","setData","setEnvironment","getAds","ad_plcm","findAds","typs","getAdTypes","createElement","Provider","value","AdServer","placement","ad_type","onViewAd","onClickAd","size","setSize","width","height","data","my_role","active_type","find","t","active_placement","p","ad_buys","Fragment","active_ad_buy","Math","floor","random","length","selectedable_ads","company_ads","active_ad","style","flex","justifyContent","alignItems","onLayout","ev","nativeEvent","layout","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/typescript/src/AdServer/components/CompanyAdCard.d.ts

@@ -2,10 +2,14 @@ import React from 'react';
 import type { AdTypeProps, CompanyAdvertisementProps } from '../../types';
 type CompanyAdCardProps = {
     company_ad: CompanyAdvertisementProps;
+    size: {
+        width: number;
+        height: number;
+    };
     ad_type: AdTypeProps;
     onClickAd: (ad: CompanyAdvertisementProps) => void;
     onViewAd: (ad: CompanyAdvertisementProps) => void;
 };
-declare const CompanyAdCard: ({ company_ad, ad_type, onClickAd, onViewAd }: CompanyAdCardProps) => React.JSX.Element;
+declare const CompanyAdCard: ({ company_ad, size, 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,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"}
+{"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,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAA;IACtC,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,uDAAuD,kBAAkB,sBA6B3F,CAAA;AAGD,eAAe,aAAa,CAAA"}

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,SAAS,EAAC,MAAM,CAAC;IACjB,OAAO,EAAC,MAAM,CAAC;IACf,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;CAC9C,CAAA;AAWD,KAAK,eAAe,GAAG;IACnB,QAAQ,EAAC,GAAG,CAAC;IACb,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,UAAU,CAAC,EAAC,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,gDAAgD,eAAe,sBA2CrF,CAAA;AAED,QAAA,MAAM,QAAQ,sDAAsD,aAAa,sBAoDhF,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,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;IAC1C,SAAS,EAAE,CAAC,QAAQ,EAAC,YAAY,KAAK,IAAI,CAAC;CAC9C,CAAA;AAWD,KAAK,eAAe,GAAG;IACnB,QAAQ,EAAC,GAAG,CAAC;IACb,IAAI,CAAC,EAAC,MAAM,CAAC;IACb,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,UAAU,CAAC,EAAC,MAAM,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,UAAU,gDAAgD,eAAe,sBA2CrF,CAAA;AAED,QAAA,MAAM,QAAQ,sDAAsD,aAAa,sBAyDhF,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/package.json

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

package/src/AdServer/components/CompanyAdCard.tsx

@@ -6,12 +6,12 @@ import { useIsInViewport } from '../../Components/ViewportObserver';
 
 type CompanyAdCardProps = {
     company_ad: CompanyAdvertisementProps
+    size: { width: number, height:number }
     ad_type:AdTypeProps,
     onClickAd: (ad:CompanyAdvertisementProps) => void,
     onViewAd: (ad:CompanyAdvertisementProps) => void
 }
-const CompanyAdCard = ({ company_ad, ad_type, onClickAd, onViewAd }:CompanyAdCardProps) => {
-
+const CompanyAdCard = ({ company_ad, size, ad_type, onClickAd, onViewAd }:CompanyAdCardProps) => {
     const ref = useRef(null)
     const isInViewport = useIsInViewport(ref)
 
@@ -20,11 +20,22 @@ const CompanyAdCard = ({ company_ad, ad_type, onClickAd, onViewAd }:CompanyAdCar
         onViewAd(company_ad)
     },[isInViewport])
 
+    const getSize = () => {
+        if(!company_ad){ return { width:0, height:0 } }
+        let ratio = ad_type.height / ad_type.width
+        let buffer = size.width - ad_type.width
+        if(buffer < 30){
+            let new_width = size.width - 30
+            return { width: new_width, height: new_width * ratio }
+        }
+        return { width:ad_type.width, height:ad_type.height }
+    }
+    const { width, height } = getSize();
     return (
         <TouchableOpacity ref={ref} onPress={() => onClickAd(company_ad)}>
             <Image
                 source={{ uri: company_ad.ad_creative.url }}
-                style={{ width: ad_type.width, height: ad_type.height }}
+                style={{ width, height }}
                 resizeMode='cover'
             />
         </TouchableOpacity>

package/src/AdServer/index.tsx

@@ -76,6 +76,7 @@ export const AdProvider = ({ children, role, distinct_id, session_id }:AdProvide
 }
 
 const AdServer = ({ placement, ad_type, role, onViewAd, onClickAd }:AdServerProps) => {
+    const [ size, setSize ] = useState({ width:0, height:0 });
 
     const data = useContext(AdContext);
     let my_role = role;
@@ -90,10 +91,14 @@ const AdServer = ({ placement, ad_type, role, onViewAd, onClickAd }:AdServerProp
     const active_ad = selectedable_ads[Math.floor(Math.random()*selectedable_ads.length)]
     if(!active_ad || !active_type || my_role == 'premium'){ return <></> }
         return (
-        <View style={{ flex:1, justifyContent:'center', alignItems:'center' }}>
+        <View style={{ flex:1, justifyContent:'center', alignItems:'center' }} onLayout={(ev) => {
+            const { width, height } = ev.nativeEvent.layout;
+            setSize({ width, height })
+        }}>
             <CompanyAdCard
                 company_ad={active_ad}
                 ad_type={active_type}
+                size={size}
                 onViewAd={(ad) => {
                     onViewAd({
                         event_name:'ad_view',