feat(message): Custom width for Banner LP-4381

Author: alexisoyama

Leanplum-SDK/Classes/LPMessageTemplates.m

@@ -77,6 +77,7 @@
 #define LPMT_ARG_LAYOUT_WIDTH @"Layout.Width"
 #define LPMT_ARG_LAYOUT_HEIGHT @"Layout.Height"
 #define LPMT_ARG_HTML_HEIGHT @"HTML Height"
+#define LPMT_ARG_HTML_WIDTH @"HTML Width"
 #define LPMT_ARG_HTML_ALIGN @"HTML Align"
 #define LPMT_ARG_HTML_ALIGN_TOP @"Top"
 #define LPMT_ARG_HTML_ALIGN_BOTTOM @"Bottom"
@@ -454,6 +455,7 @@ - (void)defineActions
                                withString:LPMT_DEFAULT_TRACK_ACTION_URL],
                     [LPActionArg argNamed:LPMT_ARG_HTML_ALIGN withString:LPMT_ARG_HTML_ALIGN_TOP],
                     [LPActionArg argNamed:LPMT_ARG_HTML_HEIGHT withNumber:@0],
+                    [LPActionArg argNamed:LPMT_ARG_HTML_WIDTH withString:@"100%"],
                     [LPActionArg argNamed:LPMT_HAS_DISMISS_BUTTON withBool:NO],
                     [LPActionArg argNamed:LPMT_ARG_HTML_TEMPLATE withFile:nil]]
              withResponder:messageResponder];
@@ -981,8 +983,24 @@ - (void)updatePopupLayout
             htmlY += app.statusBarFrame.size.height;
         }
 #endif
+        
+        // Calculate HTML width by percentage or px (it parses any suffix for extra protection).
+        NSString *contextArgWidth = [context stringNamed:LPMT_ARG_HTML_WIDTH] ?: @"100%";
+        CGFloat htmlWidth = screenWidth;
+        if (contextArgWidth && [contextArgWidth length] > 0) {
+            if ([contextArgWidth hasSuffix:@"%"]) {
+                NSString *percentageValue = [contextArgWidth stringByReplacingOccurrencesOfString:@"%"
+                                                                                       withString:@""];
+                htmlWidth = screenWidth * [percentageValue floatValue] / 100.;
+            } else {
+                NSCharacterSet *letterSet = [NSCharacterSet letterCharacterSet];
+                NSArray *components = [contextArgWidth componentsSeparatedByCharactersInSet:letterSet];
+                htmlWidth = [[components componentsJoinedByString:@""] floatValue];
+            }
+        }
 
-        _popupGroup.frame = CGRectMake(0, htmlY, screenWidth, htmlHeight);
+        CGFloat htmlX = (screenWidth - htmlWidth) / 2.;
+        _popupGroup.frame = CGRectMake(htmlX, htmlY, htmlWidth, htmlHeight);
         _popupView.frame = _popupGroup.bounds;
     }