Merge branch 'develop'

Author: jenssogaard

README.md

@@ -6,7 +6,7 @@
 	<a href="https://medium.com/conversational-interfaces/introducing-the-conversational-form-c3166eb2ee2f#.yq5axcfcq"><strong>Learn why we did it</strong></a>
 </p>
 <p align="center">
-	<a href="https://space10-community.github.io/conversational-form/docs/0.9.70/"><strong>Explore Conversational Form docs »</strong></a>
+	<a href="https://space10-community.github.io/conversational-form/docs/0.9.71/"><strong>Explore Conversational Form docs »</strong></a>
 </p>
 <p align="center">
 	<img src="https://raw.githubusercontent.com/space10-community/conversational-form/master/docs/0.9.70/assets/readme-cf.gif" />
@@ -17,7 +17,7 @@
 Include ConversationalForm in your page:
 
 ```html
-<script type="text/javascript" src="https://cf-4053.kxcdn.com/conversational-form/0.9.70/conversational-form.min.js" crossorigin></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/space10-community/conversational-form@0.9.71/dist/conversational-form.min.js" crossorigin></script>
 ```
 Or download the latest release:
 - Clone the repo: ````git clone https://github.com/space10-community/conversational-form.git````
@@ -33,7 +33,7 @@ ConversationalForm will automatically look through the DOM for a form element wi
 
 [jsbin](https://jsbin.com/vopuxukaze/edit?html,js,output)
 
-Read the [Getting started](https://space10-community.github.io/conversational-form/docs/0.9.70/getting-started/) page for information on the framework contents, options, templates and examples and more.
+Read the [Getting started](https://space10-community.github.io/conversational-form/docs/0.9.71/getting-started/) page for information on the framework contents, options, templates and examples and more.
 
 ## Status
 [![npm version](https://img.shields.io/npm/v/conversational-form.svg)](https://www.npmjs.com/package/conversational-form)
@@ -53,7 +53,7 @@ Pull Requests for bug fixes or new features are always welcome. If you choose to
 - Fork the "develop" branch
 - If you forked a while ago please get the latest changes from the "develop"-branch before submitting a Pull Request
 	- Locally merge (or rebase) the upstream development branch into your topic branch:
-		- ````git remote add upstream https://github.com/space10-community/conversational-form.git```
+		- ````git remote add upstream https://github.com/space10-community/conversational-form.git````
 		- ````git checkout develop````
 		- ````git pull upstream````
 		- ````git pull [--rebase] upstream develop````
@@ -65,7 +65,7 @@ See the <a href="https://github.com/space10-community/conversational-form/releas
 
 ## Acknowledgement
 Thank you to everyone who has taken part in the creation of Conversational Form.
-- Development by <a href="http://twitter.com/flexmotion" target="_blank">Felix Nielsen</a>
+- Development by <a href="http://twitter.com/flexmotion" target="_blank">Felix Nielsen</a> and <a href="https://jenssogaard.com/" target="_blank">Jens Soegaard</a> (v0.9.70+)
 - Design by <a href="http://www.charlieisslander.com/" target="_blank">Charlie Isslander</a> and <a href="http://norgram.co/" target="_blank">Norgram®</a>
 - Concept by <a href="https://space10.io" target="_blank">SPACE10</a>
 

dist/conversational-form.js

@@ -4602,16 +4602,15 @@ var cf;
         };
         ChatResponse.prototype.updateThumbnail = function (src) {
             var thumbEl = this.el.getElementsByTagName("thumb")[0];
-            // Check if src is base64/url or string
-            if (src.indexOf("data:") === 0 || src.indexOf("http") === 0 || src.indexOf("//") === 0) {
-                this.image = src;
-                thumbEl.style.backgroundImage = 'url("' + this.image + '")';
-            }
-            else {
+            if (src.indexOf("text:") === 0) {
                 var thumbElSpan = thumbEl.getElementsByTagName("span")[0];
-                thumbElSpan.innerHTML = src;
+                thumbElSpan.innerHTML = src.split("text:")[1];
                 thumbElSpan.setAttribute("length", src.length.toString());
             }
+            else {
+                this.image = src;
+                thumbEl.style.backgroundImage = 'url("' + this.image + '")';
+            }
         };
         ChatResponse.prototype.setLinkToOtherReponse = function (response) {
             // link reponse to another one, keeping the update circle complete.
@@ -5382,7 +5381,7 @@ var cf;
 (function (cf_1) {
     var ConversationalForm = /** @class */ (function () {
         function ConversationalForm(options) {
-            this.version = "0.9.70";
+            this.version = "0.9.71";
             this.cdnPath = "https://cdn.jsdelivr.net/gh/space10-community/conversational-form@{version}/dist/";
             this.isDevelopment = false;
             this.loadExternalStyleSheet = true;

dist/conversational-form.min.js

@@ -0,0 +1,107 @@
+{
+	"options": {
+		"preventAutoAppend": true,
+		"preventAutoFocus": true,
+		"submitCallback": "window.onFormlessSubmited"
+	},
+	"tags": [
+		{
+			"tag": "input",
+			"type": "text",
+			"id": "first-tag",
+			"value": "Prefilled value here",
+			"cf-questions": "Prefilled1&&with follow-up1&&with follow-up11||Prefilled2&&with follow-up2&&with follow-up22"
+		},
+		{
+			"tag": "select",
+			"cf-input-placeholder": "Choose one of the above",
+			"multiple": "multiple",
+			"cf-questions": "Choose multiple of the elements from the list",
+			"children":[
+				{
+					"tag": "option",
+					"name": "option-dropdown-1",
+					"cf-label": "option-1",
+					"value": "-1"
+				},
+				{
+					"tag": "option",
+					"name": "option-dropdown-1",
+					"cf-label": "option-2",
+					"value": "-2"
+				}
+			]
+		},
+		{
+			"tag": "fieldset",
+			"type": "Radio buttons",
+			"cf-input-placeholder": "Choose one of the above",
+			"cf-questions": "Choose one of the radioss",
+			"children":[
+				{
+					"tag": "input",
+					"type": "radio",
+					"name": "radio-buttons-1",
+					"cf-label": "radio-1",
+					"checked": "checked"
+				},
+				{
+					"tag": "input",
+					"type": "radio",
+					"name": "radio-buttons-1",
+					"cf-label": "radio-2"
+				}
+			]
+		},
+		{
+			"tag": "fieldset",
+			"type": "Checkboxes",
+			"cf-input-placeholder": "Choose above",
+			"cf-questions": "Choose some checkboxes",
+			"children":[
+				{
+					"tag": "input",
+					"type": "checkbox",
+					"name": "checkboxes-buttons-1",
+					"cf-label": "checkbox-1",
+					"checked": "checked"
+				},
+				{
+					"tag": "input",
+					"type": "checkbox",
+					"name": "checkboxes-buttons-1",
+					"cf-label": "checkbox-2"
+				}
+			]
+		},
+		{
+			"tag": "input",
+			"type": "password",
+			"cf-input-placeholder": "Password field",
+			"cf-questions": "Write a password"
+		},
+		{
+			"tag": "input",
+			"type": "text",
+			"pattern": ".{5,10}",
+			"cf-input-placeholder": "Input w. pattern attribute",
+			"cf-error": "No less than 5 and no more than 10 characters",
+			"cf-questions": "Keep between 5-10 characters"
+		},
+		{
+			"tag": "input",
+			"type": "text",
+			"required": "required",
+			"cf-questions": "This field is required (attribute)",
+			"cf-error": "Please write something"
+		},
+		{
+			"tag": "input",
+			"type": "text",
+			"required": "required",
+			"cf-questions": "This field uses window.testValidation",
+			"cf-validation": "window.testValidation",
+			"cf-error": "Check the window.testValidation method"
+		}
+	]
+}