crmbonus-component-wake 2.1.31-homolog → 2.1.32-ngrok
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.
- package/dist/cjs/app-modal.cjs.entry.js +1 -1
- package/dist/cjs/{build.payload.helper-c35bd233.js → build.payload.helper-b93f7ea5.js} +13 -13
- package/dist/cjs/build.payload.helper-b93f7ea5.js.map +1 -0
- package/dist/{components/p-386f8c4f.js → cjs/cart.helper-b08a12b2.js} +123 -3
- package/dist/cjs/cart.helper-b08a12b2.js.map +1 -0
- package/dist/cjs/countdown-timer-v2.cjs.entry.js +1 -1
- package/dist/cjs/countdown-timer_2.cjs.entry.js +2 -2
- package/dist/cjs/crm-bonus-2.cjs.entry.js +33 -0
- package/dist/cjs/crm-bonus-2.cjs.entry.js.map +1 -0
- package/dist/cjs/crm-bonus-note.cjs.entry.js +8 -10
- package/dist/cjs/crm-bonus-note.cjs.entry.js.map +1 -1
- package/dist/cjs/crm-bonus-tray.cjs.entry.js +1 -1
- package/dist/cjs/crm-bonus.cjs.entry.js +16 -14
- package/dist/cjs/crm-bonus.cjs.entry.js.map +1 -1
- package/dist/cjs/crm-giftback-form.cjs.entry.js +24 -26
- package/dist/cjs/crm-giftback-form.cjs.entry.js.map +1 -1
- package/dist/cjs/{crm-tooltip_4.cjs.entry.js → crm-tooltip_5.cjs.entry.js} +65 -14
- package/dist/cjs/crm-tooltip_5.cjs.entry.js.map +1 -0
- package/dist/cjs/crmbonus-component-wake.cjs.js +1 -1
- package/dist/{esm/i18n-b9d8b0cc.js → cjs/i18n-1ce6cb94.js} +23 -2
- package/dist/cjs/i18n-1ce6cb94.js.map +1 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/loading-container.cjs.entry.js +1 -1
- package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/pedido-finalizado.cjs.entry.js +3 -4
- package/dist/cjs/pedido-finalizado.cjs.entry.js.map +1 -1
- package/dist/collection/collection-manifest.json +1 -7
- package/dist/collection/components/button/index.js +1 -1
- package/dist/collection/components/countdown-timer/countdown-timer.js +1 -1
- package/dist/collection/components/countdown-timer/countdown-timer.v2.js +1 -1
- package/dist/collection/components/crm-bonus/crm-bonus.js +6 -2
- package/dist/collection/components/crm-bonus/crm-bonus.js.map +1 -1
- package/dist/collection/components/crm-bonus/crmbonus.js +38 -0
- package/dist/collection/components/crm-bonus/crmbonus.js.map +1 -0
- package/dist/collection/components/giftback-form/giftback-form.js +5 -5
- package/dist/collection/components/giftback-form/subcomponents/giftback-info/giftback-info.js +5 -5
- package/dist/collection/components/giftback-form/subcomponents/phone-form/phone-form.js +1 -1
- package/dist/collection/components/giftback-form/subcomponents/pin-form/pin-form.js +1 -1
- package/dist/collection/components/loading-container/loading-container.js +1 -1
- package/dist/collection/components/loading-spinner/loading-spinner.js +1 -1
- package/dist/collection/components/modal/app-modal.js +1 -1
- package/dist/collection/components/note/crm-bonus-note.js +1 -1
- package/dist/collection/components/pedido/pedido.js +1 -1
- package/dist/collection/components/phone/phone-input-mask.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/collection/dto/reserved-info.dto.js.map +1 -1
- package/dist/collection/helpers/build.payload.helper.js +12 -12
- package/dist/collection/helpers/build.payload.helper.js.map +1 -1
- package/dist/collection/objectvalues/cart.wake.js +23 -23
- package/dist/collection/objectvalues/cart.wake.js.map +1 -1
- package/dist/collection/tray-ecommerce/crm-bonus-tray.js +1 -1
- package/dist/components/app-modal.js +1 -1
- package/dist/components/countdown-timer-v2.js +1 -1
- package/dist/components/countdown-timer.js +1 -1
- package/dist/components/{name-input.d.ts → crm-bonus-2.d.ts} +4 -4
- package/dist/components/crm-bonus-2.js +57 -0
- package/dist/components/crm-bonus-2.js.map +1 -0
- package/dist/components/crm-bonus-note.js +4 -5
- package/dist/components/crm-bonus-note.js.map +1 -1
- package/dist/components/crm-bonus-tray.js +1 -1
- package/dist/components/crm-bonus.js +18 -15
- package/dist/components/crm-bonus.js.map +1 -1
- package/dist/components/crm-button.js +1 -1
- package/dist/components/crm-giftback-form.js +1 -1
- package/dist/components/crm-tooltip.js +1 -1
- package/dist/components/giftback-info.js +1 -1
- package/dist/components/loading-container.js +1 -1
- package/dist/components/loading-spinner.js +1 -1
- package/dist/components/{p-5494dc1e.js → p-028f43a1.js} +9 -10
- package/dist/components/p-028f43a1.js.map +1 -0
- package/dist/components/{p-f6b194db.js → p-0bb6b0e5.js} +15 -16
- package/dist/components/p-0bb6b0e5.js.map +1 -0
- package/dist/components/{p-eb1f4328.js → p-11520f0f.js} +2 -2
- package/dist/components/{p-eb1f4328.js.map → p-11520f0f.js.map} +1 -1
- package/dist/components/{p-a3f4244f.js → p-4c7e066c.js} +13 -13
- package/dist/components/p-4c7e066c.js.map +1 -0
- package/dist/components/{p-285d0caf.js → p-890dc5d5.js} +2 -2
- package/dist/components/{p-285d0caf.js.map → p-890dc5d5.js.map} +1 -1
- package/dist/components/{p-86dfe7ca.js → p-8fda6382.js} +5 -5
- package/dist/components/{p-86dfe7ca.js.map → p-8fda6382.js.map} +1 -1
- package/dist/components/{p-b86c93cc.js → p-bc930dfe.js} +3 -3
- package/dist/components/{p-b86c93cc.js.map → p-bc930dfe.js.map} +1 -1
- package/dist/components/{p-6b1f5521.js → p-c5be72a0.js} +2 -2
- package/dist/components/{p-6b1f5521.js.map → p-c5be72a0.js.map} +1 -1
- package/dist/{cjs/crmbonus.service-efc6a7d8.js → components/p-c90ea2e9.js} +115 -8
- package/dist/components/p-c90ea2e9.js.map +1 -0
- package/dist/components/{p-09048b73.js → p-ce77a841.js} +2 -2
- package/dist/components/{p-09048b73.js.map → p-ce77a841.js.map} +1 -1
- package/dist/components/{p-5210a82f.js → p-ee1c025b.js} +5 -5
- package/dist/components/{p-5210a82f.js.map → p-ee1c025b.js.map} +1 -1
- package/dist/components/{p-e31b6c28.js → p-f1823a52.js} +2 -2
- package/dist/components/{p-e31b6c28.js.map → p-f1823a52.js.map} +1 -1
- package/dist/components/pedido-finalizado.js +2 -3
- package/dist/components/pedido-finalizado.js.map +1 -1
- package/dist/components/phone-form.js +1 -1
- package/dist/components/phone-input-mask.js +1 -1
- package/dist/components/pin-form.js +1 -1
- package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js +1 -1
- package/dist/crmbonus-component-wake/crmbonus-component-wake.esm.js.map +1 -1
- package/dist/crmbonus-component-wake/p-3e87e176.entry.js +2 -0
- package/dist/crmbonus-component-wake/{p-71e2578d.entry.js.map → p-3e87e176.entry.js.map} +1 -1
- package/dist/crmbonus-component-wake/p-4c7e066c.js +2 -0
- package/dist/crmbonus-component-wake/p-4c7e066c.js.map +1 -0
- package/dist/crmbonus-component-wake/p-4ed412c2.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-4ed412c2.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/{p-e5d8700b.entry.js → p-54b8f32b.entry.js} +2 -2
- package/dist/crmbonus-component-wake/p-558202ef.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-558202ef.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/p-61ea41c9.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-6532623f.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-702d5a6f.js +2 -0
- package/dist/crmbonus-component-wake/p-702d5a6f.js.map +1 -0
- package/dist/crmbonus-component-wake/p-9b7bd1e1.entry.js +2 -0
- package/dist/crmbonus-component-wake/{p-0d22f391.entry.js.map → p-9b7bd1e1.entry.js.map} +1 -1
- package/dist/crmbonus-component-wake/{p-427c86db.entry.js → p-9d926857.entry.js} +2 -2
- package/dist/crmbonus-component-wake/p-a0d73d77.entry.js +2 -0
- package/dist/crmbonus-component-wake/p-a0d73d77.entry.js.map +1 -0
- package/dist/crmbonus-component-wake/{p-39abc114.entry.js → p-ac027576.entry.js} +2 -2
- package/dist/crmbonus-component-wake/{p-386f8c4f.js → p-c74567c6.js} +2 -2
- package/dist/crmbonus-component-wake/p-c74567c6.js.map +1 -0
- package/dist/crmbonus-component-wake/{p-9a32f685.entry.js → p-ce2819cc.entry.js} +2 -2
- package/dist/crmbonus-component-wake/p-f37f3f3f.entry.js +2 -0
- package/dist/crmbonus-component-wake/{p-82f4dcf6.entry.js.map → p-f37f3f3f.entry.js.map} +1 -1
- package/dist/env.js +2 -1
- package/dist/env.js.map +1 -1
- package/dist/esm/app-modal.entry.js +1 -1
- package/dist/esm/{build.payload.helper-c425c0cc.js → build.payload.helper-caf0a82b.js} +13 -13
- package/dist/esm/build.payload.helper-caf0a82b.js.map +1 -0
- package/dist/esm/{crmbonus.service-965dbc4c.js → cart.helper-7101c047.js} +115 -3
- package/dist/esm/cart.helper-7101c047.js.map +1 -0
- package/dist/esm/countdown-timer-v2.entry.js +1 -1
- package/dist/esm/countdown-timer_2.entry.js +2 -2
- package/dist/esm/crm-bonus-2.entry.js +29 -0
- package/dist/esm/crm-bonus-2.entry.js.map +1 -0
- package/dist/esm/crm-bonus-note.entry.js +4 -6
- package/dist/esm/crm-bonus-note.entry.js.map +1 -1
- package/dist/esm/crm-bonus-tray.entry.js +1 -1
- package/dist/esm/crm-bonus.entry.js +9 -7
- package/dist/esm/crm-bonus.entry.js.map +1 -1
- package/dist/esm/crm-giftback-form.entry.js +7 -9
- package/dist/esm/crm-giftback-form.entry.js.map +1 -1
- package/dist/esm/{crm-tooltip_4.entry.js → crm-tooltip_5.entry.js} +63 -13
- package/dist/esm/crm-tooltip_5.entry.js.map +1 -0
- package/dist/esm/crmbonus-component-wake.js +1 -1
- package/dist/{cjs/i18n-defaa4f8.js → esm/i18n-7938fb86.js} +18 -3
- package/dist/esm/i18n-7938fb86.js.map +1 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/loading-container.entry.js +1 -1
- package/dist/esm/loading-spinner.entry.js +1 -1
- package/dist/esm/pedido-finalizado.entry.js +2 -3
- package/dist/esm/pedido-finalizado.entry.js.map +1 -1
- package/dist/types/Users/Darlison/Projects/Bycoders/crmbonus/crmbonus-component/.stencil/env.d.ts +1 -1
- package/dist/types/components/crm-bonus/crm-bonus.d.ts +1 -0
- package/dist/types/components/crm-bonus/crmbonus.d.ts +8 -0
- package/dist/types/components.d.ts +13 -150
- package/dist/types/objectvalues/cart.wake.d.ts +0 -2
- package/package.json +1 -1
- package/dist/cjs/build.payload.helper-c35bd233.js.map +0 -1
- package/dist/cjs/cart.helper-b4fad77c.js +0 -120
- package/dist/cjs/cart.helper-b4fad77c.js.map +0 -1
- package/dist/cjs/crm-bonus-form.cjs.entry.js +0 -103
- package/dist/cjs/crm-bonus-form.cjs.entry.js.map +0 -1
- package/dist/cjs/crm-tooltip_4.cjs.entry.js.map +0 -1
- package/dist/cjs/crmbonus.service-efc6a7d8.js.map +0 -1
- package/dist/cjs/giftback-finish_4.cjs.entry.js +0 -131
- package/dist/cjs/giftback-finish_4.cjs.entry.js.map +0 -1
- package/dist/cjs/i18n-defaa4f8.js.map +0 -1
- package/dist/cjs/index-7a7d7882.js +0 -23
- package/dist/cjs/index-7a7d7882.js.map +0 -1
- package/dist/cjs/phone-cancel-input.cjs.entry.js +0 -25
- package/dist/cjs/phone-cancel-input.cjs.entry.js.map +0 -1
- package/dist/cjs/phone-input-mask.cjs.entry.js +0 -61
- package/dist/cjs/phone-input-mask.cjs.entry.js.map +0 -1
- package/dist/cjs/phone-input.cjs.entry.js +0 -25
- package/dist/cjs/phone-input.cjs.entry.js.map +0 -1
- package/dist/collection/components/_crm-bonus-form/crm-bonus-form.css +0 -18
- package/dist/collection/components/_crm-bonus-form/crm-bonus-form.js +0 -348
- package/dist/collection/components/_crm-bonus-form/crm-bonus-form.js.map +0 -1
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.css +0 -9
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.js +0 -20
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.js.map +0 -1
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.css +0 -69
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.js +0 -126
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.js.map +0 -1
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.css +0 -109
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.js +0 -127
- package/dist/collection/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.js.map +0 -1
- package/dist/collection/components/_crm-bonus-form/subcomponents/name-input/name-input.css +0 -108
- package/dist/collection/components/_crm-bonus-form/subcomponents/name-input/name-input.js +0 -111
- package/dist/collection/components/_crm-bonus-form/subcomponents/name-input/name-input.js.map +0 -1
- package/dist/collection/components/_crm-bonus-form/subcomponents/phone/phone.input.js +0 -76
- package/dist/collection/components/_crm-bonus-form/subcomponents/phone/phone.input.js.map +0 -1
- package/dist/collection/components/_crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js +0 -76
- package/dist/collection/components/_crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js.map +0 -1
- package/dist/components/crm-bonus-form.d.ts +0 -11
- package/dist/components/crm-bonus-form.js +0 -165
- package/dist/components/crm-bonus-form.js.map +0 -1
- package/dist/components/giftback-finish.d.ts +0 -11
- package/dist/components/giftback-finish.js +0 -8
- package/dist/components/giftback-finish.js.map +0 -1
- package/dist/components/giftback-pin.d.ts +0 -11
- package/dist/components/giftback-pin.js +0 -8
- package/dist/components/giftback-pin.js.map +0 -1
- package/dist/components/giftback-progress.d.ts +0 -11
- package/dist/components/giftback-progress.js +0 -8
- package/dist/components/giftback-progress.js.map +0 -1
- package/dist/components/name-input.js +0 -8
- package/dist/components/name-input.js.map +0 -1
- package/dist/components/p-234f35c4.js +0 -69
- package/dist/components/p-234f35c4.js.map +0 -1
- package/dist/components/p-386f8c4f.js.map +0 -1
- package/dist/components/p-5494dc1e.js.map +0 -1
- package/dist/components/p-6ff4aa18.js +0 -73
- package/dist/components/p-6ff4aa18.js.map +0 -1
- package/dist/components/p-8e6146ae.js +0 -63
- package/dist/components/p-8e6146ae.js.map +0 -1
- package/dist/components/p-a3f4244f.js.map +0 -1
- package/dist/components/p-e145ac20.js +0 -115
- package/dist/components/p-e145ac20.js.map +0 -1
- package/dist/components/p-f09b7364.js +0 -36
- package/dist/components/p-f09b7364.js.map +0 -1
- package/dist/components/p-f6b194db.js.map +0 -1
- package/dist/components/phone-cancel-input.d.ts +0 -11
- package/dist/components/phone-cancel-input.js +0 -56
- package/dist/components/phone-cancel-input.js.map +0 -1
- package/dist/components/phone-input.d.ts +0 -11
- package/dist/components/phone-input.js +0 -56
- package/dist/components/phone-input.js.map +0 -1
- package/dist/crmbonus-component-wake/p-0d22f391.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-2bd29eae.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-386f8c4f.js.map +0 -1
- package/dist/crmbonus-component-wake/p-3d589a57.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-3d589a57.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-6d5bd437.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-6d5bd437.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-71e2578d.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-74335744.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-74335744.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-7e713a3b.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-7e713a3b.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-82f4dcf6.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-914b0ecb.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-914b0ecb.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-a3f4244f.js +0 -2
- package/dist/crmbonus-component-wake/p-a3f4244f.js.map +0 -1
- package/dist/crmbonus-component-wake/p-a4bf9fe7.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-b9baad26.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-b9baad26.entry.js.map +0 -1
- package/dist/crmbonus-component-wake/p-c53241bf.js +0 -2
- package/dist/crmbonus-component-wake/p-c53241bf.js.map +0 -1
- package/dist/crmbonus-component-wake/p-e145ac20.js +0 -2
- package/dist/crmbonus-component-wake/p-e145ac20.js.map +0 -1
- package/dist/crmbonus-component-wake/p-ecc51430.js +0 -2
- package/dist/crmbonus-component-wake/p-ecc51430.js.map +0 -1
- package/dist/crmbonus-component-wake/p-f9d8175f.entry.js +0 -2
- package/dist/crmbonus-component-wake/p-f9d8175f.entry.js.map +0 -1
- package/dist/esm/build.payload.helper-c425c0cc.js.map +0 -1
- package/dist/esm/cart.helper-3f504c32.js +0 -115
- package/dist/esm/cart.helper-3f504c32.js.map +0 -1
- package/dist/esm/crm-bonus-form.entry.js +0 -99
- package/dist/esm/crm-bonus-form.entry.js.map +0 -1
- package/dist/esm/crm-tooltip_4.entry.js.map +0 -1
- package/dist/esm/crmbonus.service-965dbc4c.js.map +0 -1
- package/dist/esm/giftback-finish_4.entry.js +0 -124
- package/dist/esm/giftback-finish_4.entry.js.map +0 -1
- package/dist/esm/i18n-b9d8b0cc.js.map +0 -1
- package/dist/esm/index-dc3ebdf0.js +0 -20
- package/dist/esm/index-dc3ebdf0.js.map +0 -1
- package/dist/esm/phone-cancel-input.entry.js +0 -21
- package/dist/esm/phone-cancel-input.entry.js.map +0 -1
- package/dist/esm/phone-input-mask.entry.js +0 -57
- package/dist/esm/phone-input-mask.entry.js.map +0 -1
- package/dist/esm/phone-input.entry.js +0 -21
- package/dist/esm/phone-input.entry.js.map +0 -1
- package/dist/types/components/_crm-bonus-form/crm-bonus-form.d.ts +0 -27
- package/dist/types/components/_crm-bonus-form/subcomponents/giftback-finish/giftback-finish.d.ts +0 -3
- package/dist/types/components/_crm-bonus-form/subcomponents/giftback-pin/giftback-pin.d.ts +0 -13
- package/dist/types/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.d.ts +0 -12
- package/dist/types/components/_crm-bonus-form/subcomponents/name-input/name-input.d.ts +0 -11
- package/dist/types/components/_crm-bonus-form/subcomponents/phone/phone.input.d.ts +0 -8
- package/dist/types/components/_crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.d.ts +0 -8
- /package/dist/crmbonus-component-wake/{p-e5d8700b.entry.js.map → p-54b8f32b.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-2bd29eae.entry.js.map → p-61ea41c9.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-a4bf9fe7.entry.js.map → p-6532623f.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-427c86db.entry.js.map → p-9d926857.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-39abc114.entry.js.map → p-ac027576.entry.js.map} +0 -0
- /package/dist/crmbonus-component-wake/{p-9a32f685.entry.js.map → p-ce2819cc.entry.js.map} +0 -0
@@ -1,109 +0,0 @@
|
|
1
|
-
:host {
|
2
|
-
display: flex;
|
3
|
-
/* background-color: #f8f4eb; */
|
4
|
-
border-radius: 10px;
|
5
|
-
padding: 16px;
|
6
|
-
/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
|
7
|
-
max-width: 100%;
|
8
|
-
flex-direction: column;
|
9
|
-
}
|
10
|
-
|
11
|
-
.giftback-container {
|
12
|
-
display: flex;
|
13
|
-
flex-direction: column;
|
14
|
-
}
|
15
|
-
|
16
|
-
.giftback-container p {
|
17
|
-
/* font-size: medium; */
|
18
|
-
}
|
19
|
-
|
20
|
-
|
21
|
-
h3 {
|
22
|
-
margin: 0 0 10px;
|
23
|
-
/* font-size: 18px; */
|
24
|
-
}
|
25
|
-
|
26
|
-
p {
|
27
|
-
margin: 5px 0;
|
28
|
-
/* font-size: 14px; */
|
29
|
-
align-self: start;
|
30
|
-
}
|
31
|
-
|
32
|
-
.validity {
|
33
|
-
/* font-size: 12px; */
|
34
|
-
color: #888;
|
35
|
-
}
|
36
|
-
|
37
|
-
.progress-container {
|
38
|
-
display: flex;
|
39
|
-
align-items: center;
|
40
|
-
margin: 10px 0;
|
41
|
-
}
|
42
|
-
|
43
|
-
progress-container span {
|
44
|
-
/* font-size: 12px; */
|
45
|
-
color: #666;
|
46
|
-
}
|
47
|
-
|
48
|
-
input[type='range'] {
|
49
|
-
flex: 1;
|
50
|
-
margin: 0 10px;
|
51
|
-
appearance: none;
|
52
|
-
background-color: #ccc;
|
53
|
-
height: 6px;
|
54
|
-
border-radius: 3px;
|
55
|
-
outline: none;
|
56
|
-
cursor: pointer;
|
57
|
-
}
|
58
|
-
|
59
|
-
input[type='range']::-webkit-slider-thumb {
|
60
|
-
appearance: none;
|
61
|
-
width: 14px;
|
62
|
-
height: 14px;
|
63
|
-
border-radius: 50%;
|
64
|
-
background-color: #555;
|
65
|
-
cursor: pointer;
|
66
|
-
}
|
67
|
-
|
68
|
-
.remaining {
|
69
|
-
font-weight: bold;
|
70
|
-
/* font-size: 14px; */
|
71
|
-
color: #333;
|
72
|
-
}
|
73
|
-
|
74
|
-
.button {
|
75
|
-
top: 50%;
|
76
|
-
background-color: #6c6c7e;
|
77
|
-
color: #fff;
|
78
|
-
border: none;
|
79
|
-
border-radius: 10px;
|
80
|
-
padding: 10px;
|
81
|
-
min-height: 30px;
|
82
|
-
min-width: 120px;
|
83
|
-
/* font-size: 19px; */
|
84
|
-
cursor: pointer;
|
85
|
-
}
|
86
|
-
|
87
|
-
.button-cancel {
|
88
|
-
top: 50%;
|
89
|
-
background-color: #ffffff;
|
90
|
-
color: #1e1c1c;
|
91
|
-
border: 1px solid gray;
|
92
|
-
border-radius: 10px;
|
93
|
-
padding: 10px;
|
94
|
-
min-height: 30px;
|
95
|
-
min-width: 120px;
|
96
|
-
/* font-size: 19px; */
|
97
|
-
cursor: pointer;
|
98
|
-
}
|
99
|
-
|
100
|
-
.disabled {
|
101
|
-
opacity: 0.6;
|
102
|
-
cursor: not-allowed;
|
103
|
-
}
|
104
|
-
|
105
|
-
.footer-button-giftback {
|
106
|
-
display: flex;
|
107
|
-
justify-content: space-between;
|
108
|
-
margin-top: 14px;
|
109
|
-
}
|
@@ -1,127 +0,0 @@
|
|
1
|
-
import { h } from "@stencil/core";
|
2
|
-
export class GiftbackProgress {
|
3
|
-
constructor() {
|
4
|
-
this.usedValue = 0;
|
5
|
-
this.loading = false;
|
6
|
-
this.bonus = {
|
7
|
-
totalBonus: 0,
|
8
|
-
cartId: "",
|
9
|
-
minimumPurchase: 0,
|
10
|
-
bonusBalance: 0,
|
11
|
-
calculatedValue: 0,
|
12
|
-
firstValidityDate: ""
|
13
|
-
};
|
14
|
-
this.reserve = undefined;
|
15
|
-
this.cancel = undefined;
|
16
|
-
}
|
17
|
-
componentWillLoad() {
|
18
|
-
this.usedValue = parseFloat(this.bonus.bonusBalance.toString());
|
19
|
-
}
|
20
|
-
handleSliderChange(event) {
|
21
|
-
const input = event.target;
|
22
|
-
this.usedValue = parseFloat(input.value);
|
23
|
-
}
|
24
|
-
async handleReserve(value) {
|
25
|
-
this.reserve(value);
|
26
|
-
}
|
27
|
-
render() {
|
28
|
-
const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;
|
29
|
-
return (h("div", { key: '59d859108264c1a84e90e7752747ed31779b1830', class: "giftback-container" }, h("p", { key: 'c9335b66d2b28e44681777c853ec52ab0135e16f' }, "Voc\u00EA possui at\u00E9 ", h("strong", { key: '160029d8ad4b5c11d840243ca895d27fbcbee5a9' }, "R$ ", this.bonus.totalBonus.toFixed(2)), " de Giftback nessa compra!"), h("p", { key: '5f81b5b7b45241fe5f6ff1720c3833082c4703ea', class: "validity" }, "V\u00E1lido at\u00E9: ", new Date(this.bonus.firstValidityDate).toLocaleDateString('pt-Br')), h("p", { key: 'eb0a0cb8d5015a7ecb6ae7cf12049f5edcd63e9c' }, "Voc\u00EA est\u00E1 utilizando ", h("strong", { key: 'f0106bfb69bbdff8b21d566cefd92c242e47ad7c' }, "R$ ", this.usedValue.toFixed(2)), " nessa compra"), h("div", { key: 'e9018ad33cc33fad3fa68708a7faf58e303d87da', class: "progress-container" }, h("span", { key: '158ed756a190bbea2b1bfe54fe1eb9185f81a172' }, "R$ 0"), h("input", { key: '8a932c663702fa7be590f055773d19bc796799ac', disabled: true, type: "range", min: "0", step: "0.01", max: this.bonus.totalBonus, value: this.usedValue, onInput: (event) => this.handleSliderChange(event) }), h("span", { key: '4b6ed89646ddc6b0003385e6ea4e2fe34a16f480' }, "R$ ", this.bonus.totalBonus.toFixed(2))), h("p", { key: 'b17882427b521344934412cf5b1c1fd97e58cd8d', class: "remaining" }, "Faltam ", h("strong", { key: '4d0a31a77f050975578312fa356da9b8ac6f5ee6' }, "R$ ", remainingGiftback > 0 ? remainingGiftback.toFixed(2) : Number(0).toFixed(2)), " para utilizar o valor total do Giftback."), h("div", { key: '744157790d538c711b49d04ae9da30140c01288e', class: "footer-button-giftback" }, h("button", { key: '9b4dc8e20b5f243db4aefe5bb5722ceb512acaca', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '50491467550f5c89b9e60689c69773157f7e3e05', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleReserve(this.usedValue) }, !this.loading ? "Aplicar" : h("loading-spinner", { size: "10px", color: "#fff" })))));
|
30
|
-
}
|
31
|
-
static get is() { return "giftback-progress"; }
|
32
|
-
static get encapsulation() { return "shadow"; }
|
33
|
-
static get originalStyleUrls() {
|
34
|
-
return {
|
35
|
-
"$": ["giftback-progress.css"]
|
36
|
-
};
|
37
|
-
}
|
38
|
-
static get styleUrls() {
|
39
|
-
return {
|
40
|
-
"$": ["giftback-progress.css"]
|
41
|
-
};
|
42
|
-
}
|
43
|
-
static get properties() {
|
44
|
-
return {
|
45
|
-
"loading": {
|
46
|
-
"type": "boolean",
|
47
|
-
"mutable": false,
|
48
|
-
"complexType": {
|
49
|
-
"original": "boolean",
|
50
|
-
"resolved": "boolean",
|
51
|
-
"references": {}
|
52
|
-
},
|
53
|
-
"required": false,
|
54
|
-
"optional": false,
|
55
|
-
"docs": {
|
56
|
-
"tags": [],
|
57
|
-
"text": ""
|
58
|
-
},
|
59
|
-
"attribute": "loading",
|
60
|
-
"reflect": false,
|
61
|
-
"defaultValue": "false"
|
62
|
-
},
|
63
|
-
"bonus": {
|
64
|
-
"type": "unknown",
|
65
|
-
"mutable": false,
|
66
|
-
"complexType": {
|
67
|
-
"original": "Partial<IBonus>",
|
68
|
-
"resolved": "{ hasBonus?: boolean; bonusBalance?: number; totalBonus?: number; minimumPurchase?: number; bonusIds?: string; firstValidityDate?: string; history?: [{ validityStart: string; validityEnd: string; value: number; }, { validityStart: string; validityEnd: string; value: number; }]; storeId?: number; userId?: number; cartId?: string; calculatedValue?: number; totalValue?: number; }",
|
69
|
-
"references": {
|
70
|
-
"Partial": {
|
71
|
-
"location": "global",
|
72
|
-
"id": "global::Partial"
|
73
|
-
},
|
74
|
-
"IBonus": {
|
75
|
-
"location": "import",
|
76
|
-
"path": "../../../../dto/validate.pin.bonus",
|
77
|
-
"id": "src/dto/validate.pin.bonus.ts::IBonus"
|
78
|
-
}
|
79
|
-
}
|
80
|
-
},
|
81
|
-
"required": false,
|
82
|
-
"optional": false,
|
83
|
-
"docs": {
|
84
|
-
"tags": [],
|
85
|
-
"text": ""
|
86
|
-
},
|
87
|
-
"defaultValue": "{\r\n totalBonus: 0,\r\n cartId: \"\",\r\n minimumPurchase: 0,\r\n bonusBalance: 0,\r\n calculatedValue: 0,\r\n firstValidityDate: \"\"\r\n }"
|
88
|
-
},
|
89
|
-
"reserve": {
|
90
|
-
"type": "unknown",
|
91
|
-
"mutable": false,
|
92
|
-
"complexType": {
|
93
|
-
"original": "(amountRedeemed: number) => void",
|
94
|
-
"resolved": "(amountRedeemed: number) => void",
|
95
|
-
"references": {}
|
96
|
-
},
|
97
|
-
"required": false,
|
98
|
-
"optional": false,
|
99
|
-
"docs": {
|
100
|
-
"tags": [],
|
101
|
-
"text": ""
|
102
|
-
}
|
103
|
-
},
|
104
|
-
"cancel": {
|
105
|
-
"type": "unknown",
|
106
|
-
"mutable": false,
|
107
|
-
"complexType": {
|
108
|
-
"original": "() => void",
|
109
|
-
"resolved": "() => void",
|
110
|
-
"references": {}
|
111
|
-
},
|
112
|
-
"required": false,
|
113
|
-
"optional": false,
|
114
|
-
"docs": {
|
115
|
-
"tags": [],
|
116
|
-
"text": ""
|
117
|
-
}
|
118
|
-
}
|
119
|
-
};
|
120
|
-
}
|
121
|
-
static get states() {
|
122
|
-
return {
|
123
|
-
"usedValue": {}
|
124
|
-
};
|
125
|
-
}
|
126
|
-
}
|
127
|
-
//# sourceMappingURL=giftback-progress.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"giftback-progress.js","sourceRoot":"","sources":["../../../../../../src/components/_crm-bonus-form/subcomponents/giftback-progress/giftback-progress.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, State, Prop } from '@stencil/core';\r\nimport { IBonus } from '../../../../dto/validate.pin.bonus';\r\n\r\n@Component({\r\n tag: 'giftback-progress',\r\n styleUrl: 'giftback-progress.css',\r\n shadow: true,\r\n})\r\nexport class GiftbackProgress {\r\n @State() usedValue: number = 0;\r\n\r\n @Prop() loading: boolean = false;\r\n\r\n @Prop() bonus: Partial<IBonus> = {\r\n totalBonus: 0,\r\n cartId: \"\",\r\n minimumPurchase: 0,\r\n bonusBalance: 0,\r\n calculatedValue: 0,\r\n firstValidityDate: \"\"\r\n };\r\n\r\n @Prop() reserve: (amountRedeemed: number) => void;\r\n @Prop() cancel: () => void;\r\n\r\n componentWillLoad() {\r\n this.usedValue = parseFloat(this.bonus.bonusBalance.toString());\r\n }\r\n\r\n handleSliderChange(event: Event) {\r\n const input = event.target as HTMLInputElement;\r\n this.usedValue = parseFloat(input.value);\r\n }\r\n\r\n async handleReserve(value: number) {\r\n this.reserve(value);\r\n }\r\n\r\n render() {\r\n const remainingGiftback = this.bonus.minimumPurchase - this.bonus.totalValue;\r\n\r\n return (\r\n <div class=\"giftback-container\">\r\n <p>\r\n Você possui até <strong>R$ {this.bonus.totalBonus.toFixed(2)}</strong> de Giftback nessa compra!\r\n </p>\r\n <p class=\"validity\">Válido até: {new Date(this.bonus.firstValidityDate).toLocaleDateString('pt-Br')}</p>\r\n\r\n <p>Você está utilizando <strong>R$ {this.usedValue.toFixed(2)}</strong> nessa compra</p>\r\n\r\n <div class=\"progress-container\">\r\n <span>R$ 0</span>\r\n <input\r\n disabled\r\n type=\"range\"\r\n min=\"0\"\r\n step=\"0.01\"\r\n max={this.bonus.totalBonus}\r\n value={this.usedValue}\r\n onInput={(event) => this.handleSliderChange(event)}\r\n />\r\n <span>R$ {this.bonus.totalBonus.toFixed(2)}</span>\r\n </div>\r\n\r\n <p class=\"remaining\">\r\n Faltam <strong>R$ {remainingGiftback > 0 ? remainingGiftback.toFixed(2) : Number(0).toFixed(2)}</strong> para utilizar o valor total do Giftback.\r\n </p>\r\n\r\n <div class=\"footer-button-giftback\">\r\n\r\n <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()} >\r\n Cancelar\r\n </button>\r\n\r\n <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleReserve(this.usedValue)}>\r\n {\r\n !this.loading ? \"Aplicar\" : <loading-spinner size=\"10px\" color=\"#fff\" />\r\n }\r\n </button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
|
@@ -1,108 +0,0 @@
|
|
1
|
-
.bc-form-control {
|
2
|
-
display: block;
|
3
|
-
width: 90%;
|
4
|
-
height: 24px;
|
5
|
-
padding: 7px 18px;
|
6
|
-
/* font-size: 14px; */
|
7
|
-
line-height: 1.42857143;
|
8
|
-
color: #555;
|
9
|
-
background-color: #fff;
|
10
|
-
background-image: none;
|
11
|
-
border: 1px solid #ccc;
|
12
|
-
border-radius: 0px;
|
13
|
-
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
14
|
-
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
15
|
-
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
16
|
-
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
17
|
-
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
18
|
-
}
|
19
|
-
|
20
|
-
.bc-btn {
|
21
|
-
display: inline-block;
|
22
|
-
padding: 6px 12px;
|
23
|
-
margin-bottom: 0;
|
24
|
-
/* font-size: 14px; */
|
25
|
-
font-weight: 400;
|
26
|
-
line-height: 1.42857143;
|
27
|
-
text-align: center;
|
28
|
-
white-space: nowrap;
|
29
|
-
vertical-align: middle;
|
30
|
-
-ms-touch-action: manipulation;
|
31
|
-
touch-action: manipulation;
|
32
|
-
cursor: pointer;
|
33
|
-
-webkit-user-select: none;
|
34
|
-
-moz-user-select: none;
|
35
|
-
-ms-user-select: none;
|
36
|
-
user-select: none;
|
37
|
-
background-image: none;
|
38
|
-
border: 1px solid transparent;
|
39
|
-
border-radius: 0px;
|
40
|
-
}
|
41
|
-
|
42
|
-
.bc-btn-process {
|
43
|
-
background: #00162e;
|
44
|
-
border-color: #00162e;
|
45
|
-
width: 30%;
|
46
|
-
color: #fff;
|
47
|
-
}
|
48
|
-
|
49
|
-
.bc-footer-btn {
|
50
|
-
display: flex;
|
51
|
-
justify-content: end;
|
52
|
-
margin: 11px;
|
53
|
-
}
|
54
|
-
|
55
|
-
.name-container {
|
56
|
-
font-weight: bold;
|
57
|
-
color: #494545;
|
58
|
-
}
|
59
|
-
|
60
|
-
|
61
|
-
button {
|
62
|
-
padding: 10px 20px;
|
63
|
-
background-color: #ddd;
|
64
|
-
border: none;
|
65
|
-
border-radius: 5px;
|
66
|
-
cursor: pointer;
|
67
|
-
}
|
68
|
-
|
69
|
-
button:hover {
|
70
|
-
background-color: #bbb;
|
71
|
-
}
|
72
|
-
|
73
|
-
.success {
|
74
|
-
color: green;
|
75
|
-
margin-top: 10px;
|
76
|
-
}
|
77
|
-
|
78
|
-
.button {
|
79
|
-
top: 50%;
|
80
|
-
background-color: #6c6c7e;
|
81
|
-
color: #fff;
|
82
|
-
border: none;
|
83
|
-
border-radius: 10px;
|
84
|
-
padding: 11px;
|
85
|
-
min-width: 120px;
|
86
|
-
/* font-size: 20px; */
|
87
|
-
cursor: pointer;
|
88
|
-
}
|
89
|
-
|
90
|
-
.button-cancel {
|
91
|
-
top: 50%;
|
92
|
-
background-color: #ffffff;
|
93
|
-
color: #1e1c1c;
|
94
|
-
border: 1px solid gray;
|
95
|
-
border-radius: 10px;
|
96
|
-
padding: 10px;
|
97
|
-
min-height: 30px;
|
98
|
-
min-width: 120px;
|
99
|
-
/* font-size: 19px; */
|
100
|
-
cursor: pointer;
|
101
|
-
}
|
102
|
-
|
103
|
-
.footer-button {
|
104
|
-
display: flex;
|
105
|
-
justify-content: space-between;
|
106
|
-
width: 97%;
|
107
|
-
margin-top: 14px;
|
108
|
-
}
|
@@ -1,111 +0,0 @@
|
|
1
|
-
import { h } from "@stencil/core";
|
2
|
-
export class NameInput {
|
3
|
-
constructor() {
|
4
|
-
this.value = undefined;
|
5
|
-
this.loading = undefined;
|
6
|
-
this.applyName = undefined;
|
7
|
-
this.cancel = undefined;
|
8
|
-
this.newValue = undefined;
|
9
|
-
this.message = undefined;
|
10
|
-
}
|
11
|
-
handleChangeName(event) {
|
12
|
-
this.newValue = event.target.value;
|
13
|
-
}
|
14
|
-
handleSetName(name) {
|
15
|
-
if (!name) {
|
16
|
-
this.message = "Informe seu nome";
|
17
|
-
return;
|
18
|
-
}
|
19
|
-
this.applyName(name);
|
20
|
-
}
|
21
|
-
render() {
|
22
|
-
return (h("div", { key: '5cbd25af143ea45b2358effb448d920d9a9abfb4', class: "name-container" }, h("p", { key: 'e277b2345070c4eb6614f45aa8730fd4332938de' }, "Seu Nome:"), h("input", { key: 'b8b1dcf61f07a7a28491288aae58374c2a15bd5a', class: "bc-form-control", type: "text", value: this.value, onChange: (event) => this.handleChangeName(event) }), h("p", { key: '657756c09c431d649fc72a06b50591687c8753d2' }, this.message), h("div", { key: 'c2b13c2f44925723fd271709b125d785d46b34a3', class: "footer-button" }, h("button", { key: 'e58913207a82be6469adf58a337e9cd15914f623', class: "button-cancel", disabled: this.loading, onClick: () => this.cancel() }, "Cancelar"), h("button", { key: '816ef162682b36801651148c380f13c69221f830', class: `button ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.handleSetName(this.newValue) }, !this.loading ? "Continua" : h("loading-spinner", { size: "15px", color: "#fff" })))));
|
23
|
-
}
|
24
|
-
static get is() { return "name-input"; }
|
25
|
-
static get encapsulation() { return "shadow"; }
|
26
|
-
static get originalStyleUrls() {
|
27
|
-
return {
|
28
|
-
"$": ["name-input.css"]
|
29
|
-
};
|
30
|
-
}
|
31
|
-
static get styleUrls() {
|
32
|
-
return {
|
33
|
-
"$": ["name-input.css"]
|
34
|
-
};
|
35
|
-
}
|
36
|
-
static get properties() {
|
37
|
-
return {
|
38
|
-
"value": {
|
39
|
-
"type": "string",
|
40
|
-
"mutable": false,
|
41
|
-
"complexType": {
|
42
|
-
"original": "string",
|
43
|
-
"resolved": "string",
|
44
|
-
"references": {}
|
45
|
-
},
|
46
|
-
"required": false,
|
47
|
-
"optional": false,
|
48
|
-
"docs": {
|
49
|
-
"tags": [],
|
50
|
-
"text": ""
|
51
|
-
},
|
52
|
-
"attribute": "value",
|
53
|
-
"reflect": false
|
54
|
-
},
|
55
|
-
"loading": {
|
56
|
-
"type": "boolean",
|
57
|
-
"mutable": false,
|
58
|
-
"complexType": {
|
59
|
-
"original": "boolean",
|
60
|
-
"resolved": "boolean",
|
61
|
-
"references": {}
|
62
|
-
},
|
63
|
-
"required": false,
|
64
|
-
"optional": false,
|
65
|
-
"docs": {
|
66
|
-
"tags": [],
|
67
|
-
"text": ""
|
68
|
-
},
|
69
|
-
"attribute": "loading",
|
70
|
-
"reflect": false
|
71
|
-
},
|
72
|
-
"applyName": {
|
73
|
-
"type": "unknown",
|
74
|
-
"mutable": false,
|
75
|
-
"complexType": {
|
76
|
-
"original": "(value: string) => void",
|
77
|
-
"resolved": "(value: string) => void",
|
78
|
-
"references": {}
|
79
|
-
},
|
80
|
-
"required": false,
|
81
|
-
"optional": false,
|
82
|
-
"docs": {
|
83
|
-
"tags": [],
|
84
|
-
"text": ""
|
85
|
-
}
|
86
|
-
},
|
87
|
-
"cancel": {
|
88
|
-
"type": "unknown",
|
89
|
-
"mutable": false,
|
90
|
-
"complexType": {
|
91
|
-
"original": "() => void",
|
92
|
-
"resolved": "() => void",
|
93
|
-
"references": {}
|
94
|
-
},
|
95
|
-
"required": false,
|
96
|
-
"optional": false,
|
97
|
-
"docs": {
|
98
|
-
"tags": [],
|
99
|
-
"text": ""
|
100
|
-
}
|
101
|
-
}
|
102
|
-
};
|
103
|
-
}
|
104
|
-
static get states() {
|
105
|
-
return {
|
106
|
-
"newValue": {},
|
107
|
-
"message": {}
|
108
|
-
};
|
109
|
-
}
|
110
|
-
}
|
111
|
-
//# sourceMappingURL=name-input.js.map
|
package/dist/collection/components/_crm-bonus-form/subcomponents/name-input/name-input.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"name-input.js","sourceRoot":"","sources":["../../../../../../src/components/_crm-bonus-form/subcomponents/name-input/name-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,SAAS;;;;;;;;;IAWlB,gBAAgB,CAAC,KAAU;QACvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;IACvC,CAAC;IAGD,aAAa,CAAC,IAAY;QACtB,IAAG,CAAC,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC;YAClC,OAAM;QACV,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,gBAAgB;YACvB,wEAAgB;YAChB,8DAAO,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAI;YAEnH,4DAAK,IAAI,CAAC,OAAO,CAAM;YAMvB,4DAAK,KAAK,EAAC,eAAe;gBACtB,+DAAQ,KAAK,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,eAEzE;gBACT,+DAAQ,KAAK,EAAE,UAAU,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,IAE5H,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'name-input',\r\n styleUrl: 'name-input.css',\r\n shadow: true\r\n})\r\nexport class NameInput {\r\n\r\n @Prop() value: string;\r\n\r\n @Prop() loading: boolean;\r\n @Prop() applyName: (value: string) => void;\r\n @Prop() cancel: () => void;\r\n \r\n @State() newValue: string;\r\n @State() message: string;\r\n\r\n handleChangeName(event: any) {\r\n this.newValue = event.target.value;\r\n }\r\n\r\n\r\n handleSetName(name: string) {\r\n if(!name) {\r\n this.message = \"Informe seu nome\";\r\n return\r\n }\r\n\r\n this.applyName(name);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"name-container\">\r\n <p>Seu Nome:</p>\r\n <input class=\"bc-form-control\" type=\"text\" value={this.value} onChange={(event) => this.handleChangeName(event)} />\r\n\r\n <p>{ this.message }</p>\r\n\r\n {/* <div class=\"bc-footer-btn\">\r\n <button class=\"bc-btn bc-btn-process\" onClick={() => this.applyName(this.newValue)} >Prosseguir</button>\r\n </div> */}\r\n\r\n <div class=\"footer-button\">\r\n <button class=\"button-cancel\" disabled={this.loading} onClick={() => this.cancel()}>\r\n Cancelar\r\n </button>\r\n <button class={`button ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.handleSetName(this.newValue)}>\r\n {\r\n !this.loading ? \"Continua\" : <loading-spinner size=\"15px\" color=\"#fff\" />\r\n }\r\n </button>\r\n </div>\r\n </div>\r\n )\r\n }\r\n}"]}
|
@@ -1,76 +0,0 @@
|
|
1
|
-
import { h } from "@stencil/core";
|
2
|
-
export class PhoneInput {
|
3
|
-
constructor() {
|
4
|
-
this.sendPin = undefined;
|
5
|
-
this.loading = undefined;
|
6
|
-
this.value = undefined;
|
7
|
-
}
|
8
|
-
async validatePhone() {
|
9
|
-
const phone = await this.phoneInputMask.getPhone();
|
10
|
-
await this.sendPin(phone);
|
11
|
-
}
|
12
|
-
render() {
|
13
|
-
return (h("div", { key: '044d8a3c65878d89149fe5090e091f26a7ba9c70', class: "form-container" }, h("phone-input-mask", { key: 'b5c8c42c5fad360bfb890945399bd52fa758a16c', initialValue: this.value, ref: ref => this.phoneInputMask = ref }), h("button", { key: '6a1b1a3bbaf8ad5dee8630f79753a2dcd77cb60a', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "validar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
|
14
|
-
}
|
15
|
-
static get is() { return "phone-input"; }
|
16
|
-
static get encapsulation() { return "shadow"; }
|
17
|
-
static get properties() {
|
18
|
-
return {
|
19
|
-
"sendPin": {
|
20
|
-
"type": "unknown",
|
21
|
-
"mutable": false,
|
22
|
-
"complexType": {
|
23
|
-
"original": "Function",
|
24
|
-
"resolved": "Function",
|
25
|
-
"references": {
|
26
|
-
"Function": {
|
27
|
-
"location": "global",
|
28
|
-
"id": "global::Function"
|
29
|
-
}
|
30
|
-
}
|
31
|
-
},
|
32
|
-
"required": false,
|
33
|
-
"optional": false,
|
34
|
-
"docs": {
|
35
|
-
"tags": [],
|
36
|
-
"text": ""
|
37
|
-
}
|
38
|
-
},
|
39
|
-
"loading": {
|
40
|
-
"type": "boolean",
|
41
|
-
"mutable": false,
|
42
|
-
"complexType": {
|
43
|
-
"original": "boolean",
|
44
|
-
"resolved": "boolean",
|
45
|
-
"references": {}
|
46
|
-
},
|
47
|
-
"required": false,
|
48
|
-
"optional": false,
|
49
|
-
"docs": {
|
50
|
-
"tags": [],
|
51
|
-
"text": ""
|
52
|
-
},
|
53
|
-
"attribute": "loading",
|
54
|
-
"reflect": false
|
55
|
-
},
|
56
|
-
"value": {
|
57
|
-
"type": "string",
|
58
|
-
"mutable": false,
|
59
|
-
"complexType": {
|
60
|
-
"original": "string",
|
61
|
-
"resolved": "string",
|
62
|
-
"references": {}
|
63
|
-
},
|
64
|
-
"required": false,
|
65
|
-
"optional": false,
|
66
|
-
"docs": {
|
67
|
-
"tags": [],
|
68
|
-
"text": ""
|
69
|
-
},
|
70
|
-
"attribute": "value",
|
71
|
-
"reflect": false
|
72
|
-
}
|
73
|
-
};
|
74
|
-
}
|
75
|
-
}
|
76
|
-
//# sourceMappingURL=phone.input.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"phone.input.js","sourceRoot":"","sources":["../../../../../../src/components/_crm-bonus-form/subcomponents/phone/phone.input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,UAAU;;;;;;IAQnB,KAAK,CAAC,aAAa;QACf,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,gBAAgB;YACvB,yEAAkB,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,GAAG,GAAG,GAAI;YACrF,+DAAQ,KAAK,EAAE,0BAA0B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,IAE/H,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAEvE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'phone-input',\r\n shadow: true\r\n})\r\nexport class PhoneInput {\r\n\r\n private phoneInputMask: HTMLPhoneInputMaskElement;\r\n\r\n @Prop() sendPin: Function;\r\n @Prop() loading: boolean;\r\n @Prop() value: string;\r\n\r\n async validatePhone() {\r\n const phone = await this.phoneInputMask.getPhone();\r\n await this.sendPin(phone);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"form-container\">\r\n <phone-input-mask initialValue={this.value} ref={ref => this.phoneInputMask = ref} />\r\n <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\r\n {\r\n !this.loading ? \"validar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\r\n }\r\n </button>\r\n </div>\r\n )\r\n }\r\n}"]}
|
package/dist/collection/components/_crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.js
DELETED
@@ -1,76 +0,0 @@
|
|
1
|
-
import { h } from "@stencil/core";
|
2
|
-
export class PhoneCancelInput {
|
3
|
-
constructor() {
|
4
|
-
this.sendPin = undefined;
|
5
|
-
this.loading = undefined;
|
6
|
-
this.value = undefined;
|
7
|
-
}
|
8
|
-
async validatePhone() {
|
9
|
-
const phone = await this.phoneInputMask.getPhone();
|
10
|
-
await this.sendPin(phone);
|
11
|
-
}
|
12
|
-
render() {
|
13
|
-
return (h("div", { key: 'c68967a705328ed9c1a637f6dd9fd26ce691eaa8', class: "form-container" }, h("phone-input-mask", { key: '699a1b03f73fcaf68e6b9688ef4263db839104dc', initialValue: `Valor aplicado R$ ${this.value}`, ref: ref => this.phoneInputMask = ref, disabled: true }), h("button", { key: 'f3d67ee7a5fbeb9ae34c18edc22faa029afe85f2', class: `btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `, disabled: this.loading, onClick: () => this.validatePhone() }, !this.loading ? "Cancelar" : h("loading-spinner", { size: "11px", color: "#fff" }))));
|
14
|
-
}
|
15
|
-
static get is() { return "phone-cancel-input"; }
|
16
|
-
static get encapsulation() { return "shadow"; }
|
17
|
-
static get properties() {
|
18
|
-
return {
|
19
|
-
"sendPin": {
|
20
|
-
"type": "unknown",
|
21
|
-
"mutable": false,
|
22
|
-
"complexType": {
|
23
|
-
"original": "Function",
|
24
|
-
"resolved": "Function",
|
25
|
-
"references": {
|
26
|
-
"Function": {
|
27
|
-
"location": "global",
|
28
|
-
"id": "global::Function"
|
29
|
-
}
|
30
|
-
}
|
31
|
-
},
|
32
|
-
"required": false,
|
33
|
-
"optional": false,
|
34
|
-
"docs": {
|
35
|
-
"tags": [],
|
36
|
-
"text": ""
|
37
|
-
}
|
38
|
-
},
|
39
|
-
"loading": {
|
40
|
-
"type": "boolean",
|
41
|
-
"mutable": false,
|
42
|
-
"complexType": {
|
43
|
-
"original": "boolean",
|
44
|
-
"resolved": "boolean",
|
45
|
-
"references": {}
|
46
|
-
},
|
47
|
-
"required": false,
|
48
|
-
"optional": false,
|
49
|
-
"docs": {
|
50
|
-
"tags": [],
|
51
|
-
"text": ""
|
52
|
-
},
|
53
|
-
"attribute": "loading",
|
54
|
-
"reflect": false
|
55
|
-
},
|
56
|
-
"value": {
|
57
|
-
"type": "string",
|
58
|
-
"mutable": false,
|
59
|
-
"complexType": {
|
60
|
-
"original": "string",
|
61
|
-
"resolved": "string",
|
62
|
-
"references": {}
|
63
|
-
},
|
64
|
-
"required": false,
|
65
|
-
"optional": false,
|
66
|
-
"docs": {
|
67
|
-
"tags": [],
|
68
|
-
"text": ""
|
69
|
-
},
|
70
|
-
"attribute": "value",
|
71
|
-
"reflect": false
|
72
|
-
}
|
73
|
-
};
|
74
|
-
}
|
75
|
-
}
|
76
|
-
//# sourceMappingURL=phone.cancel.input.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"phone.cancel.input.js","sourceRoot":"","sources":["../../../../../../src/components/_crm-bonus-form/subcomponents/phone-cancel/phone.cancel.input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,gBAAgB;;;;;;IAQzB,KAAK,CAAC,aAAa;QACf,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAC,gBAAgB;YACvB,yEAAkB,YAAY,EAAE,qBAAqB,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAI;YAC5H,+DAAQ,KAAK,EAAE,0BAA0B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,IAE/H,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,uBAAiB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,CAExE,CACP,CACT,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'phone-cancel-input',\r\n shadow: true\r\n})\r\nexport class PhoneCancelInput {\r\n\r\n private phoneInputMask: HTMLPhoneInputMaskElement;\r\n\r\n @Prop() sendPin: Function;\r\n @Prop() loading: boolean;\r\n @Prop() value: string;\r\n\r\n async validatePhone() {\r\n const phone = await this.phoneInputMask.getPhone();\r\n await this.sendPin(phone);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"form-container\">\r\n <phone-input-mask initialValue={`Valor aplicado R$ ${this.value}`} ref={ref => this.phoneInputMask = ref} disabled={true} />\r\n <button class={`btn btn-success btnCrm ${this.loading ? 'disabled' : ''} `} disabled={this.loading} onClick={() => this.validatePhone()}>\r\n {\r\n !this.loading ? \"Cancelar\" : <loading-spinner size=\"11px\" color=\"#fff\" />\r\n }\r\n </button>\r\n </div>\r\n );\r\n }\r\n}"]}
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import type { Components, JSX } from "../types/components";
|
2
|
-
|
3
|
-
interface CrmBonusForm extends Components.CrmBonusForm, HTMLElement {}
|
4
|
-
export const CrmBonusForm: {
|
5
|
-
prototype: CrmBonusForm;
|
6
|
-
new (): CrmBonusForm;
|
7
|
-
};
|
8
|
-
/**
|
9
|
-
* Used to define this component and all nested components recursively.
|
10
|
-
*/
|
11
|
-
export const defineCustomElement: () => void;
|