@icvdeveloper/common-module 0.0.45 → 0.0.48

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "v3plus-common-module",
   "configKey": "v3plusCommonModule",
-  "version": "0.0.45"
+  "version": "0.0.48"
 }

package/dist/runtime/@types/components.d.ts

@@ -98,3 +98,6 @@ export type presenterModalClassObj = {
     iconContainer?: string | null;
     components?: presenterModalCompObj;
 };
+export type uccClassObj = {
+    container?: string | null;
+};

package/dist/runtime/components/auth/Ucc.vue

@@ -0,0 +1,52 @@
+<script lang="ts" setup>
+import { toRefs, onMounted } from "vue";
+import { useUcc } from "../../composables/useUcc";
+import { useConferencesStore } from "../../store/conferences";
+import { uccClassObj } from "../../@types/components";
+import { useClassBinding } from "../../composables/useClassBinding";
+
+const { loadUccScript } = useUcc();
+
+interface Props {
+  eventId?: number | null;
+  classObject?: uccClassObj;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  eventId: () => useConferencesStore().currentConference.id,
+  classObject: () => {
+    return {
+      container: ""
+    };
+  },
+});
+
+const {
+  classObject,
+} = toRefs(props);
+
+const conferenceStore = useConferencesStore();
+const { classBinding } = useClassBinding();
+
+// reactive data
+const { eventId } = toRefs(props);
+
+// on mount
+onMounted(() => {
+  loadUccScript(props.eventId);
+});
+
+</script>
+
+<template>
+  <div
+    id="uccTarget"
+    :class="
+      classBinding(
+        classObject,
+        'container',
+        'p-0 m-0 w-full'
+      )
+    "
+  />
+</template>

package/dist/runtime/composables/index.d.ts

@@ -8,4 +8,5 @@ export * from "./useLogin";
 export * from "./usePresentation";
 export * from "./usePresenter";
 export * from "./usePresenters";
+export * from "./useUcc";
 export * from "./useV3plusCommonModule";

package/dist/runtime/composables/index.mjs

@@ -8,4 +8,5 @@ export * from "./useLogin.mjs";
 export * from "./usePresentation.mjs";
 export * from "./usePresenter.mjs";
 export * from "./usePresenters.mjs";
+export * from "./useUcc.mjs";
 export * from "./useV3plusCommonModule.mjs";

package/dist/runtime/composables/useClassBinding.d.ts

@@ -1,4 +1,4 @@
 export type UseClassBindingMethods = {
-    classBinding(_classObject: {}, _element: string, _defaults: string): string;
+    classBinding(_classObject: {} | undefined, _element: string, _defaults: string): string;
 };
 export declare const useClassBinding: () => UseClassBindingMethods;

package/dist/runtime/composables/useClassBinding.mjs

@@ -1,7 +1,7 @@
 export const useClassBinding = () => {
   const classBinding = (_classObject, _element, _defaults) => {
     const key = _element;
-    if (_classObject[`${key}`] === void 0 || !_classObject[`${key}`].length) {
+    if (_classObject === void 0 || _classObject[`${key}`] === void 0 || !_classObject[`${key}`].length) {
       return _defaults;
     }
     return _classObject[`${key}`];

package/dist/runtime/composables/useDateFormat.d.ts

@@ -3,10 +3,10 @@ export type DateFunctions = {
      * Takes a date string and converts it to a formatted date
      * e.g August 8, 2022
      */
-    formatDate: (date: string) => string;
+    formatDate: (date: string, dateFormat?: string) => string;
     /**
      * Takes a date string with its timezone and converts it to the users local time.
      */
-    formatTimezoneToLocal: (date: string | Date, format: string, timezone: string) => string;
+    formatTimezoneToLocal: (date: string | Date, dateFormat: string, timezone: string) => string;
 };
 export declare const useDateFormat: () => DateFunctions;

package/dist/runtime/composables/useDateFormat.mjs

@@ -1,17 +1,17 @@
 import { format as formatTz } from "date-fns-tz";
 import { format, parseISO } from "date-fns";
 export const useDateFormat = () => {
-  const formatDate = (date) => {
-    return format(new Date(parseISO(date)), "MMMM do, Y");
+  const formatDate = (date, dateFormat = "MMMM do, Y") => {
+    return format(new Date(parseISO(date)), dateFormat);
   };
-  const formatTimezoneToLocal = (date, format2, timezone) => {
+  const formatTimezoneToLocal = (date, dateFormat, timezone) => {
     return formatTz(
       new Date(
         formatTz(parseISO(date), "yyyy-MM-dd HH:mm z", {
           timeZone: timezone
         })
       ),
-      format2
+      dateFormat
     );
   };
   return {

package/dist/runtime/composables/useUcc.d.ts

@@ -0,0 +1,11 @@
+export type UccFunctions = {
+    /**
+     * load UCC script
+     */
+    loadUccScript: (eventId: number) => void;
+    /**
+     * show UCC Event Sign Up
+     */
+    uccShowEventSignUp: (eventId: number) => void;
+};
+export declare const useUcc: () => UccFunctions;

package/dist/runtime/composables/useUcc.mjs

@@ -0,0 +1,66 @@
+import { get } from "lodash-es";
+export const useUcc = () => {
+  const loadUccScript = (eventId) => {
+    window.uccMixin = {};
+    window.uccMixin.eventId = eventId;
+    window.uccMixin.uccShowEventSignUp = uccShowEventSignUp;
+    let ucc = document.createElement("script");
+    ucc.setAttribute("src", "https://cssjs.nejm-qa.org/mmsWidgets.js");
+    ucc.onload = () => {
+      mmsWidgets.init({
+        clientId: "6gw22dzjxwmgj6kekxkgwdshvyrx2uuz",
+        // Akamai client id
+        origin: "NEJMGroupEvents",
+        debug: true,
+        // set this false for production
+        onReady: function() {
+          console.log("UCC ready");
+        },
+        onLoginSuccess: function(ssoEvent) {
+          console.log("UCC login success");
+        },
+        onAuthStateReady: function(ssoEvent) {
+          console.log("UCC auth state ready");
+          if (window.uccMixin.eventId) {
+            window.uccMixin.uccShowEventSignUp(window.uccMixin.eventId);
+          }
+        },
+        onRegistrationSuccess: function(ssoEvent) {
+          console.log("UCC reg success");
+        },
+        onLogoutSuccess: function(ssoEvent) {
+          console.log("UCC logout success");
+        }
+      });
+    };
+    document.head.appendChild(ucc);
+  };
+  const uccShowEventSignUp = (eventId) => {
+    return new Promise((resolve, reject) => {
+      const request = useApi();
+      request(
+        `conferences/${eventId}?with=custom1`
+      ).then((response) => {
+        let brandCode = get(response.data, "custom1[0].code");
+        if (brandCode) {
+          let mmsResponse = window.mmsWidgets.showEventsSignUp(
+            "#uccTarget",
+            `${eventId}`,
+            null,
+            { productCode: `${brandCode}` }
+          );
+        } else {
+          throw new Error("Missing required parameter");
+        }
+        resolve(brandCode);
+      }).catch((error) => {
+        document.getElementById("uccTarget").innerHTML = `<div class='border font-bold px-4 py-3 mb-4 rounded relative message-base bg-red-100 border-red-400 text-red-600'>${error}</div>`;
+        reject(error);
+      });
+    });
+  };
+  return {
+    loadUccScript,
+    uccShowEventSignUp
+  };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icvdeveloper/common-module",
-  "version": "0.0.45",
+  "version": "0.0.48",
   "license": "MIT",
   "type": "module",
   "exports": {