@ai12z/react 0.0.1-alpha.21 → 0.0.1-alpha.25

package/README.md

@@ -7,7 +7,35 @@
 ```
 const reactLibrary = require('react-library');
 
-// TODO: DEMONSTRATE API
+```
+
+We are providing the option named as **ctaAttributes** for assigning the JSON object programmatically and sending those object to the API payload for furthur use.
+
+```
+<script>
+  const ele = document.querySelector('ai12z-cta');
+  ele.ctaAttributes = {
+    content: {
+      newlist: [
+        {
+          _uid: "BUY6Drn9e1",
+          component: "foo",
+          headline: "Foo"
+        },
+        {
+          _uid: "gJZoSLkfZV",
+          component: "bar",
+          title: "Bar"
+        },
+        {
+          _uid: "X1JAfdsZxy",
+          component: "foo",
+          headline: "Another headline"
+        }
+      ]
+    }
+};
+</script> 
 ```
 # Setup
 
@@ -26,31 +54,39 @@ import { Ai12zCta, Ai12zKnowledgeBox } from '@ai12z/react'
 ```
 
 - Then you can use the element anywhere in your template.
-- The control named as **ai12z-cta** allows us to show the search results along with the follow up chat conversations and customize our search results.
+- The control named as **Ai12zCta** allows us to show the search results along with the follow up chat conversations and customize our search results.
 - This control is having two tag element which is mentioned below.
 
 ```
-<privacy></privacy>
-<cta></cta>
+<Ai12zCta>
+  <privacy></privacy>
+  <cta></cta>
+</Ai12zCta>
 ```
-- **<privacy></privacy>** This tag element allows us to add the privacy policy links.
-- **<cta></cta>** This tag element allows us to customize our page by adding our own tag elements within this element.
+- **<privacy></privacy>** (Optional) This tag element allows us to add the privacy policy links.
+- **<cta></cta>** (Optional) This tag element allows us to customize our page by adding our own tag elements within this element.
 
 
 - The control contains following properties to customize the page.
 
 | Property | Description | Example |  
 |-----------|:-----------:|-----------:|  
-| data-key | Allows us to enter the data-key which is used by API | data-key="123456"  |
-| data-mode | Allows us to enter the data-mode which will identify the server as local or dev or prod | data-mode="dev"  |
-| heading | Allows us to show the header text | heading="Search Here 1" |  
-| button-text | Allows us to customize the button name | button-text="Ask me" |  
-| help-text | Allows us to customize the helper text | help-text="Type your question here..." |
-| no-results-text | allows us to customize the no results found text | no-results-text="No results found..." |
-
-- The second control named as **ai12z-knowledge-box** allows us to send the query programmmatically through javascript and rendering the query results by clicking on the button.
+| dataKey (Required) | API key from your ai12z project settings | dataKey="123456"  |
+| dataMode (Required) | Allows us to enter the data-mode which will identify the server as local or dev or prod | dataMode="dev"  |
+| heading (Optional) | Allows us to show the header text | heading="Search Here 1" |  
+| buttonText (Optional) | Allows us to customize the button name | buttonText="Ask me" |  
+| helpText (Optional) | Allows us to customize the helper text | helpText="Type your question here..." |
+| noResultsText (Optional) | allows us to customize the no results found text | noResultsText="No results found..." |
+| autoSearch (Optional) | allows us to configure the search option | autoSearch="true" |
+| placeholder (Optional) | allows us to customize the placeholder text | placeholder="Enter the text" |
+| iconSrc (Optional) | allows us to add the icon to the search button along with the text or icon only | icon-src= "https://uxwing.com/wp-content/themes/uxwing/download/user-interface/magnifying-glass-icon.png?w=24&h=24" |
+| categorize (Optional) | allows us to customize the search results based on the category. By default the search results will be catogorized. | categorize = "true" |
+
+- The second control named as **Ai12zKnowledgeBox** allows us to send the query programmmatically through javascript and rendering the query results by clicking on the button.
 
 | Property | Description | Example |  
 |-----------|:-----------:|-----------:|  
-| question | Allows us to set the question for on-load | question="what does ai12z do" |
-| relavance-score | allows us to view the score of clicks, engagement, conversions and negative reviews. | relavance-score="true" |
+| dataKey (Required) | API key from your ai12z project settings | dataKey="123456"  |
+| dataMode (Required) | Allows us to enter the data-mode which will identify the server as local or dev or prod | dataMode="dev"  |
+| question (Required) | Allows us to set the question for on-load | question="what does ai12z do" |
+| relavanceScore (Optional) | allows us to view the score of clicks, engagement, conversions and negative reviews. | relavanceScore="true" |

package/dist/components/stencil-generated/index.js

@@ -1,6 +1,7 @@
 import { createReactComponent } from './react-component-lib';
 import { defineCustomElements } from 'ai12z/loader';
 defineCustomElements();
+export const Ai12zCategory = createReactComponent('ai12z-category');
 export const Ai12zChat = createReactComponent('ai12z-chat');
 export const Ai12zCta = createReactComponent('ai12z-cta');
 export const Ai12zInputForm = createReactComponent('ai12z-input-form');

package/dist/components/stencil-generated/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/components/stencil-generated/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAI7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,oBAAoB,EAAE,CAAC;AACvB,MAAM,CAAC,MAAM,SAAS,GAAgB,oBAAoB,CAAsC,YAAY,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,QAAQ,GAAgB,oBAAoB,CAAoC,WAAW,CAAC,CAAC;AAC1G,MAAM,CAAC,MAAM,cAAc,GAAgB,oBAAoB,CAAgD,kBAAkB,CAAC,CAAC;AACnI,MAAM,CAAC,MAAM,iBAAiB,GAAgB,oBAAoB,CAAsD,qBAAqB,CAAC,CAAC;AAC/I,MAAM,CAAC,MAAM,YAAY,GAAgB,oBAAoB,CAA4C,eAAe,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/components/stencil-generated/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAI7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,oBAAoB,EAAE,CAAC;AACvB,MAAM,CAAC,MAAM,aAAa,GAAgB,oBAAoB,CAA8C,gBAAgB,CAAC,CAAC;AAC9H,MAAM,CAAC,MAAM,SAAS,GAAgB,oBAAoB,CAAsC,YAAY,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,QAAQ,GAAgB,oBAAoB,CAAoC,WAAW,CAAC,CAAC;AAC1G,MAAM,CAAC,MAAM,cAAc,GAAgB,oBAAoB,CAAgD,kBAAkB,CAAC,CAAC;AACnI,MAAM,CAAC,MAAM,iBAAiB,GAAgB,oBAAoB,CAAsD,qBAAqB,CAAC,CAAC;AAC/I,MAAM,CAAC,MAAM,YAAY,GAAgB,oBAAoB,CAA4C,eAAe,CAAC,CAAC"}

package/dist/types/components/stencil-generated/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { JSX } from 'ai12z';
+export declare const Ai12zCategory: import("react").ForwardRefExoticComponent<JSX.Ai12zCategory & Omit<import("react").HTMLAttributes<HTMLAi12zCategoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCategoryElement>>;
 export declare const Ai12zChat: import("react").ForwardRefExoticComponent<JSX.Ai12zChat & Omit<import("react").HTMLAttributes<HTMLAi12zChatElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zChatElement>>;
 export declare const Ai12zCta: import("react").ForwardRefExoticComponent<JSX.Ai12zCta & Omit<import("react").HTMLAttributes<HTMLAi12zCtaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCtaElement>>;
 export declare const Ai12zInputForm: import("react").ForwardRefExoticComponent<JSX.Ai12zInputForm & Omit<import("react").HTMLAttributes<HTMLAi12zInputFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zInputFormElement>>;

package/lib/components/stencil-generated/index.ts

@@ -8,6 +8,7 @@ import type { JSX } from 'ai12z';
 import { defineCustomElements } from 'ai12z/loader';
 
 defineCustomElements();
+export const Ai12zCategory = /*@__PURE__*/createReactComponent<JSX.Ai12zCategory, HTMLAi12zCategoryElement>('ai12z-category');
 export const Ai12zChat = /*@__PURE__*/createReactComponent<JSX.Ai12zChat, HTMLAi12zChatElement>('ai12z-chat');
 export const Ai12zCta = /*@__PURE__*/createReactComponent<JSX.Ai12zCta, HTMLAi12zCtaElement>('ai12z-cta');
 export const Ai12zInputForm = /*@__PURE__*/createReactComponent<JSX.Ai12zInputForm, HTMLAi12zInputFormElement>('ai12z-input-form');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai12z/react",
-  "version": "0.0.1-alpha.21",
+  "version": "0.0.1-alpha.25",
   "description": "ai12z React Library",
   "author": "Alpesh Patel <alpesh@ai12z.com>",
   "homepage": "",
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4ec6094f5088180f1c72cf7fe47aee297f2467ab"
+  "gitHead": "6619bdf3a320b2905099a71f971a5a6ef23fd2c3"
 }