@icvdeveloper/common-module 0.0.86 → 0.0.88

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

@@ -1,78 +1,78 @@
-<script lang="ts" setup>
-import { toRefs } from "vue";
-import { storeToRefs } from "pinia";
-import { Conference } from "../../models/conference";
-import { useLogin } from "../../composables/useLogin";
-import { useTemplateConfigsStore } from "../../store";
-
-interface Props {
-  conference?: Conference | null;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  conference: null,
-});
-
-const { conference } = toRefs<Props>(props);
-
-const { globalConfigValue } = storeToRefs(useTemplateConfigsStore());
-
-// Methods
-const { loginError, handleLogin, email, password, tooManySessions, showReset } =
-  useLogin(conference);
-</script>
-
-<template>
-  <div class="px-2">
-    <div class="flex flex-1 flex-col text-center pt-8">
-      <h1 class="mb-3 heading-color-3">Log In</h1>
-      <CommonMessage
-        v-if="loginError"
-        :success="false"
-        class="w-full max-w-xs mx-auto"
-      >
-        Invalid email or password.
-        <br />
-        <a
-          v-if="!globalConfigValue('secure_site_access_enabled', false)"
-          href="/login/email"
-          >Forgot Your Password?</a
-        >
-        <a
-          v-if="globalConfigValue('secure_site_access_enabled', false)"
-          class="cursor-pointer"
-          @click="showReset"
-          >Forgot Your Password?</a
-        >
-      </CommonMessage>
-
-      <div class="max-w-xs mx-auto" @keyup.enter="handleLogin()">
-        <input
-          v-model="email"
-          type="email"
-          placeholder="Email"
-          class="form-input contrast-border mb-2"
-        />
-        <input
-          v-model="password"
-          type="password"
-          placeholder="password"
-          class="form-input contrast-border mb-5"
-        />
-        <button v-if="!tooManySessions" class="btn" @click="handleLogin()">
-          Log In
-        </button>
-        <CommonMessage
-          v-if="tooManySessions"
-          :success="false"
-          class="w-full max-w-xs mx-auto"
-        >
-          This user access is logged in on another device!
-        </CommonMessage>
-        <button v-if="tooManySessions" class="btn" @click="handleLogin(true)">
-          Sign out other Device
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
+<script lang="ts" setup>
+import { toRefs } from "vue";
+import { storeToRefs } from "pinia";
+import { Conference } from "../../models/conference";
+import { useLogin } from "../../composables/useLogin";
+import { useTemplateConfigsStore } from "../../store";
+
+interface Props {
+  conference?: Conference | null;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  conference: null,
+});
+
+const { conference } = toRefs<Props>(props);
+
+const { globalConfigValue } = storeToRefs(useTemplateConfigsStore());
+
+// Methods
+const { loginError, handleLogin, email, password, tooManySessions, showReset } =
+  useLogin(conference);
+</script>
+
+<template>
+  <div class="px-2">
+    <div class="flex flex-1 flex-col text-center pt-8">
+      <h1 class="mb-3 heading-color-3">Log In</h1>
+      <CommonMessage
+        v-if="loginError"
+        :success="false"
+        class="w-full max-w-xs mx-auto"
+      >
+        Invalid email or password.
+        <br />
+        <a
+          v-if="!globalConfigValue('secure_site_access_enabled', false)"
+          href="/login/email"
+          >Forgot Your Password?</a
+        >
+        <a
+          v-if="globalConfigValue('secure_site_access_enabled', false)"
+          class="cursor-pointer"
+          @click="showReset"
+          >Forgot Your Password?</a
+        >
+      </CommonMessage>
+
+      <div class="max-w-xs mx-auto" @keyup.enter="handleLogin()">
+        <input
+          v-model="email"
+          type="email"
+          placeholder="Email"
+          class="form-input contrast-border mb-2"
+        />
+        <input
+          v-model="password"
+          type="password"
+          placeholder="password"
+          class="form-input contrast-border mb-5"
+        />
+        <button v-if="!tooManySessions" class="btn" @click="handleLogin()">
+          Log In
+        </button>
+        <CommonMessage
+          v-if="tooManySessions"
+          :success="false"
+          class="w-full max-w-xs mx-auto"
+        >
+          This user access is logged in on another device!
+        </CommonMessage>
+        <button v-if="tooManySessions" class="btn" @click="handleLogin(true)">
+          Sign out other Device
+        </button>
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -1,60 +1,60 @@
-<script lang="ts" setup>
-import { ref, toRefs } from "vue";
-import { useAuthStore } from "../../store/auth";
-
-interface Props {
-  isCentered?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  isCentered: false,
-});
-
-// data
-const { isCentered } = toRefs(props);
-const loading = ref<boolean>(false);
-const email = ref<string>("");
-const message = ref<null | string>(null);
-const errors = ref<Array<any>>([]);
-
-// methods
-const { passwordReset } = useAuthStore();
-const submitPasswordReset = () => {
-  loading.value = true;
-  message.value = null;
-  errors.value = [];
-  passwordReset(email.value)
-    .then((response) => {
-      message.value = response.data.message;
-    })
-    .catch((error) => {
-      if (error.response.status === 422) {
-        errors.value = error.response.data.errors;
-      } else {
-        errors.value = ["Error requesting password reset."];
-      }
-    })
-    .finally(() => {
-      loading.value = false;
-    });
-};
-</script>
-
-<template>
-  <div :class="isCentered ? 'w-full max-w-xs mx-auto' : ''">
-    <div class="mb-4">Enter your email address to reset your password.</div>
-    <CommonMessage v-if="message" :success="true">
-      {{ message }}
-    </CommonMessage>
-    <CommonMessage v-if="errors.length > 0" :success="false">
-      {{ errors[0] }}
-    </CommonMessage>
-    <div @keyup.enter="submitPasswordReset()">
-      <CommonTextInput v-model="email" placeholder="Email" type="email" />
-      <button class="btn my-2" @click="submitPasswordReset()">
-        <span v-if="loading">Processing...</span>
-        <span v-else>Send Password Reset Link</span>
-      </button>
-    </div>
-  </div>
-</template>
+<script lang="ts" setup>
+import { ref, toRefs } from "vue";
+import { useAuthStore } from "../../store/auth";
+
+interface Props {
+  isCentered?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  isCentered: false,
+});
+
+// data
+const { isCentered } = toRefs(props);
+const loading = ref<boolean>(false);
+const email = ref<string>("");
+const message = ref<null | string>(null);
+const errors = ref<Array<any>>([]);
+
+// methods
+const { passwordReset } = useAuthStore();
+const submitPasswordReset = () => {
+  loading.value = true;
+  message.value = null;
+  errors.value = [];
+  passwordReset(email.value)
+    .then((response) => {
+      message.value = response.data.message;
+    })
+    .catch((error) => {
+      if (error.response.status === 422) {
+        errors.value = error.response.data.errors;
+      } else {
+        errors.value = ["Error requesting password reset."];
+      }
+    })
+    .finally(() => {
+      loading.value = false;
+    });
+};
+</script>
+
+<template>
+  <div :class="isCentered ? 'w-full max-w-xs mx-auto' : ''">
+    <div class="mb-4">Enter your email address to reset your password.</div>
+    <CommonMessage v-if="message" :success="true">
+      {{ message }}
+    </CommonMessage>
+    <CommonMessage v-if="errors.length > 0" :success="false">
+      {{ errors[0] }}
+    </CommonMessage>
+    <div @keyup.enter="submitPasswordReset()">
+      <CommonTextInput v-model="email" placeholder="Email" type="email" />
+      <button class="btn my-2" @click="submitPasswordReset()">
+        <span v-if="loading">Processing...</span>
+        <span v-else>Send Password Reset Link</span>
+      </button>
+    </div>
+  </div>
+</template>

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

@@ -1,27 +1,27 @@
-<script lang="ts" setup>
-import { storeToRefs } from "pinia";
-import { useAuthStore } from "../../store/auth";
-import { useRegistration } from "../../composables/useRegistration";
-
-// data
-const { isLoggedIn } = storeToRefs(useAuthStore());
-
-// methods
-const { isTownhallRegistration } = useRegistration();
-const submitRegistration = () => {};
-</script>
-
-<template>
-  <div v-if="isLoggedIn">
-    <CommonMessage :success="false">Already logged in.</CommonMessage>
-  </div>
-  <div v-else class="px-2">
-    <div class="flex flex-1 flex-col text-center pt-8">
-      <h1 class="mb-3 heading-color-3">Log In</h1>
-
-      <div class="w-full max-w-xs mx-auto pb-12">
-        <form class="w-full" @submit.prevent="submitRegistration"></form>
-      </div>
-    </div>
-  </div>
-</template>
+<script lang="ts" setup>
+import { storeToRefs } from "pinia";
+import { useAuthStore } from "../../store/auth";
+import { useRegistration } from "../../composables/useRegistration";
+
+// data
+const { isLoggedIn } = storeToRefs(useAuthStore());
+
+// methods
+const { isTownhallRegistration } = useRegistration();
+const submitRegistration = () => {};
+</script>
+
+<template>
+  <div v-if="isLoggedIn">
+    <CommonMessage :success="false">Already logged in.</CommonMessage>
+  </div>
+  <div v-else class="px-2">
+    <div class="flex flex-1 flex-col text-center pt-8">
+      <h1 class="mb-3 heading-color-3">Log In</h1>
+
+      <div class="w-full max-w-xs mx-auto pb-12">
+        <form class="w-full" @submit.prevent="submitRegistration"></form>
+      </div>
+    </div>
+  </div>
+</template>

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

@@ -1,52 +1,80 @@
-<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;
-  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>
+<script lang="ts" setup>
+import { toRefs, onMounted } from "vue";
+import { useUcc } from "../../composables/useUcc";
+import { Conference } from "../../models/conference";
+import { useConferencesStore } from "../../store/conferences";
+import { uccClassObj } from "../../@types/components";
+import { useClassBinding } from "../../composables/useClassBinding";
+
+const { loadUccScript, loginV3 } = useUcc();
+
+interface Props {
+  conference: Conference;
+  eventPathPrefix?: string;
+  classObject?: uccClassObj;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  classObject: () => {
+    return {
+      container: ""
+    };
+  },
+});
+
+const {
+  classObject,
+} = toRefs(props);
+
+const { selectedConference } = useConferencesStore();
+const { classBinding } = useClassBinding();
+
+// reactive data
+const { conference } = toRefs(props);
+
+const submitLogin = () => {
+  let email = document.getElementById('uccEmail').value;
+  loginV3({email: email});
+};
+
+// on mount
+onMounted(() => {
+  loadUccScript(props.conference, "/events/");
+});
+
+</script>
+
+<template>
+  <div id="uccTarget"
+  :class="
+    classBinding(
+      classObject,
+      'container',
+      'p-0 m-0 w-full'
+    )
+  "
+  style="display:block;"
+  >
+    <div id="uccEmailForm" class="ucc-form-container ucc-widgets-events">
+      <div>
+        <h1 class="ucc-form-header mb-0">Sign Up for Event</h1>
+      </div>
+      <div class="ucc-placeholder-spinner my-8"></div>
+      <div id="uccEmailFormInputs" style="display: none;">
+          <div class="ucc-form-field">
+            <div class="ucc-form-field-descr"></div>
+            <div class="ucc-input-wrapper required filled"><label for="uccEmail"
+                class="ucc-label ucc-label-active">Email Address</label><input id="uccEmail" name="uccEmail"
+                class="ucc-input" type="text" placeholder="Email Address" autocomplete="off" maxlength="70"
+                fdprocessedid="tkt2jv">
+              <div data-lastpass-icon-root="true"
+                style="position: relative !important; height: 0px !important; width: 0px !important; float: left !important;">
+              </div>
+            </div>
+            <div class="ucc-error"></div>
+          </div>
+          <div class="ucc-form-field ucc-form-btn-row" style="margin-bottom: 0x; margin-top: 0px;"><a @click="submitLogin" class="ucc-btn ucc-btn-primary" style="margin-top: 0px;"><span class="btn-text">Register</span></a></div>
+      </div>
+    </div>
+  </div>
+</template>

package/dist/runtime/components/core/Accordion.vue

@@ -1,99 +1,99 @@
-<script lang="ts" setup>
-import { ref, toRefs } from "vue";
-import { useClassBinding } from "../../composables/useClassBinding";
-import {
-  accordionClassObj,
-  accordionCompObj,
-  svgIconClassObj,
-} from "../../@types/components";
-
-interface Props {
-  classObject?: accordionClassObj;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  classObject: () => {
-    return {
-      components: ref<accordionCompObj>({
-        svgIcon: ref<svgIconClassObj>({}),
-      }),
-    };
-  },
-});
-
-const { classObject } = toRefs(props);
-
-const { classBinding } = useClassBinding();
-const expanded = ref<boolean>(false);
-
-// methods
-const toggle = () => {
-  expanded.value = !expanded.value;
-};
-</script>
-
-<template>
-  <div>
-    <div
-      :class="
-        classBinding(classObject, 'buttonContainer', 'font-bold mt-2 mb-4')
-      "
-    >
-      <button
-        :class="
-          classBinding(
-            classObject,
-            'textButton',
-            'outline-none hover:underline'
-          )
-        "
-        @click="toggle"
-      >
-        <slot name="question" />
-      </button>
-
-      <button
-        :class="classBinding(classObject, 'iconButton', 'outline-none')"
-        @click="toggle"
-      >
-        <div
-          :class="[
-            { normal: !expanded, down: expanded },
-            classBinding(
-              classObject,
-              'iconContainer',
-              'inline-block font-bold px-2 chevron'
-            ),
-          ]"
-        >
-          <CommonSvgIcon
-            :class="
-              classBinding(classObject.components.svgIcon, 'container', '')
-            "
-            :class-object="classObject.components.svgIcon"
-            icon="chevron"
-          />
-        </div>
-      </button>
-    </div>
-
-    <transition name="slide" mode="out-in">
-      <div
-        v-show="expanded"
-        :class="
-          classBinding(
-            classObject,
-            'dropdownContainer',
-            'rounded px-4 pt-3 pb-1 bg-grey-lighter'
-          )
-        "
-      >
-        <slot name="answer" />
-      </div>
-    </transition>
-  </div>
-</template>
-
+<script lang="ts" setup>
+import { ref, toRefs } from "vue";
+import { useClassBinding } from "../../composables/useClassBinding";
+import {
+  accordionClassObj,
+  accordionCompObj,
+  svgIconClassObj,
+} from "../../@types/components";
+
+interface Props {
+  classObject?: accordionClassObj;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  classObject: () => {
+    return {
+      components: ref<accordionCompObj>({
+        svgIcon: ref<svgIconClassObj>({}),
+      }),
+    };
+  },
+});
+
+const { classObject } = toRefs(props);
+
+const { classBinding } = useClassBinding();
+const expanded = ref<boolean>(false);
+
+// methods
+const toggle = () => {
+  expanded.value = !expanded.value;
+};
+</script>
+
+<template>
+  <div>
+    <div
+      :class="
+        classBinding(classObject, 'buttonContainer', 'font-bold mt-2 mb-4')
+      "
+    >
+      <button
+        :class="
+          classBinding(
+            classObject,
+            'textButton',
+            'outline-none hover:underline'
+          )
+        "
+        @click="toggle"
+      >
+        <slot name="question" />
+      </button>
+
+      <button
+        :class="classBinding(classObject, 'iconButton', 'outline-none')"
+        @click="toggle"
+      >
+        <div
+          :class="[
+            { normal: !expanded, down: expanded },
+            classBinding(
+              classObject,
+              'iconContainer',
+              'inline-block font-bold px-2 chevron'
+            ),
+          ]"
+        >
+          <CommonSvgIcon
+            :class="
+              classBinding(classObject.components.svgIcon, 'container', '')
+            "
+            :class-object="classObject.components.svgIcon"
+            icon="chevron"
+          />
+        </div>
+      </button>
+    </div>
+
+    <transition name="slide" mode="out-in">
+      <div
+        v-show="expanded"
+        :class="
+          classBinding(
+            classObject,
+            'dropdownContainer',
+            'rounded px-4 pt-3 pb-1 bg-grey-lighter'
+          )
+        "
+      >
+        <slot name="answer" />
+      </div>
+    </transition>
+  </div>
+</template>
+
 <style scoped>
 .slide-enter-active,
 .slide-leave-active {
@@ -123,4 +123,4 @@ const toggle = () => {
 .outline-none {
   outline: none;
 }
-</style>
+</style>