@icvdeveloper/common-module 0.0.46 → 0.0.49

package/dist/runtime/components/support/FAQAccordion.vue

@@ -1,247 +1,247 @@
-<script lang="ts" setup>
-import { toRefs, unref } from "vue";
-
-type Props = {
-  streamTestEnabled?: boolean;
-  showForm?: boolean;
-  liveSupportUrl?: string;
-};
-
-const props = withDefaults(defineProps<Props>(), {
-  streamTestEnabled: false,
-  showForm: true,
-  liveSupportUrl: "",
-});
-</script>
-
-<template>
-  <section>
-    <CommonAccordion v-if="props.streamTestEnabled">
-      <template #question>
-        <span class="font-bold"
-          >Q: Have you run the pre-event streaming test?</span
-        >
-      </template>
-      <template #answer>
-        <p>
-          The most important step is to visit our
-          <a href="/stream-test">Pre-Event Test Stream</a> using the computer or
-          device you will use for the live web event, and connecting with the
-          same network connection you will use for the live web event. We begin
-          webcasting a pre-event test stream one week prior to the event.
-        </p>
-        <p>
-          If you can see video, hear the sound, and see the test slide, you will
-          most likely be ready for the web event.
-        </p>
-      </template>
-    </CommonAccordion>
-    <CommonAccordion>
-      <template #question>
-        <span class="font-bold">Q: What are the browser requirements?</span>
-      </template>
-      <template #answer>
-        <div>
-          <p>
-            <span class="font-bold">Desktop:</span> Minimum browser versions of
-            the following:
-          </p>
-          <ul>
-            <li>Chrome 65</li>
-            <li>Edge 16</li>
-            <li>Firefox 60</li>
-            <li>Internet Explorer 11 in Windows 8.1+ only</li>
-            <li>Safari 10</li>
-          </ul>
-          <p>
-            <span class="font-bold">Mobile:</span> Minimum browser versions of
-            the following for Android 4.4+ and iOS 11+:
-          </p>
-          <ul>
-            <li>Chrome 63</li>
-            <li>Safari 10</li>
-          </ul>
-        </div>
-      </template>
-    </CommonAccordion>
-    <CommonAccordion>
-      <template #question>
-        <span class="font-bold">Q: Why am I getting a login error?</span>
-      </template>
-
-      <template #answer>
-        <p>
-          Verify that you are using the same email address you used to register
-          for the event. If you just registered, wait 1-2 minutes to allow us to
-          process your registration, then try again. If you are still unable to
-          log in, please
-          <span v-if="showForm">contact us via the support form below.</span>
-          <span v-else
-            >email
-            <a href="mailto:support@rubiconportals.com"
-              >support@rubiconportals.com</a
-            >.</span
-          >
-        </p>
-      </template>
-    </CommonAccordion>
-    <CommonAccordion>
-      <template #question>
-        <span class="font-bold"
-          >Q: What makes the sound or video stop, skip, cut out, or
-          buffer?</span
-        >
-      </template>
-
-      <template #answer>
-        <div>
-          <p>
-            Audio and video stuttering, skipping, stopping and starting, or
-            buffering happens for a few reasons. If you are experiencing these
-            issues, first try refreshing your browser. You can do this a few
-            different ways, depending on your browser and computer or device:
-          </p>
-
-          <ol>
-            <li>
-              Clicking the circle-shaped (reload) arrows in or next to the web
-              address bar
-            </li>
-            <li>
-              Right-clicking over the webcast the page and choosing "Reload" or
-              "Refresh"
-            </li>
-            <li>Using the keyboard - Ctrl-R (PC) or Command-R (Mac)</li>
-          </ol>
-
-          <p>
-            If refreshing your browser does not work, you may be experiencing
-            one of the following issues:
-          </p>
-
-          <p>
-            <span class="font-bold">Slow Internet Connection:</span> You may not
-            have a fast enough Internet connection to reliably view the web
-            event video stream. Your Internet connection should have download
-            speeds of at least 5Mbps. Ideally we recommend an Internet
-            connection capable of at least 10Mbps.
-          </p>
-
-          <p>
-            <span class="font-bold">Network Traffic:</span> Internet traffic
-            within your local network will slow down the delivery of the video
-            stream making it difficult for you to connect and may cause
-            buffering or stopping and starting. If you have repeated issues
-            connecting, please notify your in-house IT department; if you are at
-            your home, contact your Internet service provider. They are often
-            able to provide quick fixes for your issue.
-          </p>
-
-          <p>
-            <span class="font-bold">Slow Computer or Tablet:</span> If your
-            computer or tablet is old, it might be too slow to play the webcast
-            stream. Or, if you have other programs open, they may be using so
-            much processor time and/or RAM that the player is unable to work
-            properly. Try closing other programs, refreshing your page (see
-            above), and viewing the webcast again.
-          </p>
-
-          <p>
-            <span class="font-bold">Local Congestion:</span> Local bandwidth (on
-            your computer or local network) is shared between all open
-            applications. other computers, connected devices, mobile phones and
-            the player. Closing applications and disconnecting other internet or
-            network connected devices may reduce buffering.
-          </p>
-
-          <p>
-            <span class="font-bold">No Sound:</span> Visit
-            <a href="https://youtube.com" target="_blank">YouTube.com</a> or
-            another video site and make sure that you can hear those videos play
-            sound. If you hear sound on YouTube, make sure your media player
-            volume control isn’t muted. If you don’t hear any sound, check the
-            player volume, your system volume, and speaker volume, and ensure
-            that they are all turned on and turned up.
-          </p>
-        </div>
-      </template>
-    </CommonAccordion>
-
-    <CommonAccordion>
-      <template #question>
-        <span class="font-bold"
-          >Q: Why is my video completely black (or displaying an error)?</span
-        >
-      </template>
-
-      <template #answer>
-        <p>
-          If your webcast does not start playing even after trying the above
-          fixes, the stream may have gone down due to technical issues at the
-          location or out on the internet between the location of the event and
-          your computer. If this is the case, everyone else watching the stream
-          will be having the same issues as you. Send a message to tech support
-          using the “Support" link at the top of the player page. If you do not
-          receive a response within a few minutes, it is likely that the stream
-          is down for everyone and that we are working on getting it back up.
-        </p>
-      </template>
-    </CommonAccordion>
-
-    <CommonAccordion>
-      <template #question>
-        <span class="font-bold"
-          >Q: Can I view the live stream on a mobile device?</span
-        >
-      </template>
-      <template #answer>
-        <p>
-          You can view the webcast from a mobile device, such as a cell phone,
-          iPad, or tablet. We recommend that you be somewhere where there is
-          fast, reliable WiFi or a strong data connection in order to avoid any
-          interruptions. There are many versions of mobile operating systems on
-          the market today. We strive to make video playable on all devices,
-          however while we try to create a universally playable stream, some
-          older devices may not be compatible.
-        </p>
-        <p>
-          Also, mobile bandwidth can fluctuate extensively from location to
-          location. Because this is a live streaming protocol, a consistent
-          sustained data rate is required for the stream to play properly.
-          Unlike video on YouTube and other services, that will progressively
-          download the video, live video is constant, and if bandwidth
-          fluctuates below a minimum data rate, even for a couple of seconds,
-          the stream could be interrupted.
-        </p>
-      </template>
-    </CommonAccordion>
-    <CommonAccordion>
-      <template #question>
-        <span class="font-bold"
-          >Q: Who can I contact if I still need help?</span
-        >
-      </template>
-      <template #answer>
-        <div>
-          <div v-if="showForm">
-            <span class="font-bold">Support Form</span><br />
-            You can email support using the support form below.
-          </div>
-          <div v-else>
-            <span class="font-bold">Support Email</span><br />
-            You can email support at
-            <a href="mailto:support@rubiconportals.com"
-              >support@rubiconportals.com</a
-            >.
-          </div>
-          <div v-if="liveSupportUrl">
-            <div class="mt-4 font-bold">Live Support Chat</div>
-            During the webcast, live support will also be available to assist.
-            You may request live support by
-            <a :href="liveSupportUrl" target="_blank">clicking here</a>.
-          </div>
-        </div>
-      </template>
-    </CommonAccordion>
-  </section>
-</template>
+<script lang="ts" setup>
+import { toRefs, unref } from "vue";
+
+type Props = {
+  streamTestEnabled?: boolean;
+  showForm?: boolean;
+  liveSupportUrl?: string;
+};
+
+const props = withDefaults(defineProps<Props>(), {
+  streamTestEnabled: false,
+  showForm: true,
+  liveSupportUrl: "",
+});
+</script>
+
+<template>
+  <section>
+    <CommonAccordion v-if="props.streamTestEnabled">
+      <template #question>
+        <span class="font-bold"
+          >Q: Have you run the pre-event streaming test?</span
+        >
+      </template>
+      <template #answer>
+        <p>
+          The most important step is to visit our
+          <a href="/stream-test">Pre-Event Test Stream</a> using the computer or
+          device you will use for the live web event, and connecting with the
+          same network connection you will use for the live web event. We begin
+          webcasting a pre-event test stream one week prior to the event.
+        </p>
+        <p>
+          If you can see video, hear the sound, and see the test slide, you will
+          most likely be ready for the web event.
+        </p>
+      </template>
+    </CommonAccordion>
+    <CommonAccordion>
+      <template #question>
+        <span class="font-bold">Q: What are the browser requirements?</span>
+      </template>
+      <template #answer>
+        <div>
+          <p>
+            <span class="font-bold">Desktop:</span> Minimum browser versions of
+            the following:
+          </p>
+          <ul>
+            <li>Chrome 65</li>
+            <li>Edge 16</li>
+            <li>Firefox 60</li>
+            <li>Internet Explorer 11 in Windows 8.1+ only</li>
+            <li>Safari 10</li>
+          </ul>
+          <p>
+            <span class="font-bold">Mobile:</span> Minimum browser versions of
+            the following for Android 4.4+ and iOS 11+:
+          </p>
+          <ul>
+            <li>Chrome 63</li>
+            <li>Safari 10</li>
+          </ul>
+        </div>
+      </template>
+    </CommonAccordion>
+    <CommonAccordion>
+      <template #question>
+        <span class="font-bold">Q: Why am I getting a login error?</span>
+      </template>
+
+      <template #answer>
+        <p>
+          Verify that you are using the same email address you used to register
+          for the event. If you just registered, wait 1-2 minutes to allow us to
+          process your registration, then try again. If you are still unable to
+          log in, please
+          <span v-if="showForm">contact us via the support form below.</span>
+          <span v-else
+            >email
+            <a href="mailto:support@rubiconportals.com"
+              >support@rubiconportals.com</a
+            >.</span
+          >
+        </p>
+      </template>
+    </CommonAccordion>
+    <CommonAccordion>
+      <template #question>
+        <span class="font-bold"
+          >Q: What makes the sound or video stop, skip, cut out, or
+          buffer?</span
+        >
+      </template>
+
+      <template #answer>
+        <div>
+          <p>
+            Audio and video stuttering, skipping, stopping and starting, or
+            buffering happens for a few reasons. If you are experiencing these
+            issues, first try refreshing your browser. You can do this a few
+            different ways, depending on your browser and computer or device:
+          </p>
+
+          <ol>
+            <li>
+              Clicking the circle-shaped (reload) arrows in or next to the web
+              address bar
+            </li>
+            <li>
+              Right-clicking over the webcast the page and choosing "Reload" or
+              "Refresh"
+            </li>
+            <li>Using the keyboard - Ctrl-R (PC) or Command-R (Mac)</li>
+          </ol>
+
+          <p>
+            If refreshing your browser does not work, you may be experiencing
+            one of the following issues:
+          </p>
+
+          <p>
+            <span class="font-bold">Slow Internet Connection:</span> You may not
+            have a fast enough Internet connection to reliably view the web
+            event video stream. Your Internet connection should have download
+            speeds of at least 5Mbps. Ideally we recommend an Internet
+            connection capable of at least 10Mbps.
+          </p>
+
+          <p>
+            <span class="font-bold">Network Traffic:</span> Internet traffic
+            within your local network will slow down the delivery of the video
+            stream making it difficult for you to connect and may cause
+            buffering or stopping and starting. If you have repeated issues
+            connecting, please notify your in-house IT department; if you are at
+            your home, contact your Internet service provider. They are often
+            able to provide quick fixes for your issue.
+          </p>
+
+          <p>
+            <span class="font-bold">Slow Computer or Tablet:</span> If your
+            computer or tablet is old, it might be too slow to play the webcast
+            stream. Or, if you have other programs open, they may be using so
+            much processor time and/or RAM that the player is unable to work
+            properly. Try closing other programs, refreshing your page (see
+            above), and viewing the webcast again.
+          </p>
+
+          <p>
+            <span class="font-bold">Local Congestion:</span> Local bandwidth (on
+            your computer or local network) is shared between all open
+            applications. other computers, connected devices, mobile phones and
+            the player. Closing applications and disconnecting other internet or
+            network connected devices may reduce buffering.
+          </p>
+
+          <p>
+            <span class="font-bold">No Sound:</span> Visit
+            <a href="https://youtube.com" target="_blank">YouTube.com</a> or
+            another video site and make sure that you can hear those videos play
+            sound. If you hear sound on YouTube, make sure your media player
+            volume control isn’t muted. If you don’t hear any sound, check the
+            player volume, your system volume, and speaker volume, and ensure
+            that they are all turned on and turned up.
+          </p>
+        </div>
+      </template>
+    </CommonAccordion>
+
+    <CommonAccordion>
+      <template #question>
+        <span class="font-bold"
+          >Q: Why is my video completely black (or displaying an error)?</span
+        >
+      </template>
+
+      <template #answer>
+        <p>
+          If your webcast does not start playing even after trying the above
+          fixes, the stream may have gone down due to technical issues at the
+          location or out on the internet between the location of the event and
+          your computer. If this is the case, everyone else watching the stream
+          will be having the same issues as you. Send a message to tech support
+          using the “Support" link at the top of the player page. If you do not
+          receive a response within a few minutes, it is likely that the stream
+          is down for everyone and that we are working on getting it back up.
+        </p>
+      </template>
+    </CommonAccordion>
+
+    <CommonAccordion>
+      <template #question>
+        <span class="font-bold"
+          >Q: Can I view the live stream on a mobile device?</span
+        >
+      </template>
+      <template #answer>
+        <p>
+          You can view the webcast from a mobile device, such as a cell phone,
+          iPad, or tablet. We recommend that you be somewhere where there is
+          fast, reliable WiFi or a strong data connection in order to avoid any
+          interruptions. There are many versions of mobile operating systems on
+          the market today. We strive to make video playable on all devices,
+          however while we try to create a universally playable stream, some
+          older devices may not be compatible.
+        </p>
+        <p>
+          Also, mobile bandwidth can fluctuate extensively from location to
+          location. Because this is a live streaming protocol, a consistent
+          sustained data rate is required for the stream to play properly.
+          Unlike video on YouTube and other services, that will progressively
+          download the video, live video is constant, and if bandwidth
+          fluctuates below a minimum data rate, even for a couple of seconds,
+          the stream could be interrupted.
+        </p>
+      </template>
+    </CommonAccordion>
+    <CommonAccordion>
+      <template #question>
+        <span class="font-bold"
+          >Q: Who can I contact if I still need help?</span
+        >
+      </template>
+      <template #answer>
+        <div>
+          <div v-if="showForm">
+            <span class="font-bold">Support Form</span><br />
+            You can email support using the support form below.
+          </div>
+          <div v-else>
+            <span class="font-bold">Support Email</span><br />
+            You can email support at
+            <a href="mailto:support@rubiconportals.com"
+              >support@rubiconportals.com</a
+            >.
+          </div>
+          <div v-if="liveSupportUrl">
+            <div class="mt-4 font-bold">Live Support Chat</div>
+            During the webcast, live support will also be available to assist.
+            You may request live support by
+            <a :href="liveSupportUrl" target="_blank">clicking here</a>.
+          </div>
+        </div>
+      </template>
+    </CommonAccordion>
+  </section>
+</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,67 @@
+import { get } from "lodash-es";
+import { useApi } from "./useApi.mjs";
+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
+  };
+};