@zohodesk/library-platform 1.1.13 → 1.2.0-exp.1

package/es/platform/components/smart-navigation/adapters/presenters/SampleModel.js

@@ -0,0 +1,356 @@
+import { ONE_UNIFICATION } from "../../../../../cc/one-unification/Constants";
+export const deskModel = {
+  loadOnDiv: ONE_UNIFICATION.ELEMENTS.SIDE_PANE,
+  appName: 'Zoho Desk',
+  appLogoURL: 'https://desk.zoho.com/api/v1/organizations/163390704/logo?no-cache=1766673022841&fileSize=THUMBNAIL',
+  isCommonSearchEnabled: true,
+  switcher: {
+    label: 'Departments',
+    key: 'department-switcher',
+    isSearchEnabled: true,
+    options: [{
+      label: 'Zylker Support',
+      key: 'zylker-support',
+      iconLink: 'https://desk.zoho.com/api/v1/organizations/163390704/logo?no-cache=1766673022841&fileSize=THUMBNAIL',
+      selected: true
+    }, {
+      label: 'Marketing Team',
+      key: 'marketing-team',
+      iconLink: 'https://picsum.photos/seed/' + Math.random() + '/24/24'
+    }, {
+      label: 'Sales Team',
+      key: 'sales-team',
+      iconLink: 'https://picsum.photos/seed/' + Math.random() + '/24/24'
+    }]
+  },
+  modules: [{
+    label: 'Requests',
+    key: 'requests',
+    icon: 'home',
+    subModules: [{
+      label: 'Headquarters',
+      key: 'headquarters'
+    }, {
+      label: 'Team Feeds',
+      key: 'team-feeds'
+    }, {
+      label: 'Views',
+      key: 'views11',
+      moduleSpecificConfig: {
+        isSearchEnabled: true,
+        isAddEnabled: true,
+        accordionMode: 'Focused'
+      },
+      loadOnDemand: true,
+      subModuels: [] // subModules: [
+      //   {
+      //     label: 'Starred Views',
+      //     key: 'starred-views',
+      //     moduleConfig: {
+      //       isMoreEnabled: true,
+      //       isReorderEnabled: true,
+      //       moreOptions: [
+      //         {
+      //           label: 'Export',
+      //           key: 'export',
+      //           icon: 'lms'
+      //         },
+      //         {
+      //           label: 'Open in New Tab',
+      //           key: 'open-in-new-tab',
+      //           icon: '_icon_open_new_tab'
+      //         },
+      //         {
+      //           key: 'favorite',
+      //           state: false,
+      //           on: {
+      //             label: 'Unstar',
+      //             icon: '_icon_m_fil_star'
+      //           },
+      //           off: {
+      //             label: 'Star',
+      //             icon: '_icon_m_star'
+      //           }
+      //         }
+      //       ]
+      //     },
+      //     subModules: [
+      //       {
+      //         label: 'All Requests',
+      //         key: 'all-requests',
+      //         count: '99'
+      //       },
+      //       {
+      //         label: 'My Requests',
+      //         key: 'my-requests',
+      //         count: '250'
+      //       },
+      //       {
+      //         label: 'My Open Requests',
+      //         key: 'my-open-requests',
+      //         count: '12002'
+      //       },
+      //       {
+      //         label: 'Telephony Team',
+      //         key: 'telephony-team',
+      //         count: '8'
+      //       },
+      //       {
+      //         label: 'Customization',
+      //         key: 'customization',
+      //         count: '1'
+      //       },
+      //       {
+      //         label: 'Zoho Desk Support',
+      //         key: 'zoho-desk-support',
+      //         count: '15'
+      //       }
+      //     ]
+      //   },
+      //   {
+      //     label: 'All Views',
+      //     key: 'all-views',
+      //     moduleConfig: {
+      //       isMoreEnabled: true,
+      //       moreOptions: [
+      //         {
+      //           label: 'Export',
+      //           key: 'export',
+      //           icon: 'lms'
+      //         },
+      //         {
+      //           label: 'Open in New Tab',
+      //           key: 'open-in-new-tab',
+      //           icon: '_icon_open_new_tab'
+      //         },
+      //         {
+      //           key: 'favorite',
+      //           state: false,
+      //           on: {
+      //             label: 'Unstar',
+      //             icon: '_icon_m_fil_star'
+      //           },
+      //           off: {
+      //             label: 'Star',
+      //             icon: '_icon_m_star'
+      //           }
+      //         }
+      //       ]
+      //     },
+      //     subModules: [
+      //       {
+      //         label: 'All Requests',
+      //         key: 'all-requests-2'
+      //       },
+      //       {
+      //         label: 'My Requests',
+      //         key: 'my-requests-2'
+      //       },
+      //       {
+      //         label: 'Closed Requests',
+      //         key: 'closed-requests'
+      //       }
+      //     ]
+      //   }
+      // ]
+
+    }, {
+      label: 'Agent Queue',
+      key: 'agent-queue'
+    }, {
+      label: 'Team Queue',
+      key: 'team-queue'
+    }, {
+      label: 'Tags',
+      key: 'tags'
+    }]
+  }, {
+    label: 'Customers',
+    key: 'customers',
+    icon: 'home',
+    subModules: [{
+      label: 'Contacts',
+      key: 'contacts',
+      icon: 'home',
+      moduleSpecificConfig: {
+        isSearchEnabled: true,
+        isAddEnabled: true,
+        accordionMode: 'Focused'
+      },
+      subModules: [{
+        label: 'Starred Views',
+        key: 'starred-views-contacts',
+        subModules: [{
+          label: 'All Contacts',
+          key: 'all-contacts'
+        }]
+      }, {
+        label: 'All Views',
+        key: 'all-views-contacts',
+        subModules: [{
+          label: 'All Contacts',
+          key: 'all-contacts-2'
+        }, {
+          label: 'ANonymous Contacts',
+          key: 'anonymous-contacts'
+        }, {
+          label: 'Last 30 days',
+          key: 'last-30-days'
+        }]
+      }, {
+        label: 'Archived views',
+        key: 'archived-views',
+        moduleSpecificConfig: {
+          loadOnDemand: true
+        }
+      }, {
+        label: 'Duplicates',
+        key: 'duplicates',
+        moduleSpecificConfig: {
+          isSearchEnabled: true
+        },
+        subModules: [{
+          label: 'abhishek',
+          key: 'abhishek',
+          count: '5'
+        }, {
+          label: 'john doe',
+          key: 'john-doe',
+          count: '2'
+        }, {
+          label: 'jane doe',
+          key: 'jane-doe',
+          count: '3'
+        }]
+      }]
+    }, {
+      label: 'Accounts',
+      key: 'accounts'
+    }]
+  }, {
+    label: 'Knowledge Base',
+    key: 'knowledge-base',
+    icon: 'home',
+    subModules: [{
+      label: 'Dashboard',
+      key: 'dashboard'
+    }, {
+      label: 'Articles',
+      key: 'articles',
+      moduleSpecificConfig: {
+        accordionMode: 'Focused'
+      },
+      subModules: [{
+        label: 'Product Mangement',
+        key: 'product-management',
+        expanded: true,
+        subModules: [{
+          label: 'Management',
+          key: 'management',
+          icon: 'lms',
+          expanded: true,
+          subModules: [{
+            label: 'Core Module',
+            key: 'core-module',
+            icon: 'lms',
+            expanded: true,
+            subModules: [{
+              label: 'Tickets',
+              key: 'tickets',
+              moduleSpecificConfig: {
+                loadOnDemand: true
+              }
+            }, {
+              label: 'Modules',
+              key: 'modules',
+              icon: 'lms',
+              expanded: true,
+              subModules: [{
+                label: 'Views',
+                key: 'views'
+              }]
+            }]
+          }, {
+            label: 'Zoho Desk Mail',
+            key: 'zoho-desk-mail'
+          }]
+        }]
+      }]
+    }, {
+      label: 'Templates',
+      key: 'templates'
+    }, {
+      label: 'Manage KB',
+      key: 'manage-kb'
+    }, {
+      label: 'Gallery',
+      key: 'gallery'
+    }, {
+      label: 'Recycle Bin',
+      key: 'recycle-bin'
+    }]
+  }, {
+    label: 'Analytics',
+    key: 'analytics',
+    icon: 'home',
+    subModules: [{
+      label: 'Dashboards',
+      key: 'dashboards',
+      moduleSpecificConfig: {
+        isSearchEnabled: true,
+        accordionMode: 'Focused'
+      },
+      subModules: [{
+        label: 'My Dashboards',
+        key: 'my-dashboards',
+        moduleSpecificConfig: {
+          isAccordionSelectable: true
+        },
+        subModules: [{
+          label: 'Zia',
+          key: 'zia'
+        }, {
+          label: 'Test',
+          key: 'test'
+        }]
+      }, {
+        label: 'Starred Dashboards',
+        key: 'starred-dashboards',
+        moduleSpecificConfig: {
+          loadOnDemand: true,
+          isAccordionSelectable: true
+        }
+      }, {
+        label: 'Popular Dashboards',
+        key: 'popular-dashboards',
+        moduleSpecificConfig: {
+          loadOnDemand: true,
+          isAccordionSelectable: true
+        }
+      }]
+    }, {
+      label: 'Reports',
+      key: 'reports'
+    }, {
+      label: 'Advanced analytics',
+      key: 'advanced-analytics',
+      actionIcons: [{
+        icon: '_icon_open_new_tab',
+        tooltipText: 'Open in new tab',
+        key: 'open-in-new-tab'
+      }]
+    }]
+  }, {
+    label: 'Activities',
+    key: 'activities',
+    icon: 'home'
+  }, {
+    label: 'IM',
+    key: 'im',
+    icon: 'home'
+  }, {
+    label: 'Add Module',
+    key: 'add-module',
+    icon: 'add'
+  }]
+};

package/es/platform/components/smart-navigation/adapters/resources/SmartNavigationResource.js

@@ -0,0 +1,96 @@
+import { AbstractResource } from "../../../../sdk/application/interfaces/gateways/AbstractResource";
+import { translateModule } from "../presenters/OneUnifiedNavigationTranslator";
+import { ONE_UNIFICATION } from "../../../../../cc/one-unification/Constants";
+export class SmartNavigationResource extends AbstractResource {
+  initialize() {}
+
+  destroy() {}
+
+  initializeModel(model) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.initUIModel(model);
+  }
+
+  modifyTab(tabKey, tabData) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.modifyTab(tabKey, tabData);
+  }
+
+  modifyModule(moduleKey, moduleData) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.modifyModule(moduleKey, moduleData);
+  }
+
+  addModule(moduleParentKey, moduleData) {
+    this.validateLibraryLoaded();
+    const transformedModuleData = moduleData.map(module => translateModule(module));
+    globalThis.ZOUnifiedNavLib.addModule(moduleParentKey, transformedModuleData);
+  }
+
+  appendModule(moduleData) {
+    this.validateLibraryLoaded();
+    const transformedModuleData = moduleData.map(module => translateModule(module))[0];
+    ZOUnifiedNavLib.addModule('default-tab', transformedModuleData);
+  }
+
+  loadModule(moduleKey, moduleData) {
+    this.validateLibraryLoaded();
+    const transformedModuleData = moduleData.map(module => translateModule(module));
+    globalThis.ZUnify.UnifiedNavigation.onLoadComplete({
+      key: moduleKey,
+      items: transformedModuleData
+    });
+  }
+
+  selectModule(moduleKey) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.selectModule(moduleKey);
+  }
+
+  setNotificationCount(key, count) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.setNotificationCount(key, count);
+  }
+
+  pinModule(moduleKey) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.pinModule(moduleKey);
+  }
+
+  favouriteModule(moduleKey) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.favouriteModule(moduleKey);
+  }
+
+  hideModule(moduleKey) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.hideModule(moduleKey);
+  }
+
+  activateFilterOnModule(moduleKey) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.activateFitlerOnModule(moduleKey);
+  }
+
+  changeDepartment(departmentKey) {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.onSwitcherSelectionComplete(ONE_UNIFICATION.ELEMENTS.DEPARTMENT_SWITCHER, departmentKey);
+  }
+
+  expandPanel() {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.setCollapsed(false);
+  }
+
+  collapsePanel() {
+    this.validateLibraryLoaded();
+    globalThis.ZUnify.UnifiedNavigation.setCollapsed(true);
+  }
+
+  validateLibraryLoaded() {
+    if (!globalThis.ZUnify || !globalThis.ZUnify.UnifiedNavigation) {
+      throw new Error('Unification library is not loaded yet.');
+    }
+  }
+
+}

package/es/platform/components/smart-navigation/frameworks/CustomElementRenderer.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+function createButtonElement(config) {
+  return /*#__PURE__*/React.createElement('button', {
+    onClick: config.onClick
+  }, config.label);
+}
+
+export function renderIconSlot(iconSlot, buttonConfig) {
+  const container = document.getElementById(iconSlot.id);
+
+  if (!container) {
+    __DEVELOPMENT__ && console.warn(`[CustomElementRenderer] DOM node not found for iconSlot.id: "${iconSlot.id}"`);
+    return null;
+  }
+
+  if (iconSlot.width !== undefined) container.style.width = `${iconSlot.width}px`;
+  if (iconSlot.height !== undefined) container.style.height = `${iconSlot.height}px`;
+  ReactDOM.render(createButtonElement(buttonConfig), container);
+  return () => ReactDOM.unmountComponentAtNode(container);
+}

package/es/platform/components/smart-navigation/frameworks/SmartNavigation.js

@@ -0,0 +1,12 @@
+import React from 'react';
+const library = 'one-unification';
+
+if (library === 'one-unification') {
+  import("./one-unification/SmartNavigation").then(module => {
+    const SmartNavigation = module.SmartNavigation;
+    return SmartNavigation;
+  });
+} else {
+  /*#__PURE__*/
+  React.createElement("div", null, "Unsupported library for Smart Navigation");
+}

package/es/platform/components/smart-navigation/frameworks/one-unification/OneUnificationEventHandlers.js

@@ -0,0 +1,156 @@
+import { ONE_UNIFICATION } from "../../../../../cc/one-unification/Constants";
+import { UnifiedNavigationActions } from "./UnifiedNavigationActions";
+export class UnifiedNavigationEvent {
+  static defineCallBackProxy(dispatch) {
+    return {
+      get(target, prop, receiver) {
+        return function (args) {
+          dispatch({
+            type: ONE_UNIFICATION.EVENTS.ACTION_TRIGGERED,
+            payload: {
+              actionMethod: prop,
+              data: args
+            }
+          });
+
+          if (target[prop] && target[prop] instanceof Function) {
+            return target[prop].apply(this, args);
+          }
+        };
+      }
+
+    };
+  }
+
+  static getConfigJSON() {
+    return {
+      AccessibilitySettings: {
+        darkModeEnabled: true
+      },
+      AppsMenu: {
+        libraryURL: 'https://one-lab.localzoho.com/zd/library.js?app_name=support&org_id=115233295&zaaid=115233993'
+      },
+      unifiedNavigation: {
+        sidePaneSelector: ONE_UNIFICATION.ELEMENTS.SIDE_PANE,
+        topBarSelector: ONE_UNIFICATION.ELEMENTS.TOP_BAR,
+        appDisplayName: 'Desk',
+        appLogo: 'desk-logo',
+        appLogoURL: 'https://www.zohowebstatic.com/sites/zweb/images/desk/images/desk-128.png',
+        isInCollapsedState: false
+      }
+    };
+  }
+
+  onScriptLoad(_ref) {
+    let {
+      action,
+      dispatch
+    } = _ref;
+    const {
+      scriptId
+    } = action.payload;
+
+    if (scriptId !== ONE_UNIFICATION.SCRIPT_ID) {
+      return;
+    }
+
+    globalThis.onZUnifyLibReady = () => dispatch({
+      type: ONE_UNIFICATION.EVENTS.LIBRARY_READY
+    }); // moved to App Level
+
+
+    globalThis.onZDLibraryReady = () => dispatch({
+      type: ONE_UNIFICATION.EVENTS.ZD_LIBRARY_READY
+    }); // moved to App Level
+
+  }
+
+  onZUnifyReady(_ref2) {
+    let {
+      state,
+      dispatch
+    } = _ref2;
+    const {
+      ZUnify,
+      ZUnifyImpl
+    } = globalThis;
+    ZUnify.register(UnifiedNavigationEvent.getConfigJSON());
+    UnifiedNavigationEvent.loadNavigationData({
+      state,
+      dispatch
+    });
+  }
+
+  static loadNavigationData(_ref3) {
+    let {
+      state,
+      dispatch
+    } = _ref3;
+    const {
+      ZUnify,
+      ZUnifyImpl
+    } = globalThis;
+    const {
+      model
+    } = state.properties;
+    ZUnify.UnifiedNavigation.initUIModel(model);
+    ZUnifyImpl.UnifiedNavigation = new Proxy(ZUnifyImpl.UnifiedNavigation, UnifiedNavigationEvent.defineCallBackProxy(dispatch));
+    dispatch({
+      type: ONE_UNIFICATION.EVENTS.UNIFIED_NAVIGATION_INITIALIZED,
+      payload: {
+        model
+      }
+    }); // ZUnifyImpl.UnifiedNavigation.clickModule = (...args) => console.log('<DK>', 'click module is also working fine', args[0]);
+  } // TODO: Yet to implement this method
+
+
+  onZDLibraryReady(_ref4) {
+    let {
+      state,
+      dispatch
+    } = _ref4;
+    globalThis.ZDLibrary.Launcher.init({
+      csrfName: 'crmcsrfparam',
+      // Product specific csrf value;
+      getCsrfValue: function () {
+        return ''; //getCSRFCookie(); // Product specific csrf value;
+      }
+    });
+  }
+
+  onActionTriggered(_ref5) {
+    let {
+      action,
+      state,
+      dispatch
+    } = _ref5;
+    const {
+      actionMethod,
+      data
+    } = action.payload;
+    UnifiedNavigationActions.handle(actionMethod, data, dispatch);
+  }
+
+  getHandlers() {
+    return {
+      [ONE_UNIFICATION.EVENTS.LIBRARY_READY]: this.onZUnifyReady,
+      [ONE_UNIFICATION.EVENTS.ZD_LIBRARY_READY]: this.onZDLibraryReady,
+      [ONE_UNIFICATION.EVENTS.ACTION_TRIGGERED]: this.onActionTriggered,
+      // Library Loader moved to App level
+      ['LIBRARY_LOADER#SUCCESS']: this.onScriptLoad,
+      ['LIBRARY_LOADER#FAILURE']: _ref6 => {
+        let {
+          state,
+          action,
+          dispatch
+        } = _ref6;
+        const {
+          scriptId,
+          error
+        } = action.payload;
+        console.error(`Failed to load library: ${scriptId}, Error: ${error}`);
+      }
+    };
+  }
+
+}