crmbonus-component-wake 2.0.89 → 2.0.91

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 (131) hide show
  1. package/dist/cjs/app-modal.cjs.entry.js +1 -1
  2. package/dist/cjs/countdown-timer_5.cjs.entry.js +12 -8
  3. package/dist/cjs/countdown-timer_5.cjs.entry.js.map +1 -1
  4. package/dist/cjs/crm-bonus-form.cjs.entry.js +1 -1
  5. package/dist/cjs/crm-bonus-note.cjs.entry.js +1 -1
  6. package/dist/cjs/crm-bonus.cjs.entry.js +1 -1
  7. package/dist/cjs/crm-button.cjs.entry.js +1 -1
  8. package/dist/cjs/crm-giftback-form_2.cjs.entry.js +1 -1
  9. package/dist/cjs/crmbonus-component-wake.cjs.js +1 -1
  10. package/dist/cjs/giftback-finish_4.cjs.entry.js +1 -1
  11. package/dist/cjs/{index-8243a0e3.js → index-d11684bd.js} +6 -2
  12. package/dist/cjs/index-d11684bd.js.map +1 -0
  13. package/dist/cjs/loader.cjs.js +1 -1
  14. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  15. package/dist/cjs/pedido-finalizado.cjs.entry.js +1 -1
  16. package/dist/cjs/phone-cancel-input.cjs.entry.js +1 -1
  17. package/dist/cjs/phone-input-mask.cjs.entry.js +1 -1
  18. package/dist/cjs/phone-input.cjs.entry.js +1 -1
  19. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.css +2 -0
  20. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js +8 -4
  21. package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js.map +1 -1
  22. package/dist/collection/components/tooltip/crm-tooltip.css +3 -3
  23. package/dist/collection/components/tooltip/tooltip.js +1 -1
  24. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  25. package/dist/components/app-modal.js +1 -1
  26. package/dist/components/countdown-timer.js +1 -1
  27. package/dist/components/crm-bonus-form.js +6 -6
  28. package/dist/components/crm-bonus-note.js +3 -3
  29. package/dist/components/crm-bonus.js +11 -11
  30. package/dist/components/crm-button.js +1 -1
  31. package/dist/components/crm-giftback-form.js +1 -1
  32. package/dist/components/crm-tooltip.js +1 -1
  33. package/dist/components/giftback-finish.js +1 -1
  34. package/dist/components/giftback-info.js +1 -1
  35. package/dist/components/giftback-pin.js +1 -1
  36. package/dist/components/giftback-progress.js +1 -1
  37. package/dist/components/index.js +1 -1
  38. package/dist/components/loading-container.js +1 -1
  39. package/dist/components/loading-spinner.js +1 -1
  40. package/dist/components/name-input.js +1 -1
  41. package/dist/components/{p-0ef696a9.js → p-078fe899.js} +2 -2
  42. package/dist/components/{p-0ef696a9.js.map → p-078fe899.js.map} +1 -1
  43. package/dist/components/{p-5e4ed700.js → p-0949411f.js} +3 -3
  44. package/dist/components/{p-5e4ed700.js.map → p-0949411f.js.map} +1 -1
  45. package/dist/components/{p-56ddaea3.js → p-169fe768.js} +2 -2
  46. package/dist/components/{p-56ddaea3.js.map → p-169fe768.js.map} +1 -1
  47. package/dist/components/{p-ae3a4f2a.js → p-2a10510a.js} +4 -4
  48. package/dist/components/{p-ae3a4f2a.js.map → p-2a10510a.js.map} +1 -1
  49. package/dist/components/{p-c7fa9cbd.js → p-2f30297f.js} +3 -3
  50. package/dist/components/{p-c7fa9cbd.js.map → p-2f30297f.js.map} +1 -1
  51. package/dist/components/{p-959f4cc8.js → p-3e84f78c.js} +6 -2
  52. package/dist/{crmbonus-component-wake/p-24616d67.js.map → components/p-3e84f78c.js.map} +1 -1
  53. package/dist/components/{p-c7cea417.js → p-735f01da.js} +5 -5
  54. package/dist/components/{p-c7cea417.js.map → p-735f01da.js.map} +1 -1
  55. package/dist/components/{p-de9b0b1a.js → p-817bdd6f.js} +12 -8
  56. package/dist/components/p-817bdd6f.js.map +1 -0
  57. package/dist/components/{p-55d602f7.js → p-86564a17.js} +3 -3
  58. package/dist/components/{p-55d602f7.js.map → p-86564a17.js.map} +1 -1
  59. package/dist/components/{p-fbcbb1aa.js → p-b79c86a8.js} +2 -2
  60. package/dist/components/{p-fbcbb1aa.js.map → p-b79c86a8.js.map} +1 -1
  61. package/dist/components/{p-9311e832.js → p-b9720054.js} +10 -10
  62. package/dist/components/{p-9311e832.js.map → p-b9720054.js.map} +1 -1
  63. package/dist/components/{p-789a21e1.js → p-bb749fdb.js} +5 -5
  64. package/dist/components/{p-789a21e1.js.map → p-bb749fdb.js.map} +1 -1
  65. package/dist/components/{p-dcfb5af9.js → p-c4cb384d.js} +2 -2
  66. package/dist/components/{p-dcfb5af9.js.map → p-c4cb384d.js.map} +1 -1
  67. package/dist/components/{p-86df344c.js → p-d1a21f41.js} +3 -3
  68. package/dist/components/{p-86df344c.js.map → p-d1a21f41.js.map} +1 -1
  69. package/dist/components/{p-042a18d6.js → p-f1fb885c.js} +2 -2
  70. package/dist/components/{p-042a18d6.js.map → p-f1fb885c.js.map} +1 -1
  71. package/dist/components/pedido-finalizado.js +1 -1
  72. package/dist/components/phone-cancel-input.js +3 -3
  73. package/dist/components/phone-form.js +1 -1
  74. package/dist/components/phone-input-mask.js +1 -1
  75. package/dist/components/phone-input.js +3 -3
  76. package/dist/components/pin-form.js +1 -1
  77. package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
  78. package/dist/crmbonus-component-wake/{p-92fe1963.entry.js → p-03b77c41.entry.js} +2 -2
  79. package/dist/crmbonus-component-wake/{p-fd432c04.entry.js → p-1c5b2348.entry.js} +2 -2
  80. package/dist/crmbonus-component-wake/{p-e4f165a8.entry.js → p-1e41bdcf.entry.js} +2 -2
  81. package/dist/crmbonus-component-wake/p-307ec1fa.entry.js +2 -0
  82. package/dist/crmbonus-component-wake/p-307ec1fa.entry.js.map +1 -0
  83. package/dist/crmbonus-component-wake/{p-24616d67.js → p-3d6152b1.js} +3 -3
  84. package/dist/crmbonus-component-wake/p-3d6152b1.js.map +1 -0
  85. package/dist/crmbonus-component-wake/{p-e2acfd0b.entry.js → p-53c1694c.entry.js} +2 -2
  86. package/dist/crmbonus-component-wake/{p-d4ac9a11.entry.js → p-5941788b.entry.js} +2 -2
  87. package/dist/crmbonus-component-wake/{p-be14d7c4.entry.js → p-5e62b863.entry.js} +2 -2
  88. package/dist/crmbonus-component-wake/{p-db4f04a8.entry.js → p-74206c91.entry.js} +2 -2
  89. package/dist/crmbonus-component-wake/{p-e05632ac.entry.js → p-8ee0330c.entry.js} +2 -2
  90. package/dist/crmbonus-component-wake/{p-9ad0650e.entry.js → p-b7a8f915.entry.js} +2 -2
  91. package/dist/crmbonus-component-wake/{p-066672d8.entry.js → p-c2ff5149.entry.js} +2 -2
  92. package/dist/crmbonus-component-wake/{p-9058518e.entry.js → p-d0462c81.entry.js} +2 -2
  93. package/dist/crmbonus-component-wake/{p-7de6850f.entry.js → p-e8113d86.entry.js} +2 -2
  94. package/dist/esm/app-modal.entry.js +1 -1
  95. package/dist/esm/countdown-timer_5.entry.js +12 -8
  96. package/dist/esm/countdown-timer_5.entry.js.map +1 -1
  97. package/dist/esm/crm-bonus-form.entry.js +1 -1
  98. package/dist/esm/crm-bonus-note.entry.js +1 -1
  99. package/dist/esm/crm-bonus.entry.js +1 -1
  100. package/dist/esm/crm-button.entry.js +1 -1
  101. package/dist/esm/crm-giftback-form_2.entry.js +1 -1
  102. package/dist/esm/crmbonus-component-wake.js +2 -2
  103. package/dist/esm/giftback-finish_4.entry.js +1 -1
  104. package/dist/esm/{index-84fba7ef.js → index-e8724c8f.js} +6 -2
  105. package/dist/esm/index-e8724c8f.js.map +1 -0
  106. package/dist/esm/loader.js +2 -2
  107. package/dist/esm/loading-spinner.entry.js +1 -1
  108. package/dist/esm/pedido-finalizado.entry.js +1 -1
  109. package/dist/esm/phone-cancel-input.entry.js +1 -1
  110. package/dist/esm/phone-input-mask.entry.js +1 -1
  111. package/dist/esm/phone-input.entry.js +1 -1
  112. package/dist/types/components/giftback-form/subcomponents/giftback-info/giftback-info.d.ts +1 -0
  113. package/package.json +1 -1
  114. package/dist/cjs/index-8243a0e3.js.map +0 -1
  115. package/dist/components/p-959f4cc8.js.map +0 -1
  116. package/dist/components/p-de9b0b1a.js.map +0 -1
  117. package/dist/crmbonus-component-wake/p-35865a9f.entry.js +0 -2
  118. package/dist/crmbonus-component-wake/p-35865a9f.entry.js.map +0 -1
  119. package/dist/esm/index-84fba7ef.js.map +0 -1
  120. /package/dist/crmbonus-component-wake/{p-92fe1963.entry.js.map → p-03b77c41.entry.js.map} +0 -0
  121. /package/dist/crmbonus-component-wake/{p-fd432c04.entry.js.map → p-1c5b2348.entry.js.map} +0 -0
  122. /package/dist/crmbonus-component-wake/{p-e4f165a8.entry.js.map → p-1e41bdcf.entry.js.map} +0 -0
  123. /package/dist/crmbonus-component-wake/{p-e2acfd0b.entry.js.map → p-53c1694c.entry.js.map} +0 -0
  124. /package/dist/crmbonus-component-wake/{p-d4ac9a11.entry.js.map → p-5941788b.entry.js.map} +0 -0
  125. /package/dist/crmbonus-component-wake/{p-be14d7c4.entry.js.map → p-5e62b863.entry.js.map} +0 -0
  126. /package/dist/crmbonus-component-wake/{p-db4f04a8.entry.js.map → p-74206c91.entry.js.map} +0 -0
  127. /package/dist/crmbonus-component-wake/{p-e05632ac.entry.js.map → p-8ee0330c.entry.js.map} +0 -0
  128. /package/dist/crmbonus-component-wake/{p-9ad0650e.entry.js.map → p-b7a8f915.entry.js.map} +0 -0
  129. /package/dist/crmbonus-component-wake/{p-066672d8.entry.js.map → p-c2ff5149.entry.js.map} +0 -0
  130. /package/dist/crmbonus-component-wake/{p-9058518e.entry.js.map → p-d0462c81.entry.js.map} +0 -0
  131. /package/dist/crmbonus-component-wake/{p-7de6850f.entry.js.map → p-e8113d86.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"giftback-info.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\nimport { defineLimit, formatDateToBr } from \"../../../../utils/utils\";\n\n@Component({\n tag: 'giftback-info',\n styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n @State() usedValue: number = 0;\n @State() selectedOption: string = 'none';\n\n @Prop() loading: boolean = false;\n @Prop() bonus: Partial<IBonus> = {\n totalBonus: 150,\n cartId: \"\",\n minimumPurchase: 500,\n bonusBalance: 50,\n calculatedValue: 150,\n firstValidityDate: \"\",\n totalValue: 400\n };\n @Prop() reserve: (amountRedeemed: number) => void;\n @Prop() cancel: () => void;\n\n @State() sliderPosition: number = 50;\n\n @Watch(\"bonus\")\n changedBonus() {\n this.updateBonus()\n }\n\n private updateBonus() {\n this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\n this.buildPositionSlider(0, this.bonus.totalBonus);\n }\n\n componentWillLoad() {\n this.updateBonus();\n this.selectedOption = localStorage.getItem(USED_KEY);\n }\n\n handleSliderChange(event: Event) {\n const input = event.target as HTMLInputElement;\n this.usedValue = parseFloat(input.value);\n\n // Calculando a posição do texto com base no valor do slider\n // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n // this.sliderPosition = percentage;\n\n this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n }\n\n\n private buildPositionSlider(min: number, max: number) {\n // Calculando a posição do texto com base no valor do slider\n const percentage = ((this.usedValue - min) / (max - min)) * 100;\n this.sliderPosition = percentage;\n }\n\n async handleOptionChange(option: string) {\n this.selectedOption = option;\n \n localStorage.setItem(USED_KEY, option);\n switch (this.selectedOption) {\n case 'use':\n await this.reserve(this.usedValue)\n break;\n case 'dontUse':\n await this.cancel();\n break;\n default:\n }\n }\n\n render() {\n const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n\n const limit = defineLimit(remainingGiftback)\n\n return (\n\n <div class=\"giftback-container\">\n <div class=\"container-description\">\n <p innerHTML={translateDescription}></p>\n <crm-tooltip text={i18next.t(\"labelUseGiftback\", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) })} />\n </div>\n <div class=\"slider-wrapper\">\n <div\n class=\"slider-value\"\n style={{\n left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n\n }}\n >\n R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n </div>\n <input\n disabled\n type=\"range\"\n min=\"0\"\n max={this.bonus.totalBonus}\n value={this.usedValue}\n class=\"slider\"\n step=\"0.01\"\n onInput={(event) => this.handleSliderChange(event)}\n style={{\n background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n }}\n />\n </div>\n\n {\n limit.isComplete && (\n <p>\n {i18next.t(\"maxAmount\")}\n </p>\n )\n }\n\n {\n !limit.isComplete && (\n <div class=\"container-description\">\n <p>\n Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n máximo!\n </p>\n\n <crm-tooltip text={i18next.t(\"labelamountPartial\")} />\n </div>\n )\n }\n\n\n <div class=\"options\">\n <div class=\"options-option\">\n <input\n type=\"radio\"\n name=\"giftbackOption\"\n value=\"use\"\n checked={this.selectedOption === 'use'}\n onChange={() => this.handleOptionChange('use')}\n />\n <p>Usar o meu Giftback</p>\n </div>\n <div class=\"options-option\">\n <input\n type=\"radio\"\n name=\"giftbackOption\"\n value=\"dontUse\"\n checked={this.selectedOption === 'dontUse'}\n onChange={() => this.handleOptionChange('dontUse')}\n />\n <p>Não usar o meu Giftback</p>\n </div>\n </div>\n <div class=\"info-box\">\n O Giftback será aplicado na próxima etapa.\n </div>\n </div>\n );\n }\n}"]}
1
+ {"version":3,"file":"giftback-info.js","sourceRoot":"","sources":["../../../../../../src/components/giftback-form/subcomponents/giftback-info/giftback-info.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Watch, h } from \"@stencil/core\";\nimport { IBonus } from \"../../../../dto/validate.pin.bonus\";\n\nimport i18next from '../../../../i18n/i18n'\nimport { USED_KEY } from \"../../../../utils/keys.storage\";\nimport { defineLimit, formatDateToBr } from \"../../../../utils/utils\";\n\n@Component({\n tag: 'giftback-info',\n styleUrls: ['giftback-info.css']\n})\nexport class GiftbackInfo {\n @State() usedValue: number = 0;\n @State() selectedOption: string = 'none';\n\n @Prop() loading: boolean = false;\n @Prop() bonus: Partial<IBonus> = {\n totalBonus: 150,\n cartId: \"\",\n minimumPurchase: 500,\n bonusBalance: 50,\n calculatedValue: 150,\n firstValidityDate: \"\",\n totalValue: 400\n };\n @Prop() reserve: (amountRedeemed: number) => void;\n @Prop() cancel: () => void;\n\n @State() sliderPosition: number = 50;\n\n @Watch(\"bonus\")\n changedBonus() {\n this.updateBonus()\n }\n\n private updateBonus() {\n this.usedValue = this.bonus.bonusBalance;\n this.buildPositionSlider(0, this.bonus.totalBonus);\n }\n\n componentWillLoad() {\n this.updateBonus();\n this.selectedOption = localStorage.getItem(USED_KEY);\n }\n\n handleSliderChange(event: Event) {\n const input = event.target as HTMLInputElement;\n this.usedValue = parseFloat(input.value);\n\n // Calculando a posição do texto com base no valor do slider\n // const percentage = ((this.usedValue - parseInt(input.min)) / (parseInt(input.max) - parseInt(input.min))) * 100;\n // this.sliderPosition = percentage;\n\n this.buildPositionSlider(parseFloat(input.min), parseFloat(input.max))\n }\n\n componentDidLoad() {\n const input: any = document.getElementById(\"position_value_id\")\n \n input.value = this.bonus.bonusBalance;\n }\n\n\n private buildPositionSlider(min: number, max: number) {\n // Calculando a posição do texto com base no valor do slider\n const percentage = ((this.usedValue - min) / (max - min)) * 100;\n this.sliderPosition = percentage;\n }\n\n async handleOptionChange(option: string) {\n this.selectedOption = option;\n \n localStorage.setItem(USED_KEY, option);\n switch (this.selectedOption) {\n case 'use':\n await this.reserve(this.usedValue)\n break;\n case 'dontUse':\n await this.cancel();\n break;\n default:\n }\n }\n\n render() {\n const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\n\n const translateDescription = i18next.t(\"giftDescription\", { amount: `${this.bonus.totalBonus.toFixed(2).replace(\".\", \",\")}`, custom_name: \"Giftback\" })\n\n const limit = defineLimit(remainingGiftback)\n return (\n\n <div class=\"giftback-container\">\n <div class=\"container-description\">\n <p innerHTML={translateDescription}></p>\n <crm-tooltip text={i18next.t(\"labelUseGiftback\", { minimumPurchase: this.bonus.minimumPurchase, expírationDate: formatDateToBr(this.bonus.firstValidityDate) })} />\n </div>\n <div class=\"slider-wrapper\">\n <div\n class=\"slider-value\"\n style={{\n left: `calc(${this.sliderPosition}% - 20px)`, // Ajuste para centralizar o texto\n\n }}\n >\n R$ {this.usedValue.toFixed(2).replace(\".\", \",\")}\n </div>\n <input\n id=\"position_value_id\"\n disabled\n type=\"range\"\n min=\"0\"\n max={this.bonus.totalBonus}\n value={this.usedValue}\n class=\"slider\"\n step=\"0.01\"\n onInput={(event) => this.handleSliderChange(event)}\n style={{\n background: `linear-gradient(to right, #6D6D5F ${this.sliderPosition}%, #ddd ${this.sliderPosition}%)`,\n }}\n />\n </div>\n\n {\n limit.isComplete && (\n <p>\n {i18next.t(\"maxAmount\")}\n </p>\n )\n }\n\n {\n !limit.isComplete && (\n <div class=\"container-description\">\n <p>\n Adicione <strong>R$ {remainingGiftback < 0 ? \"0,00\" : remainingGiftback.toFixed(2).replace(\".\", \",\")}</strong> ao carrinho para atingir o valor\n máximo!\n </p>\n\n <crm-tooltip text={i18next.t(\"labelamountPartial\")} />\n </div>\n )\n }\n\n\n <div class=\"options\">\n <div class=\"options-option\">\n <input\n type=\"radio\"\n name=\"giftbackOption\"\n value=\"use\"\n checked={this.selectedOption === 'use'}\n onChange={() => this.handleOptionChange('use')}\n />\n <p>Usar o meu Giftback</p>\n </div>\n <div class=\"options-option\">\n <input\n type=\"radio\"\n name=\"giftbackOption\"\n value=\"dontUse\"\n checked={this.selectedOption === 'dontUse'}\n onChange={() => this.handleOptionChange('dontUse')}\n />\n <p>Não usar o meu Giftback</p>\n </div>\n </div>\n <div class=\"info-box\">\n O Giftback será aplicado na próxima etapa.\n </div>\n </div>\n );\n }\n}"]}
@@ -6,13 +6,13 @@
6
6
  }
7
7
  }
8
8
 
9
- .tooltip {
9
+ .crm-tooltip {
10
10
  position: relative;
11
11
  display: inline-block;
12
12
  border-bottom: 1px dotted black;
13
13
  }
14
14
 
15
- .tooltip .tooltiptext {
15
+ .crm-tooltip .tooltiptext {
16
16
  visibility: hidden;
17
17
  background-color: black;
18
18
  color: #fff;
@@ -27,6 +27,6 @@
27
27
  margin-left: -238px;
28
28
  }
29
29
 
30
- .tooltip:hover .tooltiptext {
30
+ .crm-tooltip:hover .tooltiptext {
31
31
  visibility: visible;
32
32
  }
@@ -5,7 +5,7 @@ export class Tooltip {
5
5
  this.text = undefined;
6
6
  }
7
7
  render() {
8
- return (h("div", { key: '6184ba9a52a60d1bf2c50687165ad63a869b5b1c', class: "crm-tooltip-container tooltip" }, h("img", { key: '4bab948b85d15c945d3e7a2e65a7e0eaf1116cc3', src: info }), h("span", { key: 'a637a34e82a1d630882c2b367c2aaf59803ee71e', class: "tooltiptext" }, this.text)));
8
+ return (h("div", { key: '967cd18511989b0187ed171996fd65ea874c4d82', class: "crm-tooltip-container crm-tooltip" }, h("img", { key: '48aee7ba861ccd21832697557c02d2264f81db7a', src: info }), h("span", { key: 'b002b2fb393ff20a922e05eb26a29bab9eed063f', class: "tooltiptext" }, this.text)));
9
9
  }
10
10
  static get is() { return "crm-tooltip"; }
11
11
  static get originalStyleUrls() {
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,8CAA8C,CAAC;AAOhE,MAAM,OAAO,OAAO;;;;IAIhB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,+BAA+B;YACtC,4DAAK,GAAG,EAAE,IAAI,GAAI;YAClB,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CAC1C,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\n\n\n@Component({\n tag: 'crm-tooltip',\n styleUrl: 'crm-tooltip.css'\n})\nexport class Tooltip {\n\n @Prop() text: string\n\n render() {\n return (\n <div class=\"crm-tooltip-container tooltip\">\n <img src={info} />\n <span class=\"tooltiptext\">{this.text}</span>\n </div>\n );\n }\n}"]}
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,IAAI,MAAM,8CAA8C,CAAC;AAOhE,MAAM,OAAO,OAAO;;;;IAIhB,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,mCAAmC;YAC1C,4DAAK,GAAG,EAAE,IAAI,GAAI;YAClB,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CAC1C,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\n\n\n@Component({\n tag: 'crm-tooltip',\n styleUrl: 'crm-tooltip.css'\n})\nexport class Tooltip {\n\n @Prop() text: string\n\n render() {\n return (\n <div class=\"crm-tooltip-container crm-tooltip\">\n <img src={info} />\n <span class=\"tooltiptext\">{this.text}</span>\n </div>\n );\n }\n}"]}
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, c as createEvent, h } from './p-959f4cc8.js';
1
+ import { p as proxyCustomElement, H, c as createEvent, h } from './p-3e84f78c.js';
2
2
 
3
3
  const appModalCss = ".modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:none;justify-content:center;align-items:center;z-index:1000}.modal-backdrop.visible{display:flex}.modal{background:white;border-radius:8px;padding:1rem;max-width:500px;width:90%;box-shadow:0 2px 10px rgba(0, 0, 0, 0.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;margin-bottom:1rem}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{}";
4
4
  const AppModalStyle0 = appModalCss;
@@ -1,4 +1,4 @@
1
- import { C as CountdownTimer$1, d as defineCustomElement$1 } from './p-0ef696a9.js';
1
+ import { C as CountdownTimer$1, d as defineCustomElement$1 } from './p-078fe899.js';
2
2
 
3
3
  const CountdownTimer = CountdownTimer$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,11 +1,11 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-959f4cc8.js';
1
+ import { p as proxyCustomElement, H, h, d as Host } from './p-3e84f78c.js';
2
2
  import { C as CrmBonusService } from './p-9c859043.js';
3
3
  import { S as StepFormEnum } from './p-24bdfca4.js';
4
- import { d as defineCustomElement$6 } from './p-fbcbb1aa.js';
5
- import { d as defineCustomElement$5 } from './p-55d602f7.js';
6
- import { d as defineCustomElement$4 } from './p-86df344c.js';
7
- import { d as defineCustomElement$3 } from './p-56ddaea3.js';
8
- import { d as defineCustomElement$2 } from './p-5e4ed700.js';
4
+ import { d as defineCustomElement$6 } from './p-b79c86a8.js';
5
+ import { d as defineCustomElement$5 } from './p-86564a17.js';
6
+ import { d as defineCustomElement$4 } from './p-d1a21f41.js';
7
+ import { d as defineCustomElement$3 } from './p-169fe768.js';
8
+ import { d as defineCustomElement$2 } from './p-0949411f.js';
9
9
 
10
10
  const crmBonusFormCss = ".form-container{width:100%;display:flex;justify-content:center;justify-content:space-around}.disabled{opacity:0.6;cursor:not-allowed}.message-error{color:#d11111;font-weight:bold;font-family:Arial;font-size:small;margin-left:16px}";
11
11
  const CrmBonusFormStyle0 = crmBonusFormCss;
@@ -1,9 +1,9 @@
1
- import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
2
2
  import { g as getInfoCustomization } from './p-75ba7b9a.js';
3
3
  import { g as getKeyReserveByCartId } from './p-f9aeffc1.js';
4
4
  import { i as instance } from './p-e8c19a64.js';
5
- import { d as defineCustomElement$3 } from './p-c7fa9cbd.js';
6
- import { d as defineCustomElement$2 } from './p-56ddaea3.js';
5
+ import { d as defineCustomElement$3 } from './p-2f30297f.js';
6
+ import { d as defineCustomElement$2 } from './p-169fe768.js';
7
7
 
8
8
  const moneyDollarsSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTE1IDkuOTQ3MjhDMTQuNSA5LjMgMTMuOCA4LjUgMTIgOC41QzEwLjIgOC41IDkgOS41MTM5MyA5IDkuOTQ3MjhDOSAxMC4zODA2IDkuMDY3ODYgMTAuOTI3NyAxMCAxMS41QzEwLjc1MjIgMTEuOTYxOCAxMi42Njg0IDEyLjA0MzkgMTMuNSAxMi41QzE0LjY3OSAxMy4xNDY3IDE0Ljg0OTcgMTMuODIwMiAxNC44NDk3IDE0LjA1MjJDMTQuODQ5NyAxNC42ODM3IDEzLjQxNzUgMTUuNDg1MiAxMiAxNS41QzEwLjUzNiAxNS41MTUzIDkuNSAxNC43IDkgMTQuMDUyMiIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgN1YxNyIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==';
9
9
 
@@ -1,17 +1,17 @@
1
- import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
2
2
  import { C as CrmBonusService } from './p-9c859043.js';
3
3
  import { S as StepFormEnum } from './p-24bdfca4.js';
4
4
  import { i as instance } from './p-e8c19a64.js';
5
- import { d as defineCustomElement$b } from './p-0ef696a9.js';
6
- import { d as defineCustomElement$a } from './p-c7fa9cbd.js';
7
- import { d as defineCustomElement$9 } from './p-9311e832.js';
8
- import { d as defineCustomElement$8 } from './p-ae3a4f2a.js';
9
- import { d as defineCustomElement$7 } from './p-de9b0b1a.js';
10
- import { d as defineCustomElement$6 } from './p-042a18d6.js';
11
- import { d as defineCustomElement$5 } from './p-56ddaea3.js';
12
- import { d as defineCustomElement$4 } from './p-789a21e1.js';
13
- import { d as defineCustomElement$3 } from './p-dcfb5af9.js';
14
- import { d as defineCustomElement$2 } from './p-c7cea417.js';
5
+ import { d as defineCustomElement$b } from './p-078fe899.js';
6
+ import { d as defineCustomElement$a } from './p-2f30297f.js';
7
+ import { d as defineCustomElement$9 } from './p-b9720054.js';
8
+ import { d as defineCustomElement$8 } from './p-2a10510a.js';
9
+ import { d as defineCustomElement$7 } from './p-817bdd6f.js';
10
+ import { d as defineCustomElement$6 } from './p-f1fb885c.js';
11
+ import { d as defineCustomElement$5 } from './p-169fe768.js';
12
+ import { d as defineCustomElement$4 } from './p-bb749fdb.js';
13
+ import { d as defineCustomElement$3 } from './p-c4cb384d.js';
14
+ import { d as defineCustomElement$2 } from './p-735f01da.js';
15
15
 
16
16
  var AjustesTipoEnum;
17
17
  (function (AjustesTipoEnum) {
@@ -1,4 +1,4 @@
1
- import { B as Button, d as defineCustomElement$1 } from './p-c7fa9cbd.js';
1
+ import { B as Button, d as defineCustomElement$1 } from './p-2f30297f.js';
2
2
 
3
3
  const CrmButton = Button;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { C as CrmBonus, d as defineCustomElement$1 } from './p-9311e832.js';
1
+ import { C as CrmBonus, d as defineCustomElement$1 } from './p-b9720054.js';
2
2
 
3
3
  const CrmGiftbackForm = CrmBonus;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { T as Tooltip, d as defineCustomElement$1 } from './p-ae3a4f2a.js';
1
+ import { T as Tooltip, d as defineCustomElement$1 } from './p-2a10510a.js';
2
2
 
3
3
  const CrmTooltip = Tooltip;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { G as GiftbackFinish$1, d as defineCustomElement$1 } from './p-fbcbb1aa.js';
1
+ import { G as GiftbackFinish$1, d as defineCustomElement$1 } from './p-b79c86a8.js';
2
2
 
3
3
  const GiftbackFinish = GiftbackFinish$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { G as GiftbackInfo$1, d as defineCustomElement$1 } from './p-de9b0b1a.js';
1
+ import { G as GiftbackInfo$1, d as defineCustomElement$1 } from './p-817bdd6f.js';
2
2
 
3
3
  const GiftbackInfo = GiftbackInfo$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { G as GiftbackPin$1, d as defineCustomElement$1 } from './p-55d602f7.js';
1
+ import { G as GiftbackPin$1, d as defineCustomElement$1 } from './p-86564a17.js';
2
2
 
3
3
  const GiftbackPin = GiftbackPin$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { G as GiftbackProgress$1, d as defineCustomElement$1 } from './p-86df344c.js';
1
+ import { G as GiftbackProgress$1, d as defineCustomElement$1 } from './p-d1a21f41.js';
2
2
 
3
3
  const GiftbackProgress = GiftbackProgress$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-959f4cc8.js';
1
+ export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-3e84f78c.js';
2
2
  export { f as format } from './p-d3bfac80.js';
3
3
 
4
4
  //# sourceMappingURL=index.js.map
@@ -1,4 +1,4 @@
1
- import { L as LoadingContainer$1, d as defineCustomElement$1 } from './p-042a18d6.js';
1
+ import { L as LoadingContainer$1, d as defineCustomElement$1 } from './p-f1fb885c.js';
2
2
 
3
3
  const LoadingContainer = LoadingContainer$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { L as LoadingSpinner$1, d as defineCustomElement$1 } from './p-56ddaea3.js';
1
+ import { L as LoadingSpinner$1, d as defineCustomElement$1 } from './p-169fe768.js';
2
2
 
3
3
  const LoadingSpinner = LoadingSpinner$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { N as NameInput$1, d as defineCustomElement$1 } from './p-5e4ed700.js';
1
+ import { N as NameInput$1, d as defineCustomElement$1 } from './p-0949411f.js';
2
2
 
3
3
  const NameInput = NameInput$1;
4
4
  const defineCustomElement = defineCustomElement$1;
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
2
2
 
3
3
  const CountdownTimer = /*@__PURE__*/ proxyCustomElement(class CountdownTimer extends H {
4
4
  constructor() {
@@ -46,4 +46,4 @@ defineCustomElement();
46
46
 
47
47
  export { CountdownTimer as C, defineCustomElement as d };
48
48
 
49
- //# sourceMappingURL=p-0ef696a9.js.map
49
+ //# sourceMappingURL=p-078fe899.js.map
@@ -1 +1 @@
1
- {"file":"p-0ef696a9.js","mappings":";;MAMa,cAAc;;;;;;uBAII,EAAE;;IAG7B,iBAAiB;QACb,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;YAC1B,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,OAAO,EAAE,CAAC;aAClB;iBAAM;gBACH,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAE/B,IAAI,CAAC,QAAQ,EAAE,CAAA;aAClB;SACJ,EAAE,IAAI,CAAC,CAAC;KACZ;IAED,oBAAoB;QAChB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAClC;IAED,MAAM;QACF,QACI,gEAAQ,IAAI,CAAC,OAAO,MAAU,EAChC;KACL;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'countdown-timer',\n shadow: true,\n})\nexport class CountdownTimer {\n\n @Prop() downtime: () => void;\n\n @State() counter: number = 30;\n private intervalId: NodeJS.Timer;\n\n componentWillLoad() {\n this.intervalId = setInterval(() => {\n if (this.counter > 0) {\n this.counter--;\n } else {\n clearInterval(this.intervalId);\n\n this.downtime()\n }\n }, 1000); // Intervalo de 1 segundo\n }\n\n disconnectedCallback() {\n clearInterval(this.intervalId);\n }\n\n render() {\n return (\n <label>{this.counter}s</label>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-078fe899.js","mappings":";;MAMa,cAAc;;;;;;uBAII,EAAE;;IAG7B,iBAAiB;QACb,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC;YAC1B,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,OAAO,EAAE,CAAC;aAClB;iBAAM;gBACH,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAE/B,IAAI,CAAC,QAAQ,EAAE,CAAA;aAClB;SACJ,EAAE,IAAI,CAAC,CAAC;KACZ;IAED,oBAAoB;QAChB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KAClC;IAED,MAAM;QACF,QACI,gEAAQ,IAAI,CAAC,OAAO,MAAU,EAChC;KACL;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/countdown-timer/countdown-timer.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'countdown-timer',\n shadow: true,\n})\nexport class CountdownTimer {\n\n @Prop() downtime: () => void;\n\n @State() counter: number = 30;\n private intervalId: NodeJS.Timer;\n\n componentWillLoad() {\n this.intervalId = setInterval(() => {\n if (this.counter > 0) {\n this.counter--;\n } else {\n clearInterval(this.intervalId);\n\n this.downtime()\n }\n }, 1000); // Intervalo de 1 segundo\n }\n\n disconnectedCallback() {\n clearInterval(this.intervalId);\n }\n\n render() {\n return (\n <label>{this.counter}s</label>\n );\n }\n}\n"],"version":3}
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
2
- import { d as defineCustomElement$1 } from './p-56ddaea3.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
2
+ import { d as defineCustomElement$1 } from './p-169fe768.js';
3
3
 
4
4
  const nameInputCss = ".bc-form-control{display:block;width:90%;height:24px;padding:7px 18px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.bc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:0px}.bc-btn-process{background:#00162e;border-color:#00162e;width:30%;color:#fff}.bc-footer-btn{display:flex;justify-content:end;margin:11px}.name-container{font-weight:bold;color:#494545}button{padding:10px 20px;background-color:#ddd;border:none;border-radius:5px;cursor:pointer}button:hover{background-color:#bbb}.success{color:green;margin-top:10px}.button{top:50%;background-color:#6c6c7e;color:#fff;border:none;border-radius:10px;padding:11px;min-width:120px;font-size:20px;cursor:pointer}.button-cancel{top:50%;background-color:#ffffff;color:#1e1c1c;border:1px solid gray;border-radius:10px;padding:10px;min-height:30px;min-width:120px;font-size:19px;cursor:pointer}.footer-button{display:flex;justify-content:space-between;width:97%;margin-top:14px}";
5
5
  const NameInputStyle0 = nameInputCss;
@@ -59,4 +59,4 @@ defineCustomElement();
59
59
 
60
60
  export { NameInput as N, defineCustomElement as d };
61
61
 
62
- //# sourceMappingURL=p-5e4ed700.js.map
62
+ //# sourceMappingURL=p-0949411f.js.map
@@ -1 +1 @@
1
- {"file":"p-5e4ed700.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,wpDAAwpD,CAAC;AAC9qD,wBAAe,YAAY;;MCKd,SAAS;;;;;;;;;;;IAWlB,gBAAgB,CAAC,KAAU;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACtC;IAGD,aAAa,CAAC,IAAY;QACtB,IAAG,CAAC,IAAI,EAAE;YACN,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAClC,OAAM;SACT;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,wEAAgB,EAChB,8DAAO,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAI,EAEnH,4DAAK,IAAI,CAAC,OAAO,CAAM,EAMvB,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAE5H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/name-input/name-input.css?tag=name-input","src/components/crm-bonus-form/subcomponents/name-input/name-input.tsx"],"sourcesContent":[".bc-form-control {\n display: block;\n width: 90%;\n height: 24px;\n padding: 7px 18px;\n font-size: 14px;\n line-height: 1.42857143;\n color: #555;\n background-color: #fff;\n background-image: none;\n border: 1px solid #ccc;\n border-radius: 0px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n.bc-btn {\n display: inline-block;\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid transparent;\n border-radius: 0px;\n}\n\n.bc-btn-process {\n background: #00162e;\n border-color: #00162e;\n width: 30%;\n color: #fff;\n}\n\n.bc-footer-btn {\n display: flex;\n justify-content: end;\n margin: 11px;\n}\n\n.name-container {\n font-weight: bold;\n color: #494545;\n}\n\n\nbutton {\n padding: 10px 20px;\n background-color: #ddd;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #bbb;\n}\n\n.success {\n color: green;\n margin-top: 10px;\n}\n\n.button {\n top: 50%;\n background-color: #6c6c7e;\n color: #fff;\n border: none;\n border-radius: 10px;\n padding: 11px;\n min-width: 120px;\n font-size: 20px;\n cursor: pointer;\n}\n\n.button-cancel {\n top: 50%;\n background-color: #ffffff;\n color: #1e1c1c;\n border: 1px solid gray;\n border-radius: 10px;\n padding: 10px;\n min-height: 30px;\n min-width: 120px;\n font-size: 19px;\n cursor: pointer;\n}\n\n.footer-button {\n display: flex;\n justify-content: space-between;\n width: 97%;\n margin-top: 14px;\n}","import { Component, Prop, State, h } from \"@stencil/core\";\n\n@Component({\n tag: 'name-input',\n styleUrl: 'name-input.css'\n})\nexport class NameInput {\n\n @Prop() value: string;\n\n @Prop() loading: boolean;\n @Prop() applyName: (value: string) => void;\n @Prop() cancel: () => void;\n \n @State() newValue: string;\n @State() message: string;\n\n handleChangeName(event: any) {\n this.newValue = event.target.value;\n }\n\n\n handleSetName(name: string) {\n if(!name) {\n this.message = \"Informe seu nome\";\n return\n }\n\n this.applyName(name);\n }\n\n render() {\n return (\n <div class=\"name-container\">\n <p>Seu Nome:</p>\n <input class=\"bc-form-control\" type=\"text\" value={this.value} onChange={(event) => this.handleChangeName(event)} />\n\n <p>{ this.message }</p>\n\n {/* <div class=\"bc-footer-btn\">\n <button class=\"bc-btn bc-btn-process\" onClick={() => this.applyName(this.newValue)} >Prosseguir</button>\n </div> */}\n\n <div class=\"footer-button\">\n <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\n Cancelar\n </button>\n <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleSetName(this.newValue)}>\n {\n !this.loading ? \"Continua\" : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n </div>\n )\n }\n}"],"version":3}
1
+ {"file":"p-0949411f.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,wpDAAwpD,CAAC;AAC9qD,wBAAe,YAAY;;MCKd,SAAS;;;;;;;;;;;IAWlB,gBAAgB,CAAC,KAAU;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;KACtC;IAGD,aAAa,CAAC,IAAY;QACtB,IAAG,CAAC,IAAI,EAAE;YACN,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAClC,OAAM;SACT;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;KACxB;IAED,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,gBAAgB,IACvB,wEAAgB,EAChB,8DAAO,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAI,EAEnH,4DAAK,IAAI,CAAC,OAAO,CAAM,EAMvB,4DAAK,KAAK,EAAC,eAAe,IACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,eAEzE,EACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAE5H,CAAC,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACJ,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/crm-bonus-form/subcomponents/name-input/name-input.css?tag=name-input","src/components/crm-bonus-form/subcomponents/name-input/name-input.tsx"],"sourcesContent":[".bc-form-control {\n display: block;\n width: 90%;\n height: 24px;\n padding: 7px 18px;\n font-size: 14px;\n line-height: 1.42857143;\n color: #555;\n background-color: #fff;\n background-image: none;\n border: 1px solid #ccc;\n border-radius: 0px;\n -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;\n -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n}\n\n.bc-btn {\n display: inline-block;\n padding: 6px 12px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: 400;\n line-height: 1.42857143;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-image: none;\n border: 1px solid transparent;\n border-radius: 0px;\n}\n\n.bc-btn-process {\n background: #00162e;\n border-color: #00162e;\n width: 30%;\n color: #fff;\n}\n\n.bc-footer-btn {\n display: flex;\n justify-content: end;\n margin: 11px;\n}\n\n.name-container {\n font-weight: bold;\n color: #494545;\n}\n\n\nbutton {\n padding: 10px 20px;\n background-color: #ddd;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #bbb;\n}\n\n.success {\n color: green;\n margin-top: 10px;\n}\n\n.button {\n top: 50%;\n background-color: #6c6c7e;\n color: #fff;\n border: none;\n border-radius: 10px;\n padding: 11px;\n min-width: 120px;\n font-size: 20px;\n cursor: pointer;\n}\n\n.button-cancel {\n top: 50%;\n background-color: #ffffff;\n color: #1e1c1c;\n border: 1px solid gray;\n border-radius: 10px;\n padding: 10px;\n min-height: 30px;\n min-width: 120px;\n font-size: 19px;\n cursor: pointer;\n}\n\n.footer-button {\n display: flex;\n justify-content: space-between;\n width: 97%;\n margin-top: 14px;\n}","import { Component, Prop, State, h } from \"@stencil/core\";\n\n@Component({\n tag: 'name-input',\n styleUrl: 'name-input.css'\n})\nexport class NameInput {\n\n @Prop() value: string;\n\n @Prop() loading: boolean;\n @Prop() applyName: (value: string) => void;\n @Prop() cancel: () => void;\n \n @State() newValue: string;\n @State() message: string;\n\n handleChangeName(event: any) {\n this.newValue = event.target.value;\n }\n\n\n handleSetName(name: string) {\n if(!name) {\n this.message = \"Informe seu nome\";\n return\n }\n\n this.applyName(name);\n }\n\n render() {\n return (\n <div class=\"name-container\">\n <p>Seu Nome:</p>\n <input class=\"bc-form-control\" type=\"text\" value={this.value} onChange={(event) => this.handleChangeName(event)} />\n\n <p>{ this.message }</p>\n\n {/* <div class=\"bc-footer-btn\">\n <button class=\"bc-btn bc-btn-process\" onClick={() => this.applyName(this.newValue)} >Prosseguir</button>\n </div> */}\n\n <div class=\"footer-button\">\n <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\n Cancelar\n </button>\n <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleSetName(this.newValue)}>\n {\n !this.loading ? \"Continua\" : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n </div>\n )\n }\n}"],"version":3}
@@ -1,4 +1,4 @@
1
- import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
2
2
 
3
3
  const loadingSpinnerCss = ".spinner{display:inline-block;border:4px solid transparent;border-radius:50%;border-top-color:var(--color, #0078d7);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
4
4
  const LoadingSpinnerStyle0 = loadingSpinnerCss;
@@ -36,4 +36,4 @@ defineCustomElement();
36
36
 
37
37
  export { LoadingSpinner as L, defineCustomElement as d };
38
38
 
39
- //# sourceMappingURL=p-56ddaea3.js.map
39
+ //# sourceMappingURL=p-169fe768.js.map
@@ -1 +1 @@
1
- {"file":"p-56ddaea3.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,iOAAiO,CAAC;AAC5P,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;oBACA,MAAM;qBACL,SAAS;;IAEjC,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,sCAAsC,EAAE,GAAQ,EAC/I;KACL;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/loading-spinner/loading-spinner.css?tag=loading-spinner&encapsulation=shadow","src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":[".spinner {\n display: inline-block;\n border: 4px solid transparent;\n border-radius: 50%;\n border-top-color: var(--color, #0078d7);\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'loading-spinner',\n styleUrl: 'loading-spinner.css',\n shadow: true,\n})\nexport class LoadingSpinner {\n @Prop() size: string = '50px'; // Tamanho do spinner (padrão 50px)\n @Prop() color: string = '#0078d7'; // Cor do spinner (padrão azul)\n\n render() {\n return (\n <div class=\"spinner\" style={{ width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` }}></div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-169fe768.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,iOAAiO,CAAC;AAC5P,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;oBACA,MAAM;qBACL,SAAS;;IAEjC,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,sCAAsC,EAAE,GAAQ,EAC/I;KACL;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/loading-spinner/loading-spinner.css?tag=loading-spinner&encapsulation=shadow","src/components/loading-spinner/loading-spinner.tsx"],"sourcesContent":[".spinner {\n display: inline-block;\n border: 4px solid transparent;\n border-radius: 50%;\n border-top-color: var(--color, #0078d7);\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'loading-spinner',\n styleUrl: 'loading-spinner.css',\n shadow: true,\n})\nexport class LoadingSpinner {\n @Prop() size: string = '50px'; // Tamanho do spinner (padrão 50px)\n @Prop() color: string = '#0078d7'; // Cor do spinner (padrão azul)\n\n render() {\n return (\n <div class=\"spinner\" style={{ width: this.size, height: this.size, borderColor: `${this.color} transparent transparent transparent` }}></div>\n );\n }\n}\n"],"version":3}
@@ -1,8 +1,8 @@
1
- import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
2
2
 
3
3
  const infoCircleSvgrepoComSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNy43NUMxMi40MTQyIDE3Ljc1IDEyLjc1IDE3LjQxNDIgMTIuNzUgMTdWMTFDMTIuNzUgMTAuNTg1OCAxMi40MTQyIDEwLjI1IDEyIDEwLjI1QzExLjU4NTggMTAuMjUgMTEuMjUgMTAuNTg1OCAxMS4yNSAxMVYxN0MxMS4yNSAxNy40MTQyIDExLjU4NTggMTcuNzUgMTIgMTcuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8cGF0aCBkPSJNMTIgN0MxMi41NTIzIDcgMTMgNy40NDc3MiAxMyA4QzEzIDguNTUyMjggMTIuNTUyMyA5IDEyIDlDMTEuNDQ3NyA5IDExIDguNTUyMjggMTEgOEMxMSA3LjQ0NzcyIDExLjQ0NzcgNyAxMiA3WiIgZmlsbD0iIzFDMjc0QyIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDEyQzEuMjUgNi4wNjI5NCA2LjA2Mjk0IDEuMjUgMTIgMS4yNUMxNy45MzcxIDEuMjUgMjIuNzUgNi4wNjI5NCAyMi43NSAxMkMyMi43NSAxNy45MzcxIDE3LjkzNzEgMjIuNzUgMTIgMjIuNzVDNi4wNjI5NCAyMi43NSAxLjI1IDE3LjkzNzEgMS4yNSAxMlpNMTIgMi43NUM2Ljg5MTM3IDIuNzUgMi43NSA2Ljg5MTM3IDIuNzUgMTJDMi43NSAxNy4xMDg2IDYuODkxMzcgMjEuMjUgMTIgMjEuMjVDMTcuMTA4NiAyMS4yNSAyMS4yNSAxNy4xMDg2IDIxLjI1IDEyQzIxLjI1IDYuODkxMzcgMTcuMTA4NiAyLjc1IDEyIDIuNzVaIiBmaWxsPSIjMUMyNzRDIi8+DQo8L3N2Zz4=';
4
4
 
5
- const crmTooltipCss = ".crm-tooltip-container {\n display: flex;\n\n & img {\n width: 25px;\n }\n}\n\n.tooltip {\n position: relative;\n display: inline-block;\n border-bottom: 1px dotted black;\n}\n\n.tooltip .tooltiptext {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n padding: 8px 12px;\n border-radius: 0px;\n position: absolute;\n z-index: 1;\n min-width: 271px;\n top: 100%;\n left: 50%;\n margin-left: -238px;\n}\n\n.tooltip:hover .tooltiptext {\n visibility: visible;\n}";
5
+ const crmTooltipCss = ".crm-tooltip-container {\n display: flex;\n\n & img {\n width: 25px;\n }\n}\n\n.crm-tooltip {\n position: relative;\n display: inline-block;\n border-bottom: 1px dotted black;\n}\n\n.crm-tooltip .tooltiptext {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n padding: 8px 12px;\n border-radius: 0px;\n position: absolute;\n z-index: 1;\n min-width: 271px;\n top: 100%;\n left: 50%;\n margin-left: -238px;\n}\n\n.crm-tooltip:hover .tooltiptext {\n visibility: visible;\n}";
6
6
  const CrmTooltipStyle0 = crmTooltipCss;
7
7
 
8
8
  const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
@@ -12,7 +12,7 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
12
12
  this.text = undefined;
13
13
  }
14
14
  render() {
15
- return (h("div", { key: '6184ba9a52a60d1bf2c50687165ad63a869b5b1c', class: "crm-tooltip-container tooltip" }, h("img", { key: '4bab948b85d15c945d3e7a2e65a7e0eaf1116cc3', src: infoCircleSvgrepoComSvg }), h("span", { key: 'a637a34e82a1d630882c2b367c2aaf59803ee71e', class: "tooltiptext" }, this.text)));
15
+ return (h("div", { key: '967cd18511989b0187ed171996fd65ea874c4d82', class: "crm-tooltip-container crm-tooltip" }, h("img", { key: '48aee7ba861ccd21832697557c02d2264f81db7a', src: infoCircleSvgrepoComSvg }), h("span", { key: 'b002b2fb393ff20a922e05eb26a29bab9eed063f', class: "tooltiptext" }, this.text)));
16
16
  }
17
17
  static get style() { return CrmTooltipStyle0; }
18
18
  }, [0, "crm-tooltip", {
@@ -35,4 +35,4 @@ defineCustomElement();
35
35
 
36
36
  export { Tooltip as T, defineCustomElement as d };
37
37
 
38
- //# sourceMappingURL=p-ae3a4f2a.js.map
38
+ //# sourceMappingURL=p-2a10510a.js.map
@@ -1 +1 @@
1
- {"file":"p-ae3a4f2a.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,wvCAAwvC;;ACAxxC,MAAM,aAAa,GAAG,mjBAAmjB,CAAC;AAC1kB,yBAAe,aAAa;;MCOf,OAAO;;;;;;IAIhB,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,+BAA+B,IACtC,4DAAK,GAAG,EAAEA,uBAAI,GAAI,EAClB,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CAC1C,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;","names":["info"],"sources":["src/assets/svg/info-circle-svgrepo-com.svg","src/components/tooltip/crm-tooltip.css?tag=crm-tooltip","src/components/tooltip/tooltip.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z\" fill=\"#1C274C\"/>\r\n<path d=\"M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z\" fill=\"#1C274C\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75Z\" fill=\"#1C274C\"/>\r\n</svg>",".crm-tooltip-container {\n display: flex;\n\n & img {\n width: 25px;\n }\n}\n\n.tooltip {\n position: relative;\n display: inline-block;\n border-bottom: 1px dotted black;\n}\n\n.tooltip .tooltiptext {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n padding: 8px 12px;\n border-radius: 0px;\n position: absolute;\n z-index: 1;\n min-width: 271px;\n top: 100%;\n left: 50%;\n margin-left: -238px;\n}\n\n.tooltip:hover .tooltiptext {\n visibility: visible;\n}","import { Component, h, Prop } from \"@stencil/core\";\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\n\n\n@Component({\n tag: 'crm-tooltip',\n styleUrl: 'crm-tooltip.css'\n})\nexport class Tooltip {\n\n @Prop() text: string\n\n render() {\n return (\n <div class=\"crm-tooltip-container tooltip\">\n <img src={info} />\n <span class=\"tooltiptext\">{this.text}</span>\n </div>\n );\n }\n}"],"version":3}
1
+ {"file":"p-2a10510a.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,wvCAAwvC;;ACAxxC,MAAM,aAAa,GAAG,+jBAA+jB,CAAC;AACtlB,yBAAe,aAAa;;MCOf,OAAO;;;;;;IAIhB,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,mCAAmC,IAC1C,4DAAK,GAAG,EAAEA,uBAAI,GAAI,EAClB,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ,CAC1C,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;","names":["info"],"sources":["src/assets/svg/info-circle-svgrepo-com.svg","src/components/tooltip/crm-tooltip.css?tag=crm-tooltip","src/components/tooltip/tooltip.tsx"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\r\n<svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n<path d=\"M12 17.75C12.4142 17.75 12.75 17.4142 12.75 17V11C12.75 10.5858 12.4142 10.25 12 10.25C11.5858 10.25 11.25 10.5858 11.25 11V17C11.25 17.4142 11.5858 17.75 12 17.75Z\" fill=\"#1C274C\"/>\r\n<path d=\"M12 7C12.5523 7 13 7.44772 13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7Z\" fill=\"#1C274C\"/>\r\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75Z\" fill=\"#1C274C\"/>\r\n</svg>",".crm-tooltip-container {\n display: flex;\n\n & img {\n width: 25px;\n }\n}\n\n.crm-tooltip {\n position: relative;\n display: inline-block;\n border-bottom: 1px dotted black;\n}\n\n.crm-tooltip .tooltiptext {\n visibility: hidden;\n background-color: black;\n color: #fff;\n text-align: center;\n padding: 8px 12px;\n border-radius: 0px;\n position: absolute;\n z-index: 1;\n min-width: 271px;\n top: 100%;\n left: 50%;\n margin-left: -238px;\n}\n\n.crm-tooltip:hover .tooltiptext {\n visibility: visible;\n}","import { Component, h, Prop } from \"@stencil/core\";\nimport info from '../../assets/svg/info-circle-svgrepo-com.svg';\n\n\n@Component({\n tag: 'crm-tooltip',\n styleUrl: 'crm-tooltip.css'\n})\nexport class Tooltip {\n\n @Prop() text: string\n\n render() {\n return (\n <div class=\"crm-tooltip-container crm-tooltip\">\n <img src={info} />\n <span class=\"tooltiptext\">{this.text}</span>\n </div>\n );\n }\n}"],"version":3}
@@ -1,5 +1,5 @@
1
- import { p as proxyCustomElement, H, h } from './p-959f4cc8.js';
2
- import { d as defineCustomElement$1 } from './p-56ddaea3.js';
1
+ import { p as proxyCustomElement, H, h } from './p-3e84f78c.js';
2
+ import { d as defineCustomElement$1 } from './p-169fe768.js';
3
3
 
4
4
  const crmButtonCss = "input,button{margin:0;padding:10px;}.crm-contaner-button{height:auto;width:auto}.crm-button{height:48px;width:100%;border:1px solid #000;padding:14px 20px;background-color:#000;color:#fff;font-size:14px;line-height:20px;font-weight:500;cursor:pointer}";
5
5
  const CrmButtonStyle0 = crmButtonCss;
@@ -43,4 +43,4 @@ defineCustomElement();
43
43
 
44
44
  export { Button as B, defineCustomElement as d };
45
45
 
46
- //# sourceMappingURL=p-c7fa9cbd.js.map
46
+ //# sourceMappingURL=p-2f30297f.js.map
@@ -1 +1 @@
1
- {"file":"p-c7fa9cbd.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,6PAA6P,CAAC;AACnR,wBAAe,YAAY;;MCKd,MAAM;;;;;;;;IAOf,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,qBAAqB,IAC5B,+DAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/crm-button.css?tag=crm-button","src/components/button/index.tsx"],"sourcesContent":["input, button {\n margin: 0;\n padding: 10px; /* Ajuste o valor conforme necessário */\n}\n\n.crm-contaner-button {\n height: auto;\n width: auto;\n}\n\n.crm-button {\n height: 48px;\n width: 100%;\n border: 1px solid #000;\n padding: 14px 20px;\n background-color: #000;\n color: #fff;\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n cursor: pointer;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'crm-button',\n styleUrl: 'crm-button.css'\n})\nexport class Button {\n\n @Prop() txtBtn: string;\n @Prop() loading: boolean;\n\n @Prop() handleClick: () => void;\n\n render() {\n return (\n <div class=\"crm-contaner-button\">\n <button class=\"crm-button\" onClick={() => this.handleClick()}>\n {\n !this.loading ? this.txtBtn : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"version":3}
1
+ {"file":"p-2f30297f.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,6PAA6P,CAAC;AACnR,wBAAe,YAAY;;MCKd,MAAM;;;;;;;;IAOf,MAAM;QACF,QACI,4DAAK,KAAK,EAAC,qBAAqB,IAC5B,+DAAQ,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAEpD,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEzE,CACP,EACT;KACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/button/crm-button.css?tag=crm-button","src/components/button/index.tsx"],"sourcesContent":["input, button {\n margin: 0;\n padding: 10px; /* Ajuste o valor conforme necessário */\n}\n\n.crm-contaner-button {\n height: auto;\n width: auto;\n}\n\n.crm-button {\n height: 48px;\n width: 100%;\n border: 1px solid #000;\n padding: 14px 20px;\n background-color: #000;\n color: #fff;\n font-size: 14px;\n line-height: 20px;\n font-weight: 500;\n cursor: pointer;\n}","import { Component, Prop, h } from \"@stencil/core\";\n\n@Component({\n tag: 'crm-button',\n styleUrl: 'crm-button.css'\n})\nexport class Button {\n\n @Prop() txtBtn: string;\n @Prop() loading: boolean;\n\n @Prop() handleClick: () => void;\n\n render() {\n return (\n <div class=\"crm-contaner-button\">\n <button class=\"crm-button\" onClick={() => this.handleClick()}>\n {\n !this.loading ? this.txtBtn : <loading-spinner size=\"15px\" color=\"#fff\" />\n }\n </button>\n </div>\n )\n }\n}"],"version":3}
@@ -1,5 +1,5 @@
1
1
  const NAMESPACE = 'crmbonus-component-wake';
2
- const BUILD = /* crmbonus-component-wake */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
2
+ const BUILD = /* crmbonus-component-wake */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
3
3
 
4
4
  /*
5
5
  Stencil Client Platform v4.22.2 | MIT Licensed | https://stenciljs.com
@@ -1102,12 +1102,16 @@ var postUpdateComponent = (hostRef) => {
1102
1102
  const tagName = hostRef.$cmpMeta$.$tagName$;
1103
1103
  const elm = hostRef.$hostElement$;
1104
1104
  const endPostUpdate = createTime("postUpdate", tagName);
1105
+ const instance = elm;
1105
1106
  const ancestorComponent = hostRef.$ancestorComponent$;
1106
1107
  if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
1107
1108
  hostRef.$flags$ |= 64 /* hasLoadedComponent */;
1108
1109
  {
1109
1110
  addHydratedFlag(elm);
1110
1111
  }
1112
+ {
1113
+ safeCall(instance, "componentDidLoad");
1114
+ }
1111
1115
  endPostUpdate();
1112
1116
  {
1113
1117
  hostRef.$onReadyResolve$(elm);
@@ -1401,4 +1405,4 @@ var setPlatformOptions = (opts) => Object.assign(plt, opts);
1401
1405
 
1402
1406
  export { H, setNonce as a, setPlatformOptions as b, createEvent as c, Host as d, getAssetPath as g, h, proxyCustomElement as p, setAssetPath as s };
1403
1407
 
1404
- //# sourceMappingURL=p-959f4cc8.js.map
1408
+ //# sourceMappingURL=p-3e84f78c.js.map