Merge pull request #14 from adjust/v111

Version 1.1.1

CHANGELOG.md

@@ -1,3 +1,10 @@
+### Version 1.1.1 (30th January 2024)
+
+#### Fixed
+- Fixed issue with CTA size when banner body contains long text.
+
+---
+
 ### Version 1.1.0 (25th January 2024)
 
 #### Added

README.md

@@ -32,7 +32,7 @@ To <a id="loading-snippet">load Smart Banner SDK through CDN</a> paste the follo
 </script>
 ```
 
-When loading the sdk through CDN we suggest using minified version. You can target specific version like `https://cdn.adjust.com/adjust-smart-banner-1.1.0.min.js`, or you can target latest version `https://cdn.adjust.com/adjust-smart-banner-latest.min.js` if you want automatic updates without need to change the target file. The sdk files are cached so they are served as fast as possible, and the cache is refreshed every half an hour. If you want updates immediately make sure to target specific version.
+When loading the sdk through CDN we suggest using minified version. You can target specific version like `https://cdn.adjust.com/adjust-smart-banner-1.1.1.min.js`, or you can target latest version `https://cdn.adjust.com/adjust-smart-banner-latest.min.js` if you want automatic updates without need to change the target file. The sdk files are cached so they are served as fast as possible, and the cache is refreshed every half an hour. If you want updates immediately make sure to target specific version.
 
 
 ## <a id="initialization">Initialization</a>

demo/package.json

@@ -10,7 +10,8 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@adjustcom/smart-banner-sdk": "^1.1.0",
+    "@adjustcom/smart-banner-sdk": "^1.1.1",
+    "@adjustcom/smart-banner-sdk-layout": "^3.0.7",
     "lorem-ipsum": "^2.0.8"
   },
   "author": "Adjust GmbH",

demo/src/demo.ts

@@ -1,4 +1,5 @@
 import { App } from './view/app';
+import { VisualTest } from './view/components/visual-tests';
 import 'assets/styles.module.scss';
 
 let appRoot = document.getElementById('app_root');
@@ -9,4 +10,5 @@ if (!appRoot) {
   document.body.appendChild(appRoot);
 }
 
-App().render(appRoot);
+// App().render(appRoot);
+VisualTest().render(appRoot)

demo/src/view/components/visual-tests/index.ts

@@ -0,0 +1,33 @@
+import { SmartBannerLayoutFactory, SmartBannerViewData } from '@adjustcom/smart-banner-sdk-layout';
+
+import json from '../../../../../fake-data/visual-tests/texts-lengths-in-small-banner.json';
+
+const records = json as any as SmartBannerViewData[];
+
+export function VisualTest(banners: SmartBannerViewData[] = records) {
+  const render = (appRoot: HTMLElement) => {
+
+    const root = document.createElement('div');
+    root.style.height = '100vh';
+    root.style.display = 'flex';
+    root.style.flexDirection = 'column';
+    root.style.flexWrap = 'wrap';
+
+    const elements: HTMLElement[] = [];
+
+    for (let record of banners) {
+      const elem = document.createElement('div');
+      elem.style.padding = '3px';
+
+      const preview = SmartBannerLayoutFactory.createPreview(record);
+      preview.render(elem);
+
+      elements.push(elem);
+    }
+
+    root.append(...elements);
+    appRoot.append(root);
+  };
+
+  return { render };
+}

demo/tsconfig.demo.json

@@ -5,6 +5,7 @@
     "./../typings.d.ts"
   ],
   "compilerOptions": {
-    "allowJs": true
+    "allowJs": true,
+    "resolveJsonModule": true,
   }
 }

demo/webpack.config.js

@@ -21,7 +21,7 @@ module.exports = (env, args) => ({
     }),
   ],
   resolve: {
-    extensions: ['.ts', '.js', '.scss', '.svg'],
+    extensions: ['.ts', '.js', '.scss', '.svg', '.json'],
     alias: {
       assets: path.resolve(__dirname, 'assets'),
     },