vue-intergrall-plugins 1.0.85 → 1.0.86

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/vue-intergrall-plugins.esm.js +28 -2
  2. package/dist/vue-intergrall-plugins.min.js +1 -1
  3. package/dist/vue-intergrall-plugins.ssr.js +5 -3
  4. package/package.json +1 -1
  5. package/src/lib-components/Messages/InteratividadeBotoes.vue +116 -41
package/dist/vue-intergrall-plugins.ssr.js CHANGED
@@ -8596,7 +8596,9 @@ var __vue_render__$9 = function __vue_render__() {
8596
8596
  var _c = _vm._self._c || _h;
8597
8597
  return _c('div', {
8598
8598
  staticClass: "interatividade"
8599
- }, [_vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && (_vm.interatividade.parameters.button.type === 'dynamicURL' || _vm.interatividade.parameters.button.type === 'staticURL') ? _vm._ssrNode("<div class=\"interatividade-btn\">", "</div>", [_vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.interatividade.parameters.button.text) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\">", "</a>", [_vm._ssrNode("\n Acessar "), _c('fa-icon', {
8599
+ }, [_vm._ssrNode((_vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && _vm.interatividade.parameters.button.length ? "<div>" + _vm._ssrList(_vm.interatividade.parameters.button, function (button, index) {
8600
+ return "<div class=\"interatividade-btn\">" + (!button.url ? "<p class=\"interatividade-titulo\">" + _vm._s(button.text) + "</p>" : "<a" + _vm._ssrAttr("href", button.url) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\"><p class=\"interatividade-titulo\">" + _vm._s(button.text) + "</p> <fa-icon" + _vm._ssrAttr("icon", ['fas', 'external-link-square-alt']) + "></fa-icon></a>") + "</div>";
8601
+ }) + "</div>" : "<!---->") + " "), _vm.interatividade && _vm.interatividade.parameters && _vm.interatividade.parameters.button && (_vm.interatividade.parameters.button.type === 'dynamicURL' || _vm.interatividade.parameters.button.type === 'staticURL') ? _vm._ssrNode("<div class=\"interatividade-btn\">", "</div>", [_vm._ssrNode("<a" + _vm._ssrAttr("href", _vm.interatividade.parameters.button.text) + " target=\"_blank\" rel=\"noreferrer noopener\" class=\"interatividade-link\">", "</a>", [_vm._ssrNode("\n Acessar "), _c('fa-icon', {
8600
8602
  attrs: {
8601
8603
  "icon": ['fas', 'external-link-square-alt']
8602
8604
  }
@@ -8623,7 +8625,7 @@ var __vue_staticRenderFns__$9 = [];
8623
8625
  /* style */
8624
8626
  var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
8625
8627
  if (!inject) return;
8626
- inject("data-v-40f065c3_0", {
8628
+ inject("data-v-81058760_0", {
8627
8629
  source: ".interatividade-btn{width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;color:#111b21;padding:10px 12px;border-radius:5px;margin-bottom:10px}.interatividade-link{color:#0c5c8f!important;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;gap:5px}.interatividade-btn:nth-child(1){margin-top:10px}.interatividade-titulo{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin:0;padding:0}.interatividade-lista{width:100%;min-width:200px;border-radius:15px;background-color:#fff;color:#333;margin:10px 0}.interatividade-lista-conteudo{padding:10px;border-bottom:1px solid #d7d7d7}.interatividade-lista-titulo{font-weight:700;font-size:1.2em;margin-bottom:10px}.interatividade-lista-rodape{color:#818181;margin-top:5px}.interatividade-lista-link{width:100%;text-align:center;padding:10px;color:#006eff;cursor:pointer;transition:color .2s ease-in-out}.interatividade-lista-link:hover{color:#00628f}",
8628
8630
  map: undefined,
8629
8631
  media: undefined
@@ -8632,7 +8634,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
8632
8634
  /* scoped */
8633
8635
  var __vue_scope_id__$9 = undefined;
8634
8636
  /* module identifier */
8635
- var __vue_module_identifier__$9 = "data-v-40f065c3";
8637
+ var __vue_module_identifier__$9 = "data-v-81058760";
8636
8638
  /* functional template */
8637
8639
  var __vue_is_functional_template__$9 = false;
8638
8640
  /* style inject shadow dom */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-intergrall-plugins",
3
- "version": "1.0.85",
3
+ "version": "1.0.86",
4
4
  "description": "",
5
5
  "main": "dist/vue-intergrall-plugins.ssr.js",
6
6
  "browser": "dist/vue-intergrall-plugins.esm.js",
package/src/lib-components/Messages/InteratividadeBotoes.vue CHANGED
@@ -1,59 +1,134 @@
1
1
  <template>
2
2
  <div class="interatividade">
3
- <div v-if="
4
- interatividade &&
5
- interatividade.parameters &&
6
- interatividade.parameters.button &&
7
- (interatividade.parameters.button.type === 'dynamicURL' ||
8
- interatividade.parameters.button.type === 'staticURL')
9
- " class="interatividade-btn">
10
- <a :href="interatividade.parameters.button.text" target="_blank" rel="noreferrer noopener"
11
- class="interatividade-link">
3
+ <div
4
+ v-if="
5
+ interatividade &&
6
+ interatividade.parameters &&
7
+ interatividade.parameters.button &&
8
+ interatividade.parameters.button.length
9
+ "
10
+ >
11
+ <div
12
+ v-for="(button, index) in interatividade.parameters.button"
13
+ :key="index"
14
+ class="interatividade-btn"
15
+ >
16
+ <p v-if="!button.url" v-html="button.text" class="interatividade-titulo"></p>
17
+ <a
18
+ v-else
19
+ :href="button.url"
20
+ target="_blank"
21
+ rel="noreferrer noopener"
22
+ class="interatividade-link"
23
+ >
24
+ <p v-html="button.text" class="interatividade-titulo"></p>
25
+ <fa-icon :icon="['fas', 'external-link-square-alt']" />
26
+ </a>
27
+ </div>
28
+ </div>
29
+
30
+ <!-- Tudo aqui abaixo TEORICAMENTE e antigo e nao devera mais cair nas situacoes -->
31
+ <div
32
+ v-if="
33
+ interatividade &&
34
+ interatividade.parameters &&
35
+ interatividade.parameters.button &&
36
+ (interatividade.parameters.button.type === 'dynamicURL' ||
37
+ interatividade.parameters.button.type === 'staticURL')
38
+ "
39
+ class="interatividade-btn"
40
+ >
41
+ <a
42
+ :href="interatividade.parameters.button.text"
43
+ target="_blank"
44
+ rel="noreferrer noopener"
45
+ class="interatividade-link"
46
+ >
12
47
  Acessar <fa-icon :icon="['fas', 'external-link-square-alt']" />
13
48
  </a>
14
49
  </div>
15
- <div v-if="
16
- interatividade &&
17
- interatividade.parameters &&
18
- interatividade.parameters.button &&
19
- interatividade.parameters.button.type === 'phoneNumber'
20
- " class="interatividade-btn">
21
- <p class="interatividade-titulo"
22
- :title="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`" v-text="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`
23
- "></p>
50
+ <div
51
+ v-if="
52
+ interatividade &&
53
+ interatividade.parameters &&
54
+ interatividade.parameters.button &&
55
+ interatividade.parameters.button.type === 'phoneNumber'
56
+ "
57
+ class="interatividade-btn"
58
+ >
59
+ <p
60
+ class="interatividade-titulo"
61
+ :title="`${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`"
62
+ v-text="
63
+ `${interatividade.parameters.button.text} (${interatividade.parameters.button.phoneNumber})`
64
+ "
65
+ ></p>
24
66
  </div>
25
- <div v-if="
26
- interatividade &&
27
- interatividade.parameters &&
28
- interatividade.parameters.button &&
29
- interatividade.parameters.button.type === 'quickReply'
30
- " class="interatividade-btn">
31
- <p class="interatividade-titulo" :title="`${interatividade.parameters.button.text}`"
32
- v-text="`${interatividade.parameters.button.text}`"></p>
67
+ <div
68
+ v-if="
69
+ interatividade &&
70
+ interatividade.parameters &&
71
+ interatividade.parameters.button &&
72
+ interatividade.parameters.button.type === 'quickReply'
73
+ "
74
+ class="interatividade-btn"
75
+ >
76
+ <p
77
+ class="interatividade-titulo"
78
+ :title="`${interatividade.parameters.button.text}`"
79
+ v-text="`${interatividade.parameters.button.text}`"
80
+ ></p>
33
81
  </div>
34
82
  <transition name="show-x">
35
- <InteratividadePopup v-if="listaEstaAberta" :lista="listaExpandida" :titulo="objItens.list.title"
36
- @close="listaEstaAberta = false" />
83
+ <InteratividadePopup
84
+ v-if="listaEstaAberta"
85
+ :lista="listaExpandida"
86
+ :titulo="objItens.list.title"
87
+ @close="listaEstaAberta = false"
88
+ />
37
89
  </transition>
38
90
  <template v-if="arrBotoes.length">
39
- <div v-for="(btn, index) in arrBotoes" :key="index" :title="btn.titulo" class="interatividade-btn">
91
+ <div
92
+ v-for="(btn, index) in arrBotoes"
93
+ :key="index"
94
+ :title="btn.titulo"
95
+ class="interatividade-btn"
96
+ >
40
97
  <p v-html="btn.titulo" class="interatividade-titulo"></p>
41
98
  </div>
42
99
  </template>
43
100
  <template v-else-if="Object.keys(objItens).length">
44
- <div class="interatividade-lista" :class="tipoBotoes == 'listItem' ? 'bg-none' : ''">
45
- <div class="interatividade-lista-conteudo"
46
- :class="tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : ''">
47
- <p v-if="objItens.header && objItens.header.text" v-html="objItens.header.text"
48
- class="interatividade-lista-titulo"></p>
49
- <p v-if="objItens.body && objItens.body.text" v-html="objItens.body.text" class="interatividade-lista-corpo">
50
- </p>
51
- <p v-if="objItens.footer && objItens.footer.text" v-html="objItens.footer.text"
52
- class="interatividade-lista-rodape"></p>
101
+ <div
102
+ class="interatividade-lista"
103
+ :class="tipoBotoes == 'listItem' ? 'bg-none' : ''"
104
+ >
105
+ <div
106
+ class="interatividade-lista-conteudo"
107
+ :class="tipoBotoes == 'listItem' ? 'border-bottom-none padding-none' : ''"
108
+ >
109
+ <p
110
+ v-if="objItens.header && objItens.header.text"
111
+ v-html="objItens.header.text"
112
+ class="interatividade-lista-titulo"
113
+ ></p>
114
+ <p
115
+ v-if="objItens.body && objItens.body.text"
116
+ v-html="objItens.body.text"
117
+ class="interatividade-lista-corpo"
118
+ ></p>
119
+ <p
120
+ v-if="objItens.footer && objItens.footer.text"
121
+ v-html="objItens.footer.text"
122
+ class="interatividade-lista-rodape"
123
+ ></p>
53
124
  </div>
54
- <p v-if="objItens.list && objItens.list.title" v-html="objItens.list.title" @click="expandirLista"
55
- :class="tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : ''" class="interatividade-lista-link">
56
- </p>
125
+ <p
126
+ v-if="objItens.list && objItens.list.title"
127
+ v-html="objItens.list.title"
128
+ @click="expandirLista"
129
+ :class="tipoBotoes == 'listItem' ? 'bg-white border-radius-5 mt-5' : ''"
130
+ class="interatividade-lista-link"
131
+ ></p>
57
132
  </div>
58
133
  </template>
59
134
  </div>