rn-erxes-sdk 0.1.4 → 0.1.6

package/lib/module/assets/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["images","facebook","require","youtube","twitter","avatar"],"sourceRoot":"../../../../src","sources":["assets/images/index.ts"],"mappings":"AAAA,MAAMA,MAAM,GAAG;EACbC,QAAQ,EAAEC,OAAO,CAAC,gBAAgB,CAAC;EACnCC,OAAO,EAAED,OAAO,CAAC,eAAe,CAAC;EACjCE,OAAO,EAAEF,OAAO,CAAC,eAAe,CAAC;EACjCG,MAAM,EAAEH,OAAO,CAAC,cAAc;AAChC,CAAC;AAED,eAAeF,MAAM"}

package/lib/module/graphql/graphql.js

@@ -0,0 +1,99 @@
+import { gql } from '@apollo/client';
+const widgetsMessengerSupporters = gql`
+  query widgetsMessengerSupporters($integrationId: String!) {
+    widgetsMessengerSupporters(integrationId: $integrationId) {
+      supporters {
+        _id
+        isActive
+        details {
+          avatar
+          fullName
+          shortName
+          location
+          __typename
+        }
+        isOnline
+        __typename
+      }
+      isOnline
+      __typename
+    }
+  }
+`;
+const widgetsConversations = gql`
+  query widgetsConversations(
+    $integrationId: String!
+    $customerId: String
+    $visitorId: String
+  ) {
+    widgetsConversations(
+      integrationId: $integrationId
+      customerId: $customerId
+      visitorId: $visitorId
+    ) {
+      _id
+      content
+      createdAt
+      participatedUsers {
+        details {
+          avatar
+          fullName
+          __typename
+        }
+        __typename
+      }
+      __typename
+    }
+  }
+`;
+const knowledgeBaseTopicDetail = gql`
+  query knowledgeBaseTopicDetail($_id: String!) {
+    knowledgeBaseTopicDetail(_id: $_id) {
+      title
+      description
+      categories {
+        _id
+        title
+        description
+        numOfArticles
+        parentCategoryId
+        icon
+        __typename
+      }
+      parentCategories {
+        _id
+        title
+        description
+        numOfArticles
+        parentCategoryId
+        icon
+        __typename
+      }
+      __typename
+    }
+  }
+`;
+const knowledgeBaseCategoryDetail = gql`
+  query knowledgeBaseCategoryDetail($_id: String!) {
+    knowledgeBaseCategoryDetail(_id: $_id) {
+      _id
+      title
+      description
+      numOfArticles
+      parentCategoryId
+      icon
+      parentCategoryId
+      articles {
+        _id
+        title
+        summary
+        content
+        createdDate
+        __typename
+      }
+      __typename
+    }
+  }
+`;
+export { widgetsMessengerSupporters, widgetsConversations, knowledgeBaseTopicDetail, knowledgeBaseCategoryDetail };
+//# sourceMappingURL=graphql.js.map

package/lib/module/graphql/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","widgetsMessengerSupporters","widgetsConversations","knowledgeBaseTopicDetail","knowledgeBaseCategoryDetail"],"sourceRoot":"../../../src","sources":["graphql/graphql.ts"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,0BAA0B,GAAGD,GAAI;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,oBAAoB,GAAGF,GAAI;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMG,wBAAwB,GAAGH,GAAI;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMI,2BAA2B,GAAGJ,GAAI;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,SACEC,0BAA0B,EAC1BC,oBAAoB,EACpBC,wBAAwB,EACxBC,2BAA2B"}

package/lib/module/graphql/mutation.js

@@ -0,0 +1,41 @@
+import { gql } from '@apollo/client';
+const connect = gql`
+  mutation connect(
+    $brandCode: String!
+    $email: String
+    $phone: String
+    $code: String
+    $isUser: Boolean
+    $data: JSON
+    $companyData: JSON
+    $cachedCustomerId: String
+    $visitorId: String
+  ) {
+    widgetsMessengerConnect(
+      brandCode: $brandCode
+      email: $email
+      phone: $phone
+      code: $code
+      isUser: $isUser
+      data: $data
+      companyData: $companyData
+      cachedCustomerId: $cachedCustomerId
+      visitorId: $visitorId
+    ) {
+      integrationId
+      messengerData
+      languageCode
+      uiOptions
+      customerId
+      visitorId
+      brand {
+        name
+        description
+        __typename
+      }
+      __typename
+    }
+  }
+`;
+export { connect };
+//# sourceMappingURL=mutation.js.map

package/lib/module/graphql/mutation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","connect"],"sourceRoot":"../../../src","sources":["graphql/mutation.ts"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,OAAO,GAAGD,GAAI;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,SAASC,OAAO"}

package/lib/module/icons/MaterialCommunityIcons.js

@@ -0,0 +1,71 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from 'react';
+import { StyleSheet, Text, Platform } from 'react-native';
+let MaterialCommunityIcons;
+try {
+  // Optionally require vector-icons
+  MaterialCommunityIcons = require('react-native-vector-icons/MaterialCommunityIcons').default;
+} catch (e) {
+  let isErrorLogged = false;
+
+  // Fallback component for icons
+  MaterialCommunityIcons = _ref => {
+    let {
+      color,
+      size,
+      ...rest
+    } = _ref;
+    if (!isErrorLogged) {
+      if (!/(Cannot find module|Module not found|Cannot resolve module)/.test(e.message)) {
+        console.error(e);
+      }
+      console.warn(`To remove this warning, try installing 'react-native-vector-icons'`);
+      isErrorLogged = true;
+    }
+    return /*#__PURE__*/React.createElement(Text, _extends({}, rest, {
+      style: [styles.icon, {
+        color,
+        fontSize: size
+      }],
+      pointerEvents: "none",
+      selectable: false
+    }), "\u25A1");
+  };
+}
+export const accessibilityProps = Platform.OS === 'web' ? {
+  role: 'img',
+  focusable: false
+} : {
+  accessibilityElementsHidden: true,
+  importantForAccessibility: 'no-hide-descendants'
+};
+const defaultIcon = _ref2 => {
+  let {
+    name,
+    color,
+    size,
+    direction,
+    allowFontScaling
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(MaterialCommunityIcons, _extends({
+    allowFontScaling: allowFontScaling,
+    name: name,
+    color: color,
+    size: size,
+    style: [{
+      transform: [{
+        scaleX: direction === 'rtl' ? -1 : 1
+      }],
+      lineHeight: size
+    }, styles.icon],
+    pointerEvents: "none",
+    selectable: false
+  }, accessibilityProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    backgroundColor: 'transparent'
+  }
+});
+export default defaultIcon;
+//# sourceMappingURL=MaterialCommunityIcons.js.map

package/lib/module/icons/MaterialCommunityIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","Platform","MaterialCommunityIcons","require","default","e","isErrorLogged","_ref","color","size","rest","test","message","console","error","warn","createElement","_extends","style","styles","icon","fontSize","pointerEvents","selectable","accessibilityProps","OS","role","focusable","accessibilityElementsHidden","importantForAccessibility","defaultIcon","_ref2","name","direction","allowFontScaling","transform","scaleX","lineHeight","create","backgroundColor"],"sourceRoot":"../../../src","sources":["icons/MaterialCommunityIcons.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAUzD,IAAIC,sBAA2B;AAE/B,IAAI;EACF;EACAA,sBAAsB,GACpBC,OAAO,CAAC,kDAAkD,CAAC,CAACC,OAAO;AACvE,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV,IAAIC,aAAa,GAAG,KAAK;;EAEzB;EACAJ,sBAAsB,GAAGK,IAAA,IAAmC;IAAA,IAAlC;MAAEC,KAAK;MAAEC,IAAI;MAAE,GAAGC;IAAU,CAAC,GAAAH,IAAA;IACrD,IAAI,CAACD,aAAa,EAAE;MAClB,IACE,CAAC,6DAA6D,CAACK,IAAI,CAChEN,CAAC,CAASO,OACb,CAAC,EACD;QACAC,OAAO,CAACC,KAAK,CAACT,CAAC,CAAC;MAClB;MAEAQ,OAAO,CAACE,IAAI,CACT,oEACH,CAAC;MAEDT,aAAa,GAAG,IAAI;IACtB;IAEA,oBACER,KAAA,CAAAkB,aAAA,CAAChB,IAAI,EAAAiB,QAAA,KACCP,IAAI;MACRQ,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;QAAEZ,KAAK;QAAEa,QAAQ,EAAEZ;MAAK,CAAC,CAAE;MAChDa,aAAa,EAAC,MAAM;MACpBC,UAAU,EAAE;IAAM,IACnB,QAEK,CAAC;EAEX,CAAC;AACH;AAEA,OAAO,MAAMC,kBAAkB,GAC7BvB,QAAQ,CAACwB,EAAE,KAAK,KAAK,GACjB;EACEC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE;AACb,CAAC,GACD;EACEC,2BAA2B,EAAE,IAAI;EACjCC,yBAAyB,EACvB;AACJ,CAAC;AAEP,MAAMC,WAAW,GAAGC,KAAA;EAAA,IAAC;IACnBC,IAAI;IACJxB,KAAK;IACLC,IAAI;IACJwB,SAAS;IACTC;EACS,CAAC,GAAAH,KAAA;EAAA,oBACVjC,KAAA,CAAAkB,aAAA,CAACd,sBAAsB,EAAAe,QAAA;IACrBiB,gBAAgB,EAAEA,gBAAiB;IACnCF,IAAI,EAAEA,IAAK;IACXxB,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXS,KAAK,EAAE,CACL;MACEiB,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAEH,SAAS,KAAK,KAAK,GAAG,CAAC,CAAC,GAAG;MAAE,CAAC,CAAC;MACrDI,UAAU,EAAE5B;IACd,CAAC,EACDU,MAAM,CAACC,IAAI,CACX;IACFE,aAAa,EAAC,MAAM;IACpBC,UAAU,EAAE;EAAM,GACdC,kBAAkB,CACvB,CAAC;AAAA,CACH;AAED,MAAML,MAAM,GAAGpB,UAAU,CAACuC,MAAM,CAAC;EAC/BlB,IAAI,EAAE;IACJmB,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AAEF,eAAeT,WAAW"}

package/lib/typescript/App.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export type PropTypes = {
-    script: string;
+    brandCode: string;
 };
 declare const ErxesSDK: React.FC<PropTypes>;
 export default ErxesSDK;

package/lib/typescript/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyCjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMjC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/typescript/FAQ.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const FAQ: (props: any) => React.JSX.Element | null;
+export default FAQ;
+//# sourceMappingURL=FAQ.d.ts.map

package/lib/typescript/FAQ.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQ.d.ts","sourceRoot":"","sources":["../../src/FAQ.tsx"],"names":[],"mappings":"AASA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,QAAA,MAAM,GAAG,UAAW,GAAG,6BA4ItB,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/typescript/Greetings.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Greetings: (props: any) => React.JSX.Element;
+export default Greetings;
+//# sourceMappingURL=Greetings.d.ts.map

package/lib/typescript/Greetings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Greetings.d.ts","sourceRoot":"","sources":["../../src/Greetings.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,SAAS,UAAW,GAAG,sBAmB5B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/typescript/Social.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Social: (props: any) => React.JSX.Element;
+export default Social;
+//# sourceMappingURL=Social.d.ts.map

package/lib/typescript/Social.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Social.d.ts","sourceRoot":"","sources":["../../src/Social.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,MAAM,UAAW,GAAG,sBAyBzB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/Support.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Support: (props: any) => React.JSX.Element | null;
+export default Support;
+//# sourceMappingURL=Support.d.ts.map

package/lib/typescript/Support.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Support.d.ts","sourceRoot":"","sources":["../../src/Support.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,QAAA,MAAM,OAAO,UAAW,GAAG,6BAiD1B,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/typescript/Supporters.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Supporters: (props: any) => React.JSX.Element | null;
+export default Supporters;
+//# sourceMappingURL=Supporters.d.ts.map

package/lib/typescript/Supporters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Supporters.d.ts","sourceRoot":"","sources":["../../src/Supporters.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,UAAU,UAAW,GAAG,6BAsC7B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/typescript/Widget.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const Widget: (props: any) => React.JSX.Element;
+export default Widget;
+//# sourceMappingURL=Widget.d.ts.map

package/lib/typescript/Widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.d.ts","sourceRoot":"","sources":["../../src/Widget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,MAAM,UAAW,GAAG,sBAiDzB,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/apolloClient.d.ts

@@ -0,0 +1,6 @@
+import { ApolloClient } from '@apollo/client/core';
+export declare const apiUrl: string;
+export declare const wsLink: any;
+declare const ClientProvider: () => ApolloClient<import("@apollo/client/core").NormalizedCacheObject>;
+export default ClientProvider;
+//# sourceMappingURL=apolloClient.d.ts.map

package/lib/typescript/apolloClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apolloClient.d.ts","sourceRoot":"","sources":["../../src/apolloClient.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAKb,MAAM,qBAAqB,CAAC;AAQ7B,eAAO,MAAM,MAAM,QAAuB,CAAC;AAG3C,eAAO,MAAM,MAAM,EAAE,GAQpB,CAAC;AAwBF,QAAA,MAAM,cAAc,yEAKhB,CAAC;AAEL,eAAe,cAAc,CAAC"}

package/lib/typescript/assets/images/index.d.ts

@@ -0,0 +1,8 @@
+declare const images: {
+    facebook: any;
+    youtube: any;
+    twitter: any;
+    avatar: any;
+};
+export default images;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/assets/images/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/assets/images/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;;;;CAKX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/typescript/graphql/graphql.d.ts

@@ -0,0 +1,6 @@
+declare const widgetsMessengerSupporters: DocumentNode;
+declare const widgetsConversations: DocumentNode;
+declare const knowledgeBaseTopicDetail: DocumentNode;
+declare const knowledgeBaseCategoryDetail: DocumentNode;
+export { widgetsMessengerSupporters, widgetsConversations, knowledgeBaseTopicDetail, knowledgeBaseCategoryDetail, };
+//# sourceMappingURL=graphql.d.ts.map

package/lib/typescript/graphql/graphql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphql.d.ts","sourceRoot":"","sources":["../../../src/graphql/graphql.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,0BAA0B,cAoB/B,CAAC;AAEF,QAAA,MAAM,oBAAoB,cAyBzB,CAAC;AAEF,QAAA,MAAM,wBAAwB,cA0B7B,CAAC;AAEF,QAAA,MAAM,2BAA2B,cAqBhC,CAAC;AAEF,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EACpB,wBAAwB,EACxB,2BAA2B,GAC5B,CAAC"}

package/lib/typescript/graphql/mutation.d.ts

@@ -0,0 +1,3 @@
+declare const connect: DocumentNode;
+export { connect };
+//# sourceMappingURL=mutation.d.ts.map

package/lib/typescript/graphql/mutation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mutation.d.ts","sourceRoot":"","sources":["../../../src/graphql/mutation.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,OAAO,cAqCZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/lib/typescript/icons/MaterialCommunityIcons.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export type IconProps = {
+    name: string;
+    color: string;
+    size: number;
+    direction: 'rtl' | 'ltr';
+    allowFontScaling?: boolean;
+};
+export declare const accessibilityProps: {
+    role: string;
+    focusable: boolean;
+    accessibilityElementsHidden?: undefined;
+    importantForAccessibility?: undefined;
+} | {
+    accessibilityElementsHidden: boolean;
+    importantForAccessibility: "no-hide-descendants";
+    role?: undefined;
+    focusable?: undefined;
+};
+declare const defaultIcon: ({ name, color, size, direction, allowFontScaling, }: IconProps) => React.JSX.Element;
+export default defaultIcon;
+//# sourceMappingURL=MaterialCommunityIcons.d.ts.map

package/lib/typescript/icons/MaterialCommunityIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaterialCommunityIcons.d.ts","sourceRoot":"","sources":["../../../src/icons/MaterialCommunityIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AA0CF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAUxB,CAAC;AAER,QAAA,MAAM,WAAW,wDAMd,SAAS,sBAiBX,CAAC;AAQF,eAAe,WAAW,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-erxes-sdk",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "react-native erxes sdk",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -40,13 +40,13 @@
     "ios",
     "android"
   ],
-  "repository": "https://github.com/Munkhorgilb/rn-erxes-sdk",
+  "repository": "https://github.com/erxes/rn-erxes-sdk",
   "author": "Munkh-orgil <monkhorgilbayarbaatar@gmail.com> (https://github.com/Munkhorgilb)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/Munkhorgilb/rn-erxes-sdk/issues"
+    "url": "https://github.com/erxes/rn-erxes-sdk/issues"
   },
-  "homepage": "https://github.com/Munkhorgilb/rn-erxes-sdk#readme",
+  "homepage": "https://github.com/erxes/rn-erxes-sdk#readme",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -157,6 +157,10 @@
     ]
   },
   "dependencies": {
-    "react-native-webview": "11.26.0"
+    "@apollo/client": "^3.7.15",
+    "dayjs": "^1.11.8",
+    "graphql-ws": "^5.13.1",
+    "react-apollo": "^3.1.5",
+    "react-native-vector-icons": "^9.1.0"
   }
 }

package/src/App.tsx

@@ -1,51 +1,17 @@
 import React from 'react';
-import { WebView } from 'react-native-webview';
-import { Platform } from 'react-native';
+import { ApolloProvider } from '@apollo/client';
+import ClientProvider from './apolloClient';
+import Widget from './Widget';
 
 export type PropTypes = {
-  script: string;
+  brandCode: string;
 };
 
-const ErxesSDK: React.FC<PropTypes> = ({ script }) => {
-  const onMessage = (data: any) => {
-    const { notificationCount } = JSON.parse(data.nativeEvent.data);
-
-    console.log('****************** ', notificationCount);
-  };
-
+const ErxesSDK: React.FC<PropTypes> = ({ brandCode }) => {
   return (
-    <WebView
-      ref={() => {}}
-      source={
-        Platform.OS === 'ios'
-          ? require('./index.html')
-          : { uri: 'file:///android_asset/index.html' }
-      }
-      originWhitelist={['*']}
-      sharedCookiesEnabled={true}
-      cacheEnabled={true}
-      allowFileAccess={true}
-      domStorageEnabled={true}
-      thirdPartyCookiesEnabled={true}
-      // allowingReadAccessToURL
-      // style={{ width: 200 }}
-      onLoadEnd={(syntheticEvent) => {
-        // update component to be aware of loading status
-        const { nativeEvent } = syntheticEvent;
-        console.log(nativeEvent.loading);
-      }}
-      javaScriptEnabled={true}
-      onError={(er) => {
-        console.log(er);
-      }}
-      startInLoadingState={true}
-      // renderLoading={() => <Loader />}
-      injectedJavaScript={script}
-      // injectedJavaScriptBeforeContentLoaded={runFirst}
-
-      // onNavigationStateChange={this.handleWebViewNavigationStateChange}
-      onMessage={onMessage}
-    />
+    <ApolloProvider client={ClientProvider()}>
+      <Widget brandCode={brandCode} />
+    </ApolloProvider>
   );
 };
 

package/src/FAQ.tsx

@@ -0,0 +1,166 @@
+/* eslint-disable react-native/no-inline-styles */
+import {
+  View,
+  Text,
+  StyleSheet,
+  FlatList,
+  TouchableOpacity,
+  ActivityIndicator,
+} from 'react-native';
+import React, { useState } from 'react';
+import { useQuery } from '@apollo/client';
+import {
+  knowledgeBaseCategoryDetail,
+  knowledgeBaseTopicDetail,
+} from './graphql/graphql';
+
+const FAQ = (props: any) => {
+  const { knowledgeBaseTopicId } = props;
+
+  const [selectedParent, setSelectedParent] = useState<any>('');
+  const [selectedCategory, setSelectedCategory] = useState<any>('');
+
+  const { data, loading } = useQuery(knowledgeBaseTopicDetail, {
+    variables: {
+      _id: knowledgeBaseTopicId,
+    },
+  });
+
+  const { data: dataCategory, loading: loadingCategory } = useQuery(
+    knowledgeBaseCategoryDetail,
+    {
+      variables: {
+        _id: selectedCategory?._id,
+      },
+      skip: !selectedCategory,
+    }
+  );
+
+  if (loading) {
+    return null;
+  }
+
+  const renderItem = ({ item, index }: any) => {
+    const isParent = item?.parentCategoryId === null;
+    const childrenCount = isParent
+      ? data?.knowledgeBaseTopicDetail?.categories?.filter(
+          (e: any) => e?.parentCategoryId === item?._id
+        )?.length
+      : item?.numOfArticles;
+    return (
+      <TouchableOpacity
+        key={index}
+        onPress={() => {
+          if (item?.parentCategoryId === null) {
+            return setSelectedParent(item);
+          }
+          return setSelectedCategory(item);
+        }}
+        style={styles.container}
+      >
+        <Text>
+          {item?.title} ({childrenCount})
+        </Text>
+        <Text style={{ color: '#393C40', marginTop: 5 }}>
+          {item?.description}
+        </Text>
+      </TouchableOpacity>
+    );
+  };
+
+  const renderArticles = ({ item, index }: any) => {
+    return (
+      <TouchableOpacity key={index} style={styles.container}>
+        <Text>{item?.title}</Text>
+        <Text style={{ marginTop: 5, color: '#393C40' }}>{item?.summary}</Text>
+      </TouchableOpacity>
+    );
+  };
+
+  const renderCategoryDetail = () => {
+    if (loadingCategory) {
+      return (
+        <View style={{ marginTop: 20, alignItems: 'center' }}>
+          <ActivityIndicator />
+        </View>
+      );
+    }
+    return (
+      <FlatList
+        data={dataCategory?.knowledgeBaseCategoryDetail?.articles}
+        renderItem={renderArticles}
+        keyExtractor={(item) => item.id}
+        contentContainerStyle={{ gap: 10, paddingBottom: 60 }}
+        ItemSeparatorComponent={seperator}
+        // eslint-disable-next-line react/no-unstable-nested-components
+        ListHeaderComponent={() => {
+          return (
+            <TouchableOpacity
+              style={{ backgroundColor: '#f7f6f9', padding: 5 }}
+              onPress={() => {
+                setSelectedCategory('');
+              }}
+            >
+              <Text style={{ marginLeft: 5 }}>Back to Categories</Text>
+            </TouchableOpacity>
+          );
+        }}
+      />
+    );
+  };
+
+  const header = () => {
+    return (
+      <TouchableOpacity
+        style={{ backgroundColor: '#f7f6f9', padding: 5 }}
+        onPress={() => {
+          setSelectedParent('');
+        }}
+      >
+        <Text style={{ marginLeft: 5 }}>Back to FAQ</Text>
+      </TouchableOpacity>
+    );
+  };
+
+  const seperator = () => {
+    return (
+      <View style={{ height: 1, backgroundColor: '#000', marginTop: 10 }} />
+    );
+  };
+
+  return (
+    <View style={{ flex: 1 }}>
+      {selectedCategory ? (
+        renderCategoryDetail()
+      ) : selectedParent ? (
+        <FlatList
+          data={data?.knowledgeBaseTopicDetail?.categories?.filter(
+            (e: any) => e?.parentCategoryId === selectedParent?._id
+          )}
+          renderItem={renderItem}
+          keyExtractor={(item) => item.id}
+          contentContainerStyle={{ gap: 10, paddingBottom: 60 }}
+          ItemSeparatorComponent={seperator}
+          ListHeaderComponent={header}
+        />
+      ) : (
+        <FlatList
+          data={data?.knowledgeBaseTopicDetail?.parentCategories}
+          renderItem={renderItem}
+          keyExtractor={(item) => item.id}
+          contentContainerStyle={{ gap: 10 }}
+          ItemSeparatorComponent={seperator}
+        />
+      )}
+    </View>
+  );
+};
+
+export default FAQ;
+
+const styles = StyleSheet.create({
+  container: {
+    marginTop: 10,
+    marginHorizontal: 10,
+  },
+});