vue-wiguet-chatweb 0.0.1

package/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

package/README.md

@@ -0,0 +1,32 @@
+## Descripcion
+
+Paquete para el uso de CHAT CENTRAL mediante un widget chat
+
+## Instalacion
+
+Instalacion del paquete
+
+
+
+## Instalacion y Uso del Widget
+Configuracion de Paquete en el componente
+```typescript
+
+<template>
+  <div>
+      <Widget :tokenAuth="token" :phoneUser="phone"/>
+  </div>
+</template>
+
+
+<script setup lang="ts">
+  import Widget from './components/Widget.vue';
+  const token = 'ciOi.....'
+  const phone = '76177719'
+</script>
+
+<style scoped>
+  @import url(/node_modules/vue-wiguet-chatweb/dist/style.css);
+</style>
+
+```

package/dist/components/Chat.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _default: import("vue").DefineComponent<{
+    toggleChat: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    tokenAuth: {
+        type: StringConstructor;
+        required: true;
+    };
+    phoneUser: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    toggleChat: {
+        type: FunctionConstructor;
+        required: true;
+    };
+    tokenAuth: {
+        type: StringConstructor;
+        required: true;
+    };
+    phoneUser: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/ChatMessage.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    message: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    message: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/components/IconClose.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/IconSend.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/IconUser.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/IconWidget.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/Widget.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<{
+    tokenAuth: {
+        type: StringConstructor;
+        required: true;
+    };
+    phoneUser: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tokenAuth: {
+        type: StringConstructor;
+        required: true;
+    };
+    phoneUser: {
+        type: StringConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import Widget from './components/Widget.vue';
+export { Widget };
+declare global {
+    interface Window {
+    }
+}
+declare const _default: {
+    install(Vue: any, options: any): void;
+};
+export default _default;

package/dist/resources/functions.helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const formatTimeAPDate: (date: Date) => string;
+export declare const textCapitalize: (str: string) => string;

package/dist/store/config.d.ts

@@ -0,0 +1 @@
+export declare const apiCall: (getOptions: any) => Promise<any>;

package/dist/store/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vuex").Store<any>;
+export default _default;

package/dist/style.css

@@ -0,0 +1 @@
+.bubble[data-v-27d93f86]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-27d93f86]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-27d93f86]{margin-right:10px;margin-bottom:1px}.right[data-v-27d93f86]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-27d93f86]{margin-bottom:1px;margin-right:10px}.message[data-v-27d93f86]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-27d93f86]{font-size:10px;color:gray;display:flex;justify-content:space-between}.chat-message[data-v-27d93f86]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}.header-widget[data-v-f8d5bc79]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input[data-v-f8d5bc79]{height:40px;width:95%}.jl-inputgroup[data-v-f8d5bc79]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup>input[data-v-f8d5bc79]{border:none;background:none}.jl-inputgroup>input[data-v-f8d5bc79]:hover{outline:none}.form-message[data-v-f8d5bc79]{display:flex;justify-content:space-between}.form-message button[data-v-f8d5bc79],.jl-inputgroup>button[data-v-f8d5bc79]{border:none!important;background:none}.form-message button[data-v-f8d5bc79],.jl-inputgroup>button[data-v-f8d5bc79]:focus{box-shadow:none}.form-message button[data-v-f8d5bc79],.jl-inputgroup>button[data-v-f8d5bc79]:active{box-shadow:none}.widget[data-v-f8d5bc79]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-f8d5bc79]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-f8d5bc79]::-webkit-scrollbar{width:8px}.messages-container[data-v-f8d5bc79]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-f8d5bc79]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-f8d5bc79]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-f8d5bc79]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-f8d5bc79]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-f8d5bc79]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-f8d5bc79]{margin-right:10px;margin-bottom:1px}.right[data-v-f8d5bc79]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-f8d5bc79]{margin-bottom:1px;margin-right:10px}.message[data-v-f8d5bc79]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-f8d5bc79]{font-size:10px;color:gray}.chat-message[data-v-f8d5bc79]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-f8d5bc79]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.chat-box[data-v-f8d5bc79]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}.header-widget[data-v-4b17fe0e]{height:10%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #CCCCCC;margin-bottom:10px}.jl2-input[data-v-4b17fe0e]{height:40px;width:95%}.jl-inputgroup[data-v-4b17fe0e]{width:100%;border:1px solid;border-color:#f28b0c;background:var(--surface-a);color:var(--surface-500);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:13px;display:flex;justify-content:space-around;align-items:center}.jl-inputgroup>input[data-v-4b17fe0e]{border:none;background:none}.jl-inputgroup>input[data-v-4b17fe0e]:hover{outline:none}.form-message[data-v-4b17fe0e]{display:flex;justify-content:space-between}.form-message button[data-v-4b17fe0e],.jl-inputgroup>button[data-v-4b17fe0e]{border:none!important;background:none}.form-message button[data-v-4b17fe0e],.jl-inputgroup>button[data-v-4b17fe0e]:focus{box-shadow:none}.form-message button[data-v-4b17fe0e],.jl-inputgroup>button[data-v-4b17fe0e]:active{box-shadow:none}.widget[data-v-4b17fe0e]{margin:auto;height:100%;display:flex;width:100%;flex-direction:column;justify-content:space-evenly}.messages-container[data-v-4b17fe0e]{height:80%;overflow-y:scroll;border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color);scrollbar-color:red transparent;scrollbar-width:thin;scrollbar-color:#F28B0C transparent;scrollbar-track-color:transparent;scrollbar-face-color:#F28B0C;scrollbar-thumb-color:#F28B0C}.messages-container[data-v-4b17fe0e]::-webkit-scrollbar{width:8px}.messages-container[data-v-4b17fe0e]::-webkit-scrollbar-track{background-color:transparent}.messages-container[data-v-4b17fe0e]::-webkit-scrollbar-thumb{background-color:#f28b0c;border-radius:8px}.input-message[data-v-4b17fe0e]{border-left:1px solid var(--fge-gray-lines-color);border-right:1px solid var(--fge-gray-lines-color)}.message-send[data-v-4b17fe0e]{border-top:1px solid var(--fge-gray-lines-color);padding-top:20px;width:90%;margin:auto}.bubble[data-v-4b17fe0e]{--r: 25px;--t: 30px;max-width:50%;min-width:250px;padding:calc(2*var(--r)/3);-webkit-mask:radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) calc(var(--r)/-2) calc(var(--r)/-2) padding-box,radial-gradient(50% 50%,#000 98%,#0000 101%) 0 0/var(--r) var(--r) space padding-box;color:#fff}.left[data-v-4b17fe0e]{--_d: 0%;border-left:var(--t) solid #0000;margin-right:var(--t);background-color:#fcd7ae;color:#4d4d4d;place-self:start}.bubble>.content-left[data-v-4b17fe0e]{margin-right:10px;margin-bottom:1px}.right[data-v-4b17fe0e]{--_d: 100%;border-right:var(--t) solid #0000;margin-left:var(--t);background-color:#fdeedb;color:#4d4d4d;place-self:end}.bubble>.content-right[data-v-4b17fe0e]{margin-bottom:1px;margin-right:10px}.message[data-v-4b17fe0e]{text-align:initial;word-break:break-all;margin-bottom:10px}.detail-message[data-v-4b17fe0e]{font-size:10px;color:gray}.chat-message[data-v-4b17fe0e]{max-width:250px;min-width:90%;display:flex;flex-direction:column;justify-content:center}#chat-circle[data-v-4b17fe0e]{margin:auto;position:fixed;bottom:50px;right:50px;color:#fff;cursor:pointer}.chat-box[data-v-4b17fe0e]{display:flex;justify-content:center;align-items:center;border:2px solid #d9d9d9;border-radius:25px;padding:5px 15px 30px;background:#ffffff;position:fixed;right:30px;bottom:50px;width:450px;height:70vh;max-width:85vw;max-height:80vh;box-shadow:0 5px 35px 9px #ccc}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>