@tapni/auth 1.0.23 → 1.0.25

package/src/assets/index.css

@@ -1,199 +0,0 @@
-#ssoapp .container {
-    padding: 10px 0 !important;
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    padding-bottom: 100px !important;
-}
-
-#ssoapp .settingsCard {
-    background-color: white;
-    padding: 20px;
-    border-radius: 26px;
-    align-items: center;
-}
-
-#ssoapp .device {
-    display: flex;
-    align-items: center;
-}
-
-#ssoapp h4 {
-    margin-left: 20px;
-    font-weight: bold;
-}
-
-#ssoapp .middle {
-    flex: 1;
-}
-
-#ssoapp .left img {
-    background-color: #f7f8f9;
-    border-radius: 20px;
-    padding: 10px;
-}
-
-#ssoapp .divider {
-    height: 1px;
-    background-color: #f0f0f0;
-    margin: 20px 0;
-}
-
-#ssoapp .moreFooter {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 10px;
-}
-
-#ssoapp .settingRow {
-    background-color: #F4F4F4;
-    padding: 10px 9px;
-    border-radius: 15px;
-    cursor: pointer;
-}
-
-#ssoapp .settingRow .firstRow,
-#ssoapp .settingRow .secondRow {
-    display: flex;
-    align-items: center;
-    min-height: 35px;
-}
-
-#ssoapp .settingRow .firstRow h4 {
-    text-align: left;
-    flex: 1;
-    margin-left: 20px;
-    font-weight: 600;
-    margin-bottom: 0;
-}
-
-#ssoapp .settingRow .secondRow {
-    font-size: 8px;
-    margin-top: 20px;
-}
-
-#ssoapp .settingRow .secondRow p {
-    flex: 1;
-    color: #999999;
-}
-
-#ssoapp .withBackground {
-    background-color: #ffffff;
-    border-radius: 10px;
-    padding: 10px;
-    width: 50px;
-}
-
-
-#ssoapp .ios-switch {
-    position: relative;
-    width: 60px;
-    padding-top: 4px;
-    padding-right: 4px;
-    margin-left: 4px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-}
-
-#ssoapp .ios-switch-checkbox {
-    display: none;
-}
-
-#ssoapp .ios-switch-label {
-    background-color: #e3e3e3;
-    display: block;
-    overflow: initial;
-    cursor: pointer;
-    height: 30px;
-    padding: 0;
-    line-height: 20px;
-    border: 1px solid #e3e3e3;
-    border-radius: 25px;
-    transition: all 250ms ease;
-}
-
-#ssoapp .ios-switch-label:before {
-    content: "";
-    display: block;
-    width: 30px;
-    margin: 0px;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 24px;
-    background-size: 15px;
-    background-repeat: no-repeat;
-    background-position: center;
-    border: 2px solid #e3e3e3;
-    border-radius: 25px;
-    transition: all 250ms ease;
-}
-
-#ssoapp .ios-switch-checkbox:checked+.ios-switch-label {
-    background-color: #151515;
-}
-
-#ssoapp .ios-switch-checkbox:checked+.ios-switch-label,
-#ssoapp .ios-switch-checkbox:checked+.ios-switch-label:before {
-    border-color: #151515;
-}
-
-#ssoapp .ios-switch-checkbox:checked+.ios-switch-label:before {
-    right: -1px;
-}
-
-
-#ssoapp .subheaderContainer {
-    display: flex;
-    align-items: center;
-    position: relative;
-    padding: 15px 25px;
-}
-
-#ssoapp .subheaderContainer .left-button {
-    width: 40px !important;
-    height: 40px !important;
-    margin: 0;
-    border-radius: 50%;
-    background: #f4f4f4;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    left: 20px;
-}
-
-#ssoapp .subheaderContainer .button {
-    width: 40px !important;
-    height: 40px !important;
-    margin: 0;
-    border-radius: 50%;
-    background: #f4f4f4;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-}
-
-#ssoapp .subheaderContainer .button img {
-    top: 0 !important;
-    margin-right: 3px !important;
-}
-
-#ssoapp .subheaderContainer .left-button {
-    left: 20px;
-}
-
-#ssoapp .subheaderContainer .right-button {
-    right: 20px;
-}
-
-#ssoapp .transition-icon {
-    transition: 0.5s;
-}
-
-#ssoapp .rotate-icon {
-    transform: translate(-50%, -50%) rotate(180deg) !important;
-}

package/src/components/DELETE_Language.vue

@@ -1,168 +0,0 @@
-<template>
-  <div
-    class="menu-wrapper menu-light menu-white menu-modal center-text activate-page"
-    :class="{ 'active-menu': toggle }"
-    style="height: auto; max-height: 92vh; margin-top: -172.5px"
-  >
-    <a
-      @click="close"
-      class="color-black pull-right pointer"
-      style="margin-top: 5px; position: absolute; right: 5px"
-    >
-      <i class="font-17 fa color-black">
-        <img
-          src="https://cdn.tapni.co/icons/down-arrow.png"
-          class="fa responsive-image"
-          style="width: 45%"
-        />
-      </i>
-    </a>
-    <h3 class="bold center-text color-black small-bottom">
-      {{ ssoLang[appLanguage].app_language }}
-    </h3>
-
-    <LinkIcon
-      @click.native="updateLanguage('en')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/en', text: ssoLang[this.appLanguage].english }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-
-    <LinkIcon
-      @click.native="updateLanguage('es')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/es', text: ssoLang[this.appLanguage].spanish }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-
-    <LinkIcon
-      @click.native="updateLanguage('de')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/de', text: ssoLang[this.appLanguage].german }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-
-    <LinkIcon
-      @click.native="updateLanguage('it')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/it', text: ssoLang[this.appLanguage].italian }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-
-    <LinkIcon
-      @click.native="updateLanguage('fr')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/fr', text: ssoLang[this.appLanguage].french }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-
-    <LinkIcon
-      @click.native="updateLanguage('kr')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/kr', text: ssoLang[this.appLanguage].korean }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-
-    <LinkIcon
-      @click.native="updateLanguage('sr')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/sr', text: ssoLang[this.appLanguage].serbian }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-
-    <LinkIcon
-      @click.native="updateLanguage('tr')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/tr', text: ssoLang[this.appLanguage].turkish }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-
-    <LinkIcon
-      @click.native="updateLanguage('cn')"
-      :link-style="'link-list'"
-      :data="{ type: 'lang/cn', text: ssoLang[this.appLanguage].chinese }"
-      :editing="false"
-      :class="{ 'add-button': true }"
-      :customLinkStyle="{ linkIcon: { display: 'none' }}"
-    />
-  </div>
-</template>
-
-<script>
-import { EventBus } from "../store/event-bus.js";
-import LinkIcon from "./DELETE_LinkIcon.vue";
-import UtilService from "../services/UtilService.js";
-import CONSTANTS from "../store/constants.js";
-import { Device } from "@capacitor/device";
-import AuthMixin from "../mixins/auth.mixin.js";
-
-export default {
-  name: "Language",
-  mixins: [AuthMixin],
-  components: { LinkIcon },
-  data() {
-    return {
-      toggle: false,
-    };
-  },
-  async mounted() {
-    EventBus.$on("toggleSSOLanguageModal", this.toggleModal);
-    EventBus.$on("closeModal", () => {
-      this.toggle = false;
-    });
-
-    let lang = this.isNative
-      ? await Device.getLanguageCode()
-      : UtilService.getFirstBrowserLanguage();
-    if (lang && CONSTANTS.SUPPORTED_LANGUAGES.includes(lang)) {
-      this.updateLanguage(lang);
-    }
-  },
-  beforeDestroy() {
-    EventBus["_events"]["toggleSSOLanguageModal"].pop();
-  },
-  methods: {
-    forceClose() {
-      EventBus.$emit("closeModal");
-    },
-    close() {
-      this.forceClose();
-    },
-    async updateLanguage(lang) {
-      this.updateLang(lang);
-      EventBus.$emit("closeModal");
-    },
-    toggleModal() {
-      this.toggle = !this.toggle;
-    },
-  },
-};
-</script>
-
-<style scoped>
-.user-img {
-  margin: 0 auto;
-  margin-top: 2px;
-  width: 65px;
-}
-input {
-  margin: 0 auto;
-  height: 25px;
-}
-</style>

package/src/components/DELETE_LinkIcon.vue

@@ -1,237 +0,0 @@
-<template>
-	<a class="disable-select" :class="linkStyle + (disabled ? ' opacity-50' : '')" :style="(editing ? 'cursor: move' : 'cursor: pointer') + '!important; overflow: visible; margin-top: 5px;'">
-		<span
-			:class="{
-				'user-link-img': true,
-				'pulse pulse-border': pulse,
-				'link-drag': editing
-			}"
-			:style="{ ...customLinkStyle?.linkIcon }"
-		>
-			<img v-if="!data.custom_icon && data.type !== 'customlink'" :src="'https://cdn.tapni.co/icons/' + data.type + '.png'" class="responsive-image" :alt="data.text" @load="$emit('loaded')" @error="$emit('loaded')" />
-			<img v-else-if="!data.custom_icon && data.type === 'customlink' && linkAdding" :src="'https://cdn.tapni.co/icons/custom-icon-128.gif'" class="responsive-image" :alt="data.text" @load="$emit('loaded')" @error="$emit('loaded')" />
-			<img v-else-if="!data.custom_icon && data.type === 'customlink' && !linkAdding" :src="'https://cdn.tapni.co/icons/customlink.png'" class="responsive-image" :alt="data.text" @load="$emit('loaded')" @error="$emit('loaded')" />
-			<img v-else :src="data.style.custom_icon" style="border-radius: 22.46%" class="responsive-image" :alt="data.text" @load="$emit('loaded')" @error="$emit('loaded')" />
-		</span>
-
-		<span class="link-text link-drag color-black" :style="{ color: customLinkStyle?.color }">
-			{{ linkText }}
-		</span>
-	</a>
-</template>
-
-<script>
-import AuthMixin from '../mixins/auth.mixin';
-
-export default {
-	name: 'LinkIcon',
-	mixins: [AuthMixin],
-	props: {
-		linkAdding: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		hideExternalIcon: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		switching: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		pulse: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		editing: {
-			type: Boolean,
-			required: false,
-			default: true
-		},
-		directPick: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		to: {
-			type: String,
-			required: false,
-			default: ''
-		},
-		linkStyle: {
-			type: String,
-			required: false,
-			default: 'link-grid'
-		},
-		data: {
-			type: Object,
-			required: true
-		},
-		customLinkStyle: {
-			type: Object,
-			required: false,
-			default: () => {}
-		},
-		shareIconStyle: {
-			type: Object,
-			required: false,
-			default: () => {}
-		}
-	},
-	computed: {
-		linkText() {
-			if (this.appLanguage !== 'en' && this.data.text) {
-				return this.ssoLang[this.appLanguage]['link_text_' + this.data.text.toLowerCase().trim().replace(/ /g, '_')] || this.data.text;
-			}
-			return this.data.text;
-		}
-	},
-	methods: {}
-};
-</script>
-
-<style>
-/* ********* */
-/* Link Grid */
-/* ********* */
-.link-grid,
-.user-link-img {
-	width: 100%;
-	display: inline-table;
-	position: relative;
-}
-
-.link-grid {
-	width: 30%;
-	margin: 1.6%;
-	padding: 1.6%;
-}
-
-.link-grid .user-link-img img {
-	/* box-shadow: 0px 2px 10px rgba(200,200,200,0.8); */
-	/* border: 1px solid #e8e8e8; */
-	border-radius: 25% !important;
-}
-
-.link-grid .edit-icon {
-	border-radius: 20px;
-	right: -3%;
-	top: -3%;
-	position: absolute;
-	z-index: 3;
-	max-width: 23%;
-	overflow: hidden;
-	min-width: 30px;
-}
-
-.link-grid .direct-icon {
-	border-radius: 20px;
-	left: -3%;
-	top: -3%;
-	position: absolute;
-	z-index: 555;
-	max-width: 23%;
-	overflow: hidden;
-	min-width: 30px;
-}
-
-.link-grid .link-text {
-	min-height: 20px;
-	margin-top: 3px !important;
-	display: block;
-	text-align: center;
-	line-height: normal;
-	overflow-wrap: anywhere;
-}
-
-/* ********* */
-/* Link List */
-/* ********* */
-.link-list {
-	width: 93%;
-	max-height: 67px !important;
-	margin: 0px auto;
-	display: flex;
-	border-radius: 15px !important;
-	background-color: #ffffff;
-	/* box-shadow: 0px 2px 5px rgba(0,0,0,0.15); */
-	border: solid 1px #e8e8e8;
-	position: relative;
-	align-items: center;
-}
-
-.link-list .user-link-img {
-	display: inline-block;
-	width: 65px;
-	/* box-shadow: 0px 3px 6px rgba(0,0,0,0.16); */
-	border-radius: 25% !important;
-}
-
-.link-list .link-text {
-	display: inline-block;
-	padding: 18px 0% 17px 10%;
-	font-size: 15px;
-	font-weight: 500;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	overflow: hidden;
-	flex: 1;
-	text-align: left;
-	border-radius: 15px !important;
-}
-
-.link-list .edit-icon {
-	border-radius: 20px;
-	right: 7%;
-	top: 30%;
-	position: absolute;
-	z-index: 3;
-	width: 26px;
-	overflow: hidden;
-}
-
-.link-list .switching {
-	width: 45px;
-}
-
-.link-list .direct-icon {
-	border-radius: 20px;
-	left: -2%;
-	top: -13%;
-	position: absolute;
-	z-index: 555;
-	width: 26px;
-	overflow: hidden;
-}
-/* ********* */
-
-.small {
-	width: 22% !important;
-	margin: 2% 4% 0%;
-	padding: 0%;
-}
-.small .link-text {
-	margin-top: 0px !important;
-	font-size: 13px;
-}
-
-.linkExternal {
-	margin-right: 20px;
-	width: 20px;
-	display: inline-block !important;
-	height: 20px;
-	background: black;
-	-webkit-mask: url(https://cdn.tapni.co/icons/link-external.svg) no-repeat center;
-	mask: url(https://cdn.tapni.co/icons/link-external.svg) no-repeat center;
-	transform: scale(1.5);
-}
-</style>

package/src/components/DELETE_ModalOverlay.vue

@@ -1,68 +0,0 @@
-<template>
-  <div
-    :class="{ 'pointer delete-menu': true, 'delete-menu-active': toggle }"
-    @click="toggleEmit"
-  ></div>
-
-  <!--
-  <transition name="fade">
-    <div v-if="toggle" class="pointer delete-menu" @click="toggleEmit"></div>
-  </transition>
-  -->
-</template>
-
-<script>
-import { EventBus } from "../store/event-bus";
-import AuthMixin from "../mixins/auth.mixin";
-
-export default {
-  name: "ModalOverlay",
-  mixins: [AuthMixin],
-  data() {
-    return {
-      toggle: false,
-    };
-  },
-  mounted() {
-    EventBus.$on("closeModal", () => {
-      this.toggle = false;
-      window.document.body.style.overflow = "auto";
-      window.document.body.style.height = "auto";
-    });
-    EventBus.$on("openModalOverlay", () => {
-      this.toggle = true;
-    });
-    // EventBus.$on('togglePasswordModal', this.toggleModal)
-    // EventBus.$on('toggleAddAccountModal', this.toggleModal)
-    // EventBus.$on("toggleAccountSettingsModal", this.toggleModal);
-    // EventBus.$on("toggleSSOLanguageModal", this.toggleModal);
-    // EventBus.$on("toggleOTPField", this.toggleModal);
-    EventBus.$on("toggleSSOModal", this.toggleModal);
-    EventBus.$on("toggleSSOPickModal", this.toggleModal);
-  },
-  methods: {
-    toggleModal(shouldToggle = true) {
-      if (shouldToggle) {
-        this.toggle = !this.toggle;
-        if (this.toggle) {
-          window.document.body.style.overflow = "hidden";
-          window.document.body.style.height = "100vh";
-        } else {
-          window.document.body.style.overflow = "auto";
-          window.document.body.style.height = "auto";
-        }
-      }
-    },
-    toggleEmit() {
-      if(!this.isLoggedIn && this.user?.lead_form?.forceFilling) return;
-      EventBus.$emit("closeModal");
-    },
-  },
-};
-</script>
-
-<style scoped>
-.fade-enter-to /* .fade-leave-active below version 2.1.8 */ {
-  opacity: 1;
-}
-</style>