@plurix/ecom-components 1.16.0-commerce.0 → 1.16.1-commerce

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 (85) hide show
  1. package/dist/assets/svgs/CheckMarkBoxIcon.d.ts +1 -0
  2. package/dist/assets/svgs/CheckMarkBoxIcon.js +30 -0
  3. package/dist/assets/svgs/CheckMarkIcon.d.ts +1 -0
  4. package/dist/assets/svgs/CheckMarkIcon.js +23 -0
  5. package/dist/assets/svgs/CouponIcon.d.ts +1 -4
  6. package/dist/assets/svgs/CouponIcon.js +50 -14
  7. package/dist/assets/svgs/ErrorIcon.d.ts +1 -5
  8. package/dist/assets/svgs/ErrorIcon.js +26 -14
  9. package/dist/assets/svgs/ErrorIconV2.d.ts +1 -0
  10. package/dist/assets/svgs/ErrorIconV2.js +33 -0
  11. package/dist/assets/svgs/SuccessIconV2.d.ts +1 -0
  12. package/dist/assets/svgs/SuccessIconV2.js +30 -0
  13. package/dist/assets/svgs/WarningIconV2.d.ts +1 -0
  14. package/dist/assets/svgs/WarningIconV2.js +40 -0
  15. package/dist/hooks/useVerticalShelfCarouselProps.d.ts +4 -0
  16. package/dist/hooks/useVerticalShelfCarouselProps.js +14 -0
  17. package/dist/hooks/useWindowDimensions.d.ts +5 -0
  18. package/dist/hooks/useWindowDimensions.js +38 -0
  19. package/dist/main.d.ts +1 -0
  20. package/dist/main.js +19 -17
  21. package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.d.ts +14 -0
  22. package/dist/packages/AdaptiveCarousel/AdaptiveCarousel.js +69 -0
  23. package/dist/packages/Coupons/Coupons.d.ts +3 -17
  24. package/dist/packages/Coupons/Coupons.js +76 -114
  25. package/dist/packages/Coupons/components/Alert.d.ts +4 -2
  26. package/dist/packages/Coupons/components/Alert.js +10 -10
  27. package/dist/packages/Coupons/components/CouponCard.d.ts +5 -22
  28. package/dist/packages/Coupons/components/CouponCard.js +79 -133
  29. package/dist/packages/Coupons/components/NoCoupons.js +7 -7
  30. package/dist/packages/Coupons/hooks/useCoupons.d.ts +33 -0
  31. package/dist/packages/Coupons/hooks/useCoupons.js +108 -0
  32. package/dist/packages/Coupons/types/CouponType.d.ts +1 -1
  33. package/dist/packages/VouchersRedeemed/VouchersRedeemed.d.ts +24 -0
  34. package/dist/packages/VouchersRedeemed/VouchersRedeemed.js +145 -0
  35. package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.d.ts +1 -0
  36. package/dist/packages/VouchersRedeemed/api/getCouponsCartonistByUser.js +20 -0
  37. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.d.ts +12 -0
  38. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/StatusMessageTryApply.js +27 -0
  39. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.d.ts +1 -0
  40. package/dist/packages/VouchersRedeemed/components/StatusMessageTryApply/index.js +4 -0
  41. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.d.ts +17 -0
  42. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/VoucherRedeemedCard.js +37 -0
  43. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.d.ts +1 -0
  44. package/dist/packages/VouchersRedeemed/components/VoucherRedeemedCard/index.js +4 -0
  45. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.d.ts +15 -0
  46. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/VouchersRedeemedSkeleton.js +49 -0
  47. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.d.ts +1 -0
  48. package/dist/packages/VouchersRedeemed/components/VouchersRedeemedSkeleton/index.js +4 -0
  49. package/dist/packages/VouchersRedeemed/data/validVouchers.d.ts +1 -0
  50. package/dist/packages/VouchersRedeemed/data/validVouchers.js +20 -0
  51. package/dist/packages/VouchersRedeemed/utils/getCouponPrice.d.ts +1 -0
  52. package/dist/packages/VouchersRedeemed/utils/getCouponPrice.js +8 -0
  53. package/dist/styles/adaptive-carousel.global.css +1 -0
  54. package/dist/styles/coupons.global.css +1 -1
  55. package/dist/styles/regionalization.global.css +1 -1
  56. package/dist/styles/vouchers-redeemed.global.css +1 -0
  57. package/dist/utils/carousel/carouselProps.d.ts +33 -0
  58. package/dist/utils/carousel/carouselProps.js +59 -0
  59. package/dist/utils/scroll/isScrollToEnd.d.ts +1 -0
  60. package/dist/utils/scroll/isScrollToEnd.js +4 -0
  61. package/dist/utils/setBoldTextParts.d.ts +1 -0
  62. package/dist/utils/setBoldTextParts.js +7 -0
  63. package/package.json +1 -1
  64. package/dist/packages/Coupons/components/Breadcrumb.d.ts +0 -6
  65. package/dist/packages/Coupons/components/Breadcrumb.js +0 -33
  66. package/dist/packages/Coupons/components/Modal.d.ts +0 -8
  67. package/dist/packages/Coupons/components/Modal.js +0 -62
  68. package/dist/packages/Coupons/components/ModalFooter.d.ts +0 -9
  69. package/dist/packages/Coupons/components/ModalFooter.js +0 -25
  70. package/dist/packages/Coupons/components/ModalHeader.d.ts +0 -6
  71. package/dist/packages/Coupons/components/ModalHeader.js +0 -25
  72. package/dist/packages/Coupons/types/Views.d.ts +0 -1
  73. package/dist/packages/Coupons/types/Views.js +0 -1
  74. package/dist/packages/Coupons/views/CouponsView.d.ts +0 -15
  75. package/dist/packages/Coupons/views/CouponsView.js +0 -131
  76. package/dist/packages/Coupons/views/EmptyCartView.d.ts +0 -6
  77. package/dist/packages/Coupons/views/EmptyCartView.js +0 -36
  78. package/dist/packages/Coupons/views/LoadingView.d.ts +0 -7
  79. package/dist/packages/Coupons/views/LoadingView.js +0 -39
  80. package/dist/packages/Coupons/views/OverwriteView.d.ts +0 -14
  81. package/dist/packages/Coupons/views/OverwriteView.js +0 -58
  82. package/dist/packages/Coupons/views/RulesView.d.ts +0 -13
  83. package/dist/packages/Coupons/views/RulesView.js +0 -49
  84. package/dist/packages/Coupons/views/index.d.ts +0 -5
  85. package/dist/packages/Coupons/views/index.js +0 -12
@@ -1 +1 @@
1
- .regionalization-container *{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif;font-style:normal}.regionalization-container{border-radius:8px}.regionalization-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .badge{border-radius:12px;padding:4px 8px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf)!important;font-size:12px;font-weight:700;line-height:16px}.regionalization-container{border:1px solid var(--color-grayScale-lightest, #e8e8e8);width:100%;max-width:660px;margin:auto;padding:24px 16px;background-color:var(--color-grayScale-white, #fff)}.regionalization-container .delivery-pickup-container{gap:8px 0}.regionalization-container .title-container{display:flex;justify-content:space-between}.regionalization-container .title-container h1{color:var(--color-main);font-size:16px;line-height:20px;font-weight:700;line-height:24px;margin-right:16px}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}}.regionalization-container .title-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .more-infos-button{align-items:center;margin:16px 0;color:var(--color-support-links, #00289c);font-weight:400;font-size:14px;line-height:18px;text-decoration-line:underline}@media screen and (min-width: 769px){.regionalization-container .more-infos-button{font-size:16px;line-height:20px}}.regionalization-container .more-infos-button span{display:inline-flex;margin-left:8px}.regionalization-container .content-container{display:flex;flex-direction:column}.regionalization-container .content-container h2{color:var(--color-grayScale, #1c1c1c);font-size:24px;line-height:28px;font-weight:700}.regionalization-container .content-container .warning-container{display:flex;align-items:center;border-radius:4px;margin-top:16px;padding:8px 16px;background-color:var(--color-warning-faded, #fff8e5)}.regionalization-container .content-container .warning-container span{display:inline-block;margin-left:16px;color:var(--color-warning-dark, #b28100);font-size:14px;line-height:18px}.regionalization-container .delivery-container{margin-bottom:16px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .delivery-container .info-price{margin-bottom:12px}.delivery-subcontainer{border-radius:4px;border:1px solid var(--color-grayScale-lightest);background:var(--color-grayScale-white);padding:16px;margin:16px 0}.normal-delivery-container,.express-delivery-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.normal-delivery-title-container,.express-delivery-title-container{display:flex;align-items:center}.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:14px;font-weight:400;line-height:18px}.normal-delivery-price,.express-delivery-price{font-size:12px;font-weight:700;line-height:16px;color:var(--color-main)}.normal-delivery-scheduling,.express-delivery-scheduling{font-size:12px;font-weight:400;line-height:16px}.express-delivery-message-container{display:flex;padding:8px 16px;border-radius:4px;background:var(--color-main-faded);margin-top:8px;color:var(--color-main);font-size:12px;font-weight:700;line-height:16px}.delivery-types{color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px;margin:6px 0}@media screen and (min-width: 769px){.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:16px;font-weight:700;line-height:20px}.normal-delivery-price,.express-delivery-price,.normal-delivery-scheduling,.express-delivery-scheduling{font-size:16px;line-height:20px}.express-delivery-message-container{font-size:14px;line-height:18px}.delivery-types{font-size:20px;line-height:24px;margin:16px 0}.regionalization-container .delivery-container{margin:16px 0}.regionalization-container .delivery-container .info-price{margin-bottom:16px}}.regionalization-container .info-price{margin:8px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .info-price span{color:var(--color-main, #004a93);font-weight:700}.regionalization-container .postal-code-container{display:flex;flex-direction:column;row-gap:8px;margin:16px 0}.regionalization-container .postal-code-container .postal-code-container-action{display:flex}.regionalization-container .postal-code-container .postal-code-container-action input{display:inline-block;width:100%;margin-right:8px;padding:9px 12px;border:1px solid var(--color-grayScale-light, #c6c6c6);border-radius:2px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .postal-code-container .postal-code-container-action input::placeholder{color:var(--color-grayScale-light, #c6c6c6)}.regionalization-container .postal-code-container .postal-code-container-action button{justify-content:center;align-items:center;padding:10px 11px;border-radius:2px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);font-size:16px;font-weight:500;line-height:18px}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-action button{width:30%}.regionalization-container .postal-code-container .postal-code-container-action input{width:70%}}.regionalization-container .postal-code-container .postal-code-container-action button:disabled{background-color:var(--color-grayScale-faded, #f4f4f4);color:var(--color-grayScale-light, #c6c6c6);cursor:wait}.regionalization-container .postal-code-container .postal-code-container-pickup{display:flex;flex-direction:column}.regionalization-container .postal-code-container .postal-code-container-pickup label{color:var(--color-main, #2c3490);font-size:16px;font-weight:700;line-height:20px;margin-top:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{width:100%;height:72px;display:flex;column-gap:16px;margin:16px 0;padding:18px 8px;border-radius:8px;border:1px solid var(--color-grayScale-lightest, #e8e8e8);box-shadow:4px 4px 8px 0 var(--color-support-shadow);background:var(--color-grayScale-white, #fff)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative{text-align:start}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-pickup label{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{height:120px;justify-content:center;align-items:center}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select svg{height:88px;width:88px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:16px;line-height:20px}}.regionalization-container a{display:block;margin-top:3px;color:var(--color-support-links, #00289c);font-size:12px;line-height:16px}.regionalization-container .pickup-container{margin:26px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .pickup-instructions{display:flex;flex-direction:column;margin-bottom:24px}.regionalization-container .pickup-price{color:var(--color-grayScale, #1c1c1c);font-size:16px;font-weight:400;line-height:20px;margin-bottom:10px}@media screen and (min-width: 769px){.regionalization-container .pickup-instructions{display:flex;flex-direction:row;column-gap:4px}}.regionalization-container .pickup-instructions{margin-bottom:24px}.regionalization-container .pickup-instructions p{font-size:16px;font-weight:400;line-height:20px}.regionalization-container .pickup-instructions span{font-size:16px;font-weight:700;line-height:20px}.regionalization-container .pickup-open-stores-container{display:flex;justify-content:space-between}.regionalization-container .pickup-open-stores-container .pickup-open-stores{justify-content:center;width:100%;max-width:208px;border-radius:2px;padding:10px 21px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);text-align:center;font-size:16px;line-height:20px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}.regionalization-container .more-infos-button{font-weight:400;font-size:16px;line-height:20px}.content-container .regionalization-container .content-container h2{font-size:20px;line-height:24px}}.regionalization-container .opening-hours-container{margin:16px 0}.regionalization-container .opening-hours-container p,.regionalization-container .opening-hours-container span{color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px;font-weight:400}.regionalization-container .opening-hours-container span{font-weight:700}.regionalization-container .container-navigation{display:flex;justify-content:space-between;margin-top:24px}.regionalization-container .back-button{align-items:center;color:var(--color-main, #2c3490);font-size:14px;font-weight:500;line-height:18px;margin-right:28px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500;margin-right:28px}.regionalization-container .back-button-all-store span,.regionalization-container .back-button span{transform:rotate(180deg);display:inline-flex;margin-right:8px}.regionalization-container .continue-button{padding:10px 40px;border-radius:2px;color:var(--color-assistant-main, #ebe0cf);background-color:var(--color-main, #2c3490);font-size:16px;font-weight:500;line-height:20px;width:100%;max-width:208px;display:flex;justify-content:center;align-items:center;white-space:nowrap}@media screen and (min-width: 769px){.regionalization-container .back-button{font-size:16px;line-height:20px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:16px;line-height:20px;font-weight:500;margin-right:28px}.regionalization-container .back-button span svg{width:24px;height:24px}}.regionalization-container .stores-filter p{margin:18px 0 2px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-filter div{position:relative;display:flex}.regionalization-container .stores-filter div input{display:block;width:100%;border:1px solid var(--color-grayScale-light, #c6c6c6);padding:8px 40px 8px 12px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:24px}.regionalization-container .stores-filter div .filter-ico-container{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:42px;width:42px;padding:12px}.regionalization-container .stores-filter div input::placeholder{color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .stores-filter div svg{overflow:unset}.regionalization-container .divider{justify-content:center;height:1px;margin-top:26px;background-color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .divider span{position:absolute;top:-10px;padding:0 16px;background-color:var(--color-grayScale-white, #fff);color:var(--color-grayScale-dark, #8d8d8d);font-size:16px;line-height:20px}.regionalization-container .stores-label{margin:22px 0 14px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-container{display:grid}.regionalization-container .store-container{display:flex;flex-direction:column;box-shadow:4px 4px 8px var(--color-support-shadow, rgba(0, 74, 147, .25));margin-bottom:16px;margin-right:16px}.regionalization-container .store-container h3{padding:9px 16px;background-color:var(--color-main-faded, #e6edf4);color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:700}.regionalization-container .store-container div{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.regionalization-container .store-container div p{margin-bottom:16px;color:var(--color-grayScale-darkest, #545454);font-size:14px;line-height:18px}.regionalization-container .store-container div .choose-store{justify-content:center;width:100%;border:1px solid var(--color-main, #004a93);border-radius:2px;padding:7px 8px;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .stores-container{display:grid;grid-template-columns:repeat(2,1fr);max-height:328px}.stores-container{max-height:326px;overflow-y:auto}.stores-container::-webkit-scrollbar{width:4px}.stores-container::-webkit-scrollbar-thumb{background-color:var(--color-main);border-radius:20px;width:3px}}.regionalization-container .address-container{margin-top:24px;margin-bottom:16px;padding:16px;background-color:var(--color-grayScale-faded, #f4f4f4)}.regionalization-container .address-container .address-title{display:flex;justify-content:space-between}.regionalization-container .address-container span:not(.address-delivery){display:block;margin-bottom:2px;font-size:16px;line-height:20px;font-weight:700}.regionalization-container .address-container span.address-delivery,.regionalization-container .address-container .address-pickup{color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .address-container .edit-button{color:var(--color-support-links, #00289c);font-size:16px;line-height:20px;text-decoration:underline}.regionalization-container .inital-view-container .price-stock-information{font-size:14px;font-weight:400;line-height:18px;text-align:center;width:100%;color:var(--color-grayScale, #1c1c1c);margin-top:8px}.regionalization-container .inital-view-container .delivery-option-container{display:flex;flex-direction:row;justify-content:space-between;column-gap:6px}.regionalization-container .inital-view-container .delivery-option-container .option{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;box-shadow:4px 4px 8px 0 var(--color-support-shadow, rgba(0, 74, 147, .25));border:1px solid var(--color-grayScale-lightest, #e8e8e8);padding:8px;width:100%;height:106px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .inital-view-container .delivery-option-container p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .inital-view-container .price-stock-information{font-size:16px;line-height:20px;margin-top:16px}.regionalization-container .inital-view-container .delivery-option-container .option{height:188px}.regionalization-container .inital-view-container .delivery-option-container svg{height:80px;width:80px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:20px;line-height:24px}.regionalization-container .inital-view-container .delivery-option-container p{font-size:16px;line-height:20px}}
1
+ .regionalization-container *{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif;font-style:normal}.regionalization-container{border-radius:8px}.regionalization-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .badge{border-radius:12px;padding:4px 8px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf)!important;font-size:12px;font-weight:700;line-height:16px}.regionalization-container{border:1px solid var(--color-grayScale-lightest, #e8e8e8);width:100%;max-width:660px;margin:auto;padding:24px 16px;background-color:var(--color-grayScale-white, #fff)}.regionalization-container .delivery-pickup-container{gap:8px 0}.regionalization-container .title-container{display:flex;justify-content:space-between}.regionalization-container .title-container h1{color:var(--color-main);font-size:16px;line-height:20px;font-weight:700;line-height:24px;margin-right:16px}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}}.regionalization-container .title-container button{display:flex;outline:none;border:none;background-color:transparent;cursor:pointer}.regionalization-container .more-infos-button{align-items:center;margin:16px 0;color:var(--color-support-links, #00289c);font-weight:400;font-size:14px;line-height:18px;text-decoration-line:underline}@media screen and (min-width: 769px){.regionalization-container .more-infos-button{font-size:16px;line-height:20px}}.regionalization-container .more-infos-button span{display:inline-flex;margin-left:8px}.regionalization-container .content-container{display:flex;flex-direction:column}.regionalization-container .content-container h2{color:var(--color-grayScale, #1c1c1c);font-size:24px;line-height:28px;font-weight:700}.regionalization-container .content-container .warning-container{display:flex;align-items:center;border-radius:4px;margin-top:16px;padding:8px 16px;background-color:var(--color-warning-faded, #fff8e5)}.regionalization-container .content-container .warning-container span{display:inline-block;margin-left:16px;color:var(--color-warning-dark, #b28100);font-size:14px;line-height:18px}.regionalization-container .delivery-container{margin-bottom:16px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .delivery-container .info-price{margin-bottom:12px}.delivery-subcontainer{border-radius:4px;border:1px solid var(--color-grayScale-lightest);background:var(--color-grayScale-white);padding:16px;margin:16px 0}.normal-delivery-container,.express-delivery-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.normal-delivery-title-container,.express-delivery-title-container{display:flex;align-items:center}.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:14px;font-weight:400;line-height:18px}.normal-delivery-price,.express-delivery-price{font-size:12px;font-weight:700;line-height:16px;color:var(--color-main)}.normal-delivery-scheduling,.express-delivery-scheduling{font-size:12px;font-weight:400;line-height:16px}.express-delivery-message-container{display:flex;padding:8px 16px;border-radius:4px;background:var(--color-main-faded);margin-top:8px;color:var(--color-main);font-size:12px;font-weight:700;line-height:16px}.delivery-types{color:var(--color-grayScale);font-size:16px;font-weight:700;line-height:20px;margin:6px 0}@media screen and (min-width: 769px){.normal-delivery-title,.express-delivery-title{padding-left:8px;font-size:16px;font-weight:700;line-height:20px}.normal-delivery-price,.express-delivery-price,.normal-delivery-scheduling,.express-delivery-scheduling{font-size:16px;line-height:20px}.express-delivery-message-container{font-size:14px;line-height:18px}.delivery-types{font-size:20px;line-height:24px;margin:16px 0}.regionalization-container .delivery-container{margin:16px 0}.regionalization-container .delivery-container .info-price{margin-bottom:16px}}.regionalization-container .info-price{margin:8px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .info-price span{color:var(--color-main, #004a93);font-weight:700}.regionalization-container .postal-code-container{display:flex;flex-direction:column;row-gap:8px;margin:16px 0}.regionalization-container .postal-code-container .postal-code-container-action{display:flex}.regionalization-container .postal-code-container .postal-code-container-action input{display:inline-block;width:100%;margin-right:8px;padding:9px 12px;border:1px solid var(--color-grayScale-light, #c6c6c6);border-radius:2px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .postal-code-container .postal-code-container-action input::placeholder{color:var(--color-grayScale-light, #c6c6c6)}.regionalization-container .postal-code-container .postal-code-container-action button{justify-content:center;align-items:center;padding:10px 11px;border-radius:2px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);font-size:16px;font-weight:500;line-height:18px}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-action button{width:30%}.regionalization-container .postal-code-container .postal-code-container-action input{width:70%}}.regionalization-container .postal-code-container .postal-code-container-action button:disabled{background-color:var(--color-grayScale-faded, #f4f4f4);color:var(--color-grayScale-light, #c6c6c6);cursor:wait}.regionalization-container .postal-code-container .postal-code-container-pickup{display:flex;flex-direction:column}.regionalization-container .postal-code-container .postal-code-container-pickup label{color:var(--color-main, #2c3490);font-size:16px;font-weight:700;line-height:20px;margin-top:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{width:100%;height:72px;display:flex;column-gap:16px;margin:16px 0;padding:18px 8px;border-radius:8px;border:1px solid var(--color-grayScale-lightest, #e8e8e8);box-shadow:4px 4px 8px 0 var(--color-support-shadow);background:var(--color-grayScale-white, #fff)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative{text-align:start}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .postal-code-container .postal-code-container-pickup label{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select{height:120px;justify-content:center;align-items:center}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select svg{height:88px;width:88px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative h4{font-size:20px;line-height:24px}.regionalization-container .postal-code-container .postal-code-container-pickup .postal-code-container-pickup-select .postal-code-container-pickup-select-informative p{font-size:16px;line-height:20px}}.regionalization-container a{display:block;margin-top:3px;color:var(--color-support-links, #00289c);font-size:12px;line-height:16px}.regionalization-container .pickup-container{margin:26px 0 10px;color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px}.regionalization-container .pickup-instructions{display:flex;flex-direction:column;margin-bottom:24px}.regionalization-container .pickup-price{color:var(--color-grayScale, #1c1c1c);font-size:16px;font-weight:400;line-height:20px;margin-bottom:10px}@media screen and (min-width: 769px){.regionalization-container .pickup-instructions{display:flex;flex-direction:row;column-gap:4px}}.regionalization-container .pickup-instructions{margin-bottom:24px}.regionalization-container .pickup-instructions p{font-size:16px;font-weight:400;line-height:20px}.regionalization-container .pickup-instructions span{font-size:16px;font-weight:700;line-height:20px}.regionalization-container .pickup-open-stores-container{display:flex;justify-content:space-between}.regionalization-container .pickup-open-stores-container .pickup-open-stores{justify-content:center;width:100%;max-width:208px;border-radius:2px;padding:10px 21px;background-color:var(--color-main, #2c3490);color:var(--color-assistant-main, #ebe0cf);text-align:center;font-size:16px;line-height:20px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .title-container h1{font-size:24px;line-height:28px}.regionalization-container .more-infos-button{font-weight:400;font-size:16px;line-height:20px}.content-container .regionalization-container .content-container h2{font-size:20px;line-height:24px}}.regionalization-container .opening-hours-container{margin:16px 0}.regionalization-container .opening-hours-container p,.regionalization-container .opening-hours-container span{color:var(--color-grayScale, #1c1c1c);font-size:16px;line-height:20px;font-weight:400}.regionalization-container .opening-hours-container span{font-weight:700}.regionalization-container .container-navigation{display:flex;justify-content:space-between;margin-top:24px}.regionalization-container .back-button{align-items:center;color:var(--color-main, #2c3490);font-size:14px;font-weight:500;line-height:18px;margin-right:28px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500;margin-right:28px}.regionalization-container .back-button-all-store span,.regionalization-container .back-button span{transform:rotate(180deg);display:inline-flex;margin-right:8px}.regionalization-container .continue-button{padding:10px 40px;border-radius:2px;color:var(--color-assistant-main, #ebe0cf);background-color:var(--color-main, #2c3490);font-size:16px;font-weight:500;line-height:20px;width:100%;max-width:208px;display:flex;justify-content:center;align-items:center;white-space:nowrap}@media screen and (min-width: 769px){.regionalization-container .back-button{font-size:16px;line-height:20px}.regionalization-container .back-button-all-store{align-items:center;color:var(--color-main, #004a93);font-size:16px;line-height:20px;font-weight:500;margin-right:28px}.regionalization-container .back-button span svg{width:24px;height:24px}}.regionalization-container .stores-filter p{margin:18px 0 2px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-filter div{position:relative;display:flex}.regionalization-container .stores-filter div input{display:block;width:100%;border:1px solid var(--color-grayScale-light, #c6c6c6);padding:8px 40px 8px 12px;color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:24px}.regionalization-container .stores-filter div .filter-ico-container{position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:42px;width:42px;padding:12px}.regionalization-container .stores-filter div input::placeholder{color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .stores-filter div svg{overflow:unset}.regionalization-container .divider{justify-content:center;height:1px;margin-top:26px;background-color:var(--color-grayScale-dark, #8d8d8d)}.regionalization-container .divider span{position:absolute;top:-10px;padding:0 16px;background-color:var(--color-grayScale-white, #fff);color:var(--color-grayScale-dark, #8d8d8d);font-size:16px;line-height:20px}.regionalization-container .stores-label{margin:22px 0 14px;color:var(--color-grayScale, #1c1c1c);font-size:14px;line-height:18px}.regionalization-container .stores-container{display:grid}.regionalization-container .store-container{display:flex;flex-direction:column;box-shadow:4px 4px 8px var(--color-support-shadow, rgba(0, 74, 147, .25));margin-bottom:16px}.regionalization-container .store-container h3{padding:9px 16px;background-color:var(--color-main-faded, #e6edf4);color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:700}.regionalization-container .store-container div{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.regionalization-container .store-container div p{margin-bottom:16px;color:var(--color-grayScale-darkest, #545454);font-size:14px;line-height:18px}.regionalization-container .store-container div .choose-store{justify-content:center;width:100%;border:1px solid var(--color-main, #004a93);border-radius:2px;padding:7px 8px;color:var(--color-main, #004a93);font-size:14px;line-height:18px;font-weight:500}@media screen and (min-width: 769px){.regionalization-container .stores-container{display:grid;grid-template-columns:repeat(2,1fr);max-height:328px}.stores-container{max-height:326px;overflow-y:auto}.stores-container::-webkit-scrollbar{width:4px}.stores-container::-webkit-scrollbar-thumb{background-color:var(--color-main);border-radius:20px;width:3px}}.regionalization-container .address-container{margin-top:24px;margin-bottom:16px;padding:16px;background-color:var(--color-grayScale-faded, #f4f4f4)}.regionalization-container .address-container .address-title{display:flex;justify-content:space-between}.regionalization-container .address-container span:not(.address-delivery){display:block;margin-bottom:2px;font-size:16px;line-height:20px;font-weight:700}.regionalization-container .address-container span.address-delivery,.regionalization-container .address-container .address-pickup{color:var(--color-grayScale-darkest, #545454);font-size:16px;line-height:20px}.regionalization-container .address-container .edit-button{color:var(--color-support-links, #00289c);font-size:16px;line-height:20px;text-decoration:underline}.regionalization-container .inital-view-container .price-stock-information{font-size:14px;font-weight:400;line-height:18px;text-align:center;width:100%;color:var(--color-grayScale, #1c1c1c);margin-top:8px}.regionalization-container .inital-view-container .delivery-option-container{display:flex;flex-direction:row;justify-content:space-between;column-gap:6px}.regionalization-container .inital-view-container .delivery-option-container .option{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;box-shadow:4px 4px 8px 0 var(--color-support-shadow, rgba(0, 74, 147, .25));border:1px solid var(--color-grayScale-lightest, #e8e8e8);padding:8px;width:100%;height:106px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:14px;font-weight:700;line-height:18px;color:var(--color-main, #2c3490)}.regionalization-container .inital-view-container .delivery-option-container p{font-size:12px;font-weight:400;line-height:16px;color:var(--color-main, #2c3490)}@media screen and (min-width: 769px){.regionalization-container .inital-view-container .price-stock-information{font-size:16px;line-height:20px;margin-top:16px}.regionalization-container .inital-view-container .delivery-option-container .option{height:188px}.regionalization-container .inital-view-container .delivery-option-container svg{height:80px;width:80px}.regionalization-container .inital-view-container .delivery-option-container h4{font-size:20px;line-height:24px}.regionalization-container .inital-view-container .delivery-option-container p{font-size:16px;line-height:20px}}
@@ -0,0 +1 @@
1
+ .club-card-vouchersRedeemed{display:flex;flex-direction:column;gap:16px;width:100%}.club-card-vouchersRedeemed .carousel-arrow-button-prev button,.club-card-vouchersRedeemed .carousel-arrow-button-next button{background-color:var(--loyalty-color-surface-subtlest)!important}.club-card-vouchersRedeemed .bullets-container button{background-color:var(--loyalty-color-surface-strong)!important}.club-card-vouchersRedeemed .carousel-arrow-button-prev button>svg path,.club-card-vouchersRedeemed .carousel-arrow-button-next button>svg path{stroke:var(--loyalty-color-icon-default)}.club-card-vouchersRedeemed .vouchersRedeemed-title{color:var(--loyalty-text-color-default);font-weight:700;font-size:20px;line-height:normal;letter-spacing:0}.club-card-vouchersRedeemed .vouchersRedeemed-subtitle{color:var(--loyalty-text-color-neutral);font-size:20px;line-height:normal;font-weight:400}.club-card-vouchersRedeemed .adaptiveCarousel-container{justify-content:flex-start;gap:8px}.club-card-vouchersRedeemed #carousel .carousel-container{gap:8px}.club-card-vouchersRedeemed #carousel .carousel-container .container-item:last-child{margin-right:8px!important}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .bullets-container{margin-top:16px;height:10px;align-items:center}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .carousel-arrow-button-prev{margin-right:8px}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .carousel-arrow-button-next{margin-left:8px}@media (min-width: 768px){.club-card-vouchersRedeemed{gap:8px}.club-card-vouchersRedeemed .vouchersRedeemed-title{font-size:24px}.club-card-vouchersRedeemed .adaptiveCarousel-container{margin-top:8px;gap:16px}.club-card-vouchersRedeemed #carousel .carousel-container{gap:16px}.club-card-vouchersRedeemed .adaptiveCarousel-container.isCarousel .bullets-container{margin-top:24px}}.points-redeemed-voucherCard{width:160px;height:208px;display:flex;flex-direction:column;border-radius:8px 8px 0 0}.points-redeemed-voucherCard .voucherCard-top{width:100%;display:flex;flex-direction:column;gap:8px;padding:8px;height:100%;border:1px solid var(--color-grayScale-lightest);border-radius:8px 8px 0 0;border-bottom:0}.points-redeemed-voucherCard .voucherCard-top-image{width:100%;display:flex;justify-content:center}.points-redeemed-voucherCard .voucherCard-top-title,.points-redeemed-voucherCard .voucherCard-top-description{color:var(--loyalty-text-color-neutral);font-weight:600;font-size:12px;line-height:normal;letter-spacing:0;height:32px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-top-description{font-weight:400;height:16px;-webkit-line-clamp:1;margin-top:4px}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed{display:flex}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed p{font-weight:400;font-size:14px;line-height:normal;color:var(--loyalty-text-color-neutral);letter-spacing:0;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-bottom{display:flex;justify-content:center;align-items:center}.points-redeemed-voucherCard .voucherCard-bottom button{width:100%;height:50px;background-color:var(--loyalty-color-surface-strong);border-radius:0 0 8px 8px;color:var(--loyalty-text-color-on-dark);font-weight:700;font-size:14px;line-height:normal;letter-spacing:0;cursor:pointer;outline:none;border:none;font-family:DM Sans,sans-serif}.points-redeemed-voucherCard .voucherCard-bottom button.clicked{background-color:var(--color-positiveFeedback-dark)}.points-redeemed-voucherCard .voucherCard-bottom button.loading{cursor:wait}.vouchersRedeemed-empty{width:100%;justify-content:center;display:flex}.vouchersRedeemed-empty p{max-width:265px;font-size:20px;font-weight:500;font-family:DM Sans,sans-serif;line-height:normal;letter-spacing:0;text-align:center;color:var(--loyalty-text-color-neutral)}@media (min-width: 768px){.points-redeemed-voucherCard{width:193px;height:220px}.points-redeemed-voucherCard .voucherCard-top-title,.points-redeemed-voucherCard .voucherCard-top-description{height:36px;font-size:14px}.points-redeemed-voucherCard .voucherCard-top-description{height:18px}.points-redeemed-voucherCard .voucherCard-top-infoRedeemed p,.points-redeemed-voucherCard .voucherCard-bottom button{font-size:16px}}.points-redeemed-statusMessageTryApply{display:flex;gap:8px;background-color:var(--color-positiveFeedback-faded);border-radius:8px;padding:4px 8px;align-items:center}.points-redeemed-statusMessageTryApply.warning{background-color:var(--color-warning-faded)}.points-redeemed-statusMessageTryApply.error{background-color:var(--color-negativeFeedback-faded)}.points-redeemed-statusMessageTryApply svg{width:24px}.points-redeemed-statusMessageTryApply p{font-family:DM Sans,sans-serif;color:var(--loyalty-text-color-neutral);font-weight:400;font-size:14px;line-height:normal;letter-spacing:0;flex:1}.points-redeemed-statusMessageTryApply p strong{font-weight:600}@media (min-width: 768px){.points-redeemed-statusMessageTryApply{margin-top:12px}.points-redeemed-statusMessageTryApply svg{width:32px}.points-redeemed-statusMessageTryApply p{font-size:20px}}
@@ -0,0 +1,33 @@
1
+ export declare const carouselProps: (width: number, layout?: 'vertical' | 'horizontal', customQtyItems?: number, bulletExtraStyle?: Record<string, unknown>, arrowExtraStyle?: Record<string, unknown>) => {
2
+ qtyItems: number;
3
+ bullet: {
4
+ isVisible: boolean;
5
+ bulletEnableColor: string;
6
+ bulletDisableColor: string;
7
+ style: {
8
+ width: number;
9
+ height: number;
10
+ margin: string;
11
+ borderRadius: string;
12
+ padding: number;
13
+ } | {
14
+ width: number;
15
+ height: number;
16
+ margin: string;
17
+ borderStyle: string;
18
+ borderColor: string;
19
+ borderWidth: number;
20
+ borderRadius: string;
21
+ padding: number;
22
+ cursor: string;
23
+ };
24
+ };
25
+ arrow: {
26
+ isVisible: boolean;
27
+ iconColor: string;
28
+ style: {
29
+ backgroundColor: string;
30
+ cursor: string;
31
+ };
32
+ };
33
+ };
@@ -0,0 +1,59 @@
1
+ var b = Object.defineProperty;
2
+ var a = Object.getOwnPropertySymbols;
3
+ var d = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
4
+ var s = (r, o, e) => o in r ? b(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, l = (r, o) => {
5
+ for (var e in o || (o = {}))
6
+ d.call(o, e) && s(r, e, o[e]);
7
+ if (a)
8
+ for (var e of a(o))
9
+ c.call(o, e) && s(r, e, o[e]);
10
+ return r;
11
+ };
12
+ const p = (r, o, e, n, t) => {
13
+ const u = () => e || (o === "horizontal" ? r <= 374 ? 1.2 : r <= 425 ? 1.4 : r <= 540 ? 1.8 : r <= 900 ? 2.8 : r <= 1100 ? 3.2 : 4 : r <= 374 ? 2.1 : r <= 425 ? 2.5 : r <= 540 ? 3.3 : r <= 900 ? 4.3 : r <= 1100 ? 4.6 : 5.2), i = {
14
+ mobile: {
15
+ disableColor: "var(--color-grayScale-dark)",
16
+ style: {
17
+ width: 8,
18
+ height: 8,
19
+ margin: "0px 2px",
20
+ borderRadius: "50%",
21
+ padding: 0
22
+ }
23
+ },
24
+ desk: {
25
+ disableColor: "transparent",
26
+ style: {
27
+ width: 8,
28
+ height: 8,
29
+ margin: "0px 4px",
30
+ borderStyle: "solid",
31
+ borderColor: "var(--color-main-dark)",
32
+ borderWidth: 0.5,
33
+ borderRadius: "50%",
34
+ padding: 0,
35
+ cursor: "pointer"
36
+ }
37
+ }
38
+ };
39
+ return {
40
+ qtyItems: u(),
41
+ bullet: {
42
+ isVisible: !0,
43
+ bulletEnableColor: "var(--color-main)",
44
+ bulletDisableColor: r < 768 ? i.mobile.disableColor : i.desk.disableColor,
45
+ style: r < 768 ? l(l({}, i.mobile.style), n) : l(l({}, i.desk.style), n)
46
+ },
47
+ arrow: {
48
+ isVisible: !(r < 1280),
49
+ iconColor: "var(--color-main)",
50
+ style: l({
51
+ backgroundColor: "var(--color-main-faded)",
52
+ cursor: "pointer"
53
+ }, t)
54
+ }
55
+ };
56
+ };
57
+ export {
58
+ p as carouselProps
59
+ };
@@ -0,0 +1 @@
1
+ export declare const isScrollToEnd: (element: Element | null) => boolean;
@@ -0,0 +1,4 @@
1
+ const o = (r) => r ? (r == null ? void 0 : r.scrollLeft) + (r == null ? void 0 : r.clientWidth) >= (r == null ? void 0 : r.scrollWidth) : !1;
2
+ export {
3
+ o as isScrollToEnd
4
+ };
@@ -0,0 +1 @@
1
+ export declare const setBoldTextParts: (text: string, highlightChar?: string) => string;
@@ -0,0 +1,7 @@
1
+ const n = (t, e = "*") => {
2
+ const r = new RegExp(`\\${e}(.*?)\\${e}`, "g");
3
+ return t.replace(r, "<strong>$1</strong>");
4
+ };
5
+ export {
6
+ n as setBoldTextParts
7
+ };
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@plurix/ecom-components",
3
3
  "author": "Plurix",
4
4
  "private": false,
5
- "version": "1.16.0-commerce.0",
5
+ "version": "1.16.1-commerce",
6
6
  "type": "module",
7
7
  "main": "dist/main.js",
8
8
  "types": "dist/main.d.ts",
@@ -1,6 +0,0 @@
1
- interface BreadcrumbProps {
2
- title: string;
3
- cancelButtonAction: () => void;
4
- }
5
- export declare const Breadcrumb: ({ title, cancelButtonAction }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,33 +0,0 @@
1
- import { jsxs as t, jsx as r } from "react/jsx-runtime";
2
- import { ArrowIcon as a } from "../../../assets/svgs/ArrowIcon.js";
3
- const s = ({ title: c, cancelButtonAction: o }) => /* @__PURE__ */ t("div", { className: "breadcrumb-container", children: [
4
- /* @__PURE__ */ t("div", { className: "breadcrumb-content-container", children: [
5
- /* @__PURE__ */ r(
6
- "button",
7
- {
8
- onClick: o,
9
- "data-testid": "back-to-coupons-button",
10
- children: "Meus Cupons"
11
- }
12
- ),
13
- " ",
14
- /* @__PURE__ */ r(a, {}),
15
- " ",
16
- /* @__PURE__ */ r("span", { children: c })
17
- ] }),
18
- /* @__PURE__ */ t(
19
- "button",
20
- {
21
- className: "breadcrumb-back-button",
22
- onClick: o,
23
- "data-testid": "back-button",
24
- children: [
25
- /* @__PURE__ */ r(a, { color: "var(--color-support-links)", rotate: "Left" }),
26
- " Voltar"
27
- ]
28
- }
29
- )
30
- ] });
31
- export {
32
- s as Breadcrumb
33
- };
@@ -1,8 +0,0 @@
1
- import { ModalHeaderProps } from './ModalHeader';
2
- import { ModalFooterProps } from './ModalFooter';
3
-
4
- interface ModalProps extends ModalHeaderProps, ModalFooterProps {
5
- isIO?: boolean;
6
- }
7
- export declare const Modal: ({ children, isIO, closeModal, title, genericTaggingEvent, cancelButtonAction, ...modalFooterProps }: React.PropsWithChildren<ModalProps>) => import("react/jsx-runtime").JSX.Element;
8
- export {};
@@ -1,62 +0,0 @@
1
- var x = Object.defineProperty;
2
- var m = Object.getOwnPropertySymbols;
3
- var c = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
4
- var i = (r, e, o) => e in r ? x(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o, p = (r, e) => {
5
- for (var o in e || (e = {}))
6
- c.call(e, o) && i(r, o, e[o]);
7
- if (m)
8
- for (var o of m(e))
9
- n.call(e, o) && i(r, o, e[o]);
10
- return r;
11
- };
12
- var u = (r, e) => {
13
- var o = {};
14
- for (var a in r)
15
- c.call(r, a) && e.indexOf(a) < 0 && (o[a] = r[a]);
16
- if (r != null && m)
17
- for (var a of m(r))
18
- e.indexOf(a) < 0 && n.call(r, a) && (o[a] = r[a]);
19
- return o;
20
- };
21
- import { jsx as l, jsxs as h } from "react/jsx-runtime";
22
- import { ModalHeader as v } from "./ModalHeader.js";
23
- import { Breadcrumb as M } from "./Breadcrumb.js";
24
- import { ModalFooter as N } from "./ModalFooter.js";
25
- const q = (j) => {
26
- var s = j, {
27
- children: r,
28
- isIO: e = !1,
29
- closeModal: o,
30
- title: a,
31
- genericTaggingEvent: f,
32
- cancelButtonAction: d
33
- } = s, t = u(s, [
34
- "children",
35
- "isIO",
36
- "closeModal",
37
- "title",
38
- "genericTaggingEvent",
39
- "cancelButtonAction"
40
- ]);
41
- return /* @__PURE__ */ l("div", { className: "modal-rule-coupon-external", children: /* @__PURE__ */ h("div", { className: "modal-rule-coupon-internal", children: [
42
- /* @__PURE__ */ l(
43
- v,
44
- {
45
- closeModal: o,
46
- title: a,
47
- genericTaggingEvent: f
48
- }
49
- ),
50
- e && /* @__PURE__ */ l(M, { title: a, cancelButtonAction: d }),
51
- /* @__PURE__ */ l("div", { className: "modal-rule-coupon-children", children: r }),
52
- /* @__PURE__ */ l(
53
- N,
54
- p({
55
- cancelButtonAction: d
56
- }, t)
57
- )
58
- ] }) });
59
- };
60
- export {
61
- q as Modal
62
- };
@@ -1,9 +0,0 @@
1
- export interface ModalFooterProps {
2
- cancelButtonAction: () => void;
3
- cancelButtonText: string;
4
- confirmButtonAction?: () => void;
5
- confirmButtonText?: string;
6
- isFloating?: boolean;
7
- redirectionClubText?: string;
8
- }
9
- export declare const ModalFooter: ({ cancelButtonAction, cancelButtonText, confirmButtonAction, confirmButtonText, isFloating, redirectionClubText }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,25 +0,0 @@
1
- import { jsxs as e, jsx as o } from "react/jsx-runtime";
2
- const d = ({
3
- cancelButtonAction: t,
4
- cancelButtonText: r,
5
- confirmButtonAction: c,
6
- confirmButtonText: l,
7
- isFloating: a,
8
- redirectionClubText: n
9
- }) => /* @__PURE__ */ e("div", { className: `modal-footer-container ${a ? "floating" : ""}`, children: [
10
- c && l && /* @__PURE__ */ o("button", { onClick: c, className: "modal-confirm-button", children: l }),
11
- /* @__PURE__ */ o("button", { onClick: t, className: "modal-cancel-button", children: r }),
12
- n && /* @__PURE__ */ o(
13
- "button",
14
- {
15
- onClick: () => {
16
- window.location.href = "/s/?clubProducts";
17
- },
18
- className: "modal-confirm-button redirection-club-button",
19
- children: n
20
- }
21
- )
22
- ] });
23
- export {
24
- d as ModalFooter
25
- };
@@ -1,6 +0,0 @@
1
- export interface ModalHeaderProps {
2
- closeModal: () => void;
3
- title: string;
4
- genericTaggingEvent?: (name: string, params: object) => void;
5
- }
6
- export declare const ModalHeader: ({ closeModal, title, genericTaggingEvent }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,25 +0,0 @@
1
- import { jsxs as a, jsx as l } from "react/jsx-runtime";
2
- import { CloseIcon as t } from "../../../assets/svgs/CloseIcon.js";
3
- const r = ({
4
- closeModal: d,
5
- title: s,
6
- genericTaggingEvent: o
7
- }) => /* @__PURE__ */ a("div", { className: "modal-title-container", children: [
8
- /* @__PURE__ */ l("h1", { className: "modal-title", children: s }),
9
- /* @__PURE__ */ l(
10
- "button",
11
- {
12
- onClick: () => {
13
- o == null || o("discount_coupon", {
14
- name: "Modal fechado no X"
15
- }), d();
16
- },
17
- className: "modal-close-icon",
18
- "data-testid": "close-button",
19
- children: /* @__PURE__ */ l(t, {})
20
- }
21
- )
22
- ] });
23
- export {
24
- r as ModalHeader
25
- };
@@ -1 +0,0 @@
1
- export type View = 'coupons-view' | 'rules-view' | 'overwrite-view';
@@ -1 +0,0 @@
1
-
@@ -1,15 +0,0 @@
1
- import { CouponCardProps } from '../components/CouponCard';
2
- import { CouponType } from '../types/CouponType';
3
-
4
- type OmittedProps = 'item' | 'setType' | 'setAlert';
5
- interface CouponsViewProps extends Omit<CouponCardProps, OmittedProps> {
6
- account: string;
7
- orderFormId: string;
8
- hasItemsInCart: boolean;
9
- closeIOModal?: () => void;
10
- coupons: CouponType[];
11
- addCouponMutation?: any;
12
- removeCouponMutation?: any;
13
- }
14
- export declare const CouponsView: ({ addCouponMutation, removeCouponMutation, account, orderFormId, hasItemsInCart, isIO, closeIOModal, coupons, firstCouponName, secondCouponName, replaceCoupon, setView, setActiveRule, setDataItem, setFirstCouponName, setSecondCouponName, setReplaceCoupon, setIsCloseModalEmpty, genericTaggingEvent }: CouponsViewProps) => import("react/jsx-runtime").JSX.Element;
15
- export {};
@@ -1,131 +0,0 @@
1
- import { jsxs as c, Fragment as S, jsx as o } from "react/jsx-runtime";
2
- import { useState as l, useEffect as Q } from "react";
3
- import { ModalHeader as R } from "../components/ModalHeader.js";
4
- import { ModalFooter as U } from "../components/ModalFooter.js";
5
- import { CouponCard as V } from "../components/CouponCard.js";
6
- import { NoCoupons as W } from "../components/NoCoupons.js";
7
- import { Alert as X } from "../components/Alert.js";
8
- import { InfoIcon as Y } from "../../../assets/svgs/InfoIcon.js";
9
- import { addCoupon as Z } from "../api/addCoupon.js";
10
- const to = ({
11
- addCouponMutation: w,
12
- removeCouponMutation: _,
13
- account: D,
14
- orderFormId: d,
15
- hasItemsInCart: x,
16
- isIO: p,
17
- closeIOModal: s,
18
- coupons: n,
19
- firstCouponName: i,
20
- secondCouponName: L,
21
- replaceCoupon: C,
22
- setView: A,
23
- setActiveRule: q,
24
- setDataItem: H,
25
- setFirstCouponName: m,
26
- setSecondCouponName: f,
27
- setReplaceCoupon: B,
28
- setIsCloseModalEmpty: J,
29
- genericTaggingEvent: t
30
- }) => {
31
- const [r, P] = l(""), [k, N] = l(!1), [z, u] = l(""), [h, e] = l(!1), [G, y] = l(!1), K = (a) => {
32
- a.preventDefault(), P(a.target.value);
33
- }, M = async (a) => {
34
- a.preventDefault();
35
- try {
36
- if (!i || i && C) {
37
- N(!0);
38
- const b = p ? await Z(d, r) : await w({
39
- input: {
40
- orderFormId: d,
41
- couponId: r
42
- }
43
- }), j = p ? b : JSON.parse(b.addCoupon.data);
44
- B(!1), f(""), j.error.length <= 0 ? (t == null || t("discount_coupon", {
45
- name: "Cupom aplicado do input",
46
- couponName: r
47
- }), u("success"), y(!0), m(r), p && window.location.reload()) : (t == null || t("discount_coupon", {
48
- name: "Cupom do input expirado ou invalido",
49
- couponName: r,
50
- objectError: j.error
51
- }), u("error"), y(!1), m("")), e(!0);
52
- } else
53
- f(r), A("overwrite-view");
54
- } catch (b) {
55
- t == null || t("discount_coupon", {
56
- name: "Cupom do input - error na api",
57
- couponName: r
58
- }), u("error"), y(!1), e(!0);
59
- } finally {
60
- N(!1);
61
- }
62
- };
63
- return Q(() => {
64
- h && setTimeout(() => e(!1), 5e3);
65
- }, [G, h]), /* @__PURE__ */ c(S, { children: [
66
- p && s && /* @__PURE__ */ o(
67
- R,
68
- {
69
- closeModal: s,
70
- title: "Meus Cupons",
71
- genericTaggingEvent: t
72
- }
73
- ),
74
- x ? /* @__PURE__ */ o("div", { className: "form-coupons", children: /* @__PURE__ */ c("form", { onSubmit: M, children: [
75
- /* @__PURE__ */ o(
76
- "input",
77
- {
78
- type: "text",
79
- placeholder: "Insira o cupom",
80
- value: r,
81
- onChange: K
82
- }
83
- ),
84
- /* @__PURE__ */ o("button", { type: "submit", name: "adicionar", disabled: k, children: "Adicionar" })
85
- ] }) }) : /* @__PURE__ */ o("div", { className: "cart-empty-coupons-label", children: /* @__PURE__ */ c("p", { children: [
86
- /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(Y, {}) }),
87
- "Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
88
- ] }) }),
89
- /* @__PURE__ */ o("div", { className: "container-title-coupons", children: n.length > 0 ? /* @__PURE__ */ c(S, { children: [
90
- /* @__PURE__ */ o("h2", { children: "Cupons disponíveis" }),
91
- /* @__PURE__ */ o("div", { className: "container-coupons", children: n.map((a) => /* @__PURE__ */ o(
92
- V,
93
- {
94
- removeCouponMutation: _,
95
- addCouponMutation: w,
96
- account: D,
97
- orderFormId: d,
98
- hasItemsInCart: x,
99
- isIO: p,
100
- item: a,
101
- firstCouponName: i,
102
- secondCouponName: L,
103
- replaceCoupon: C,
104
- setView: A,
105
- setFirstCouponName: m,
106
- setSecondCouponName: f,
107
- setActiveRule: q,
108
- setDataItem: H,
109
- setReplaceCoupon: B,
110
- setAlert: e,
111
- setType: u,
112
- setIsCloseModalEmpty: J,
113
- genericTaggingEvent: t
114
- },
115
- a.couponName
116
- )) })
117
- ] }) : /* @__PURE__ */ o(W, {}) }),
118
- h && /* @__PURE__ */ o(X, { type: z }),
119
- p && s && /* @__PURE__ */ o(
120
- U,
121
- {
122
- isFloating: n.length > 0,
123
- cancelButtonAction: s,
124
- cancelButtonText: "Sair"
125
- }
126
- )
127
- ] });
128
- };
129
- export {
130
- to as CouponsView
131
- };
@@ -1,6 +0,0 @@
1
- interface EmptyCartViewProps {
2
- setIsCloseModalEmpty: (isCloseModalEmpty: boolean) => void;
3
- genericTaggingEvent?: (name: string, params: object) => void;
4
- }
5
- export declare const EmptyCartView: ({ setIsCloseModalEmpty, genericTaggingEvent }: EmptyCartViewProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,36 +0,0 @@
1
- import { jsxs as c, jsx as a } from "react/jsx-runtime";
2
- import { Modal as e } from "../components/Modal.js";
3
- import { InfoIcon as s } from "../../../assets/svgs/InfoIcon.js";
4
- const u = ({
5
- setIsCloseModalEmpty: t,
6
- genericTaggingEvent: o
7
- }) => {
8
- const r = () => {
9
- t(!1);
10
- };
11
- return /* @__PURE__ */ c(
12
- e,
13
- {
14
- closeModal: r,
15
- title: "Cupons de desconto",
16
- genericTaggingEvent: o,
17
- cancelButtonText: "Voltar para Meus Cupons",
18
- cancelButtonAction: () => {
19
- o == null || o("discount_coupon", {
20
- name: "Modal do cart vazio - botão de sair"
21
- }), r();
22
- },
23
- redirectionClubText: "Ver Minhas Ofertas",
24
- children: [
25
- /* @__PURE__ */ a("h3", { className: "cartEmptyCoupon-h3", children: "Ops...Parece que seu carrinho está vazio..." }),
26
- /* @__PURE__ */ c("p", { id: "cartEmptyCoupon-p", children: [
27
- /* @__PURE__ */ a("span", { children: /* @__PURE__ */ a(s, {}) }),
28
- "Para adicionar um cupom é necessário que você adicione pelo menos 1 produto no carrinho"
29
- ] })
30
- ]
31
- }
32
- );
33
- };
34
- export {
35
- u as EmptyCartView
36
- };
@@ -1,7 +0,0 @@
1
- interface LoadingViewProps {
2
- isIO?: boolean;
3
- closeIOModal?: () => void;
4
- genericTaggingEvent?: (name: string, params: object) => void;
5
- }
6
- export declare const LoadingView: ({ isIO, closeIOModal, genericTaggingEvent }: LoadingViewProps) => import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -1,39 +0,0 @@
1
- import { jsxs as a, Fragment as n, jsx as r } from "react/jsx-runtime";
2
- import { ModalHeader as i } from "../components/ModalHeader.js";
3
- import { ModalFooter as m } from "../components/ModalFooter.js";
4
- import { Skeleton as u } from "../../Skeleton/index.js";
5
- const f = ({
6
- isIO: t = !1,
7
- closeIOModal: o,
8
- genericTaggingEvent: e
9
- }) => /* @__PURE__ */ a(n, { children: [
10
- t && o && /* @__PURE__ */ r(
11
- i,
12
- {
13
- closeModal: o,
14
- title: "Meus Cupons",
15
- genericTaggingEvent: e
16
- }
17
- ),
18
- /* @__PURE__ */ r(
19
- u,
20
- {
21
- width: t ? "100%" : "90%",
22
- height: t ? 600 : 425,
23
- backgroundColor: "var(--color-grayScale-faded)",
24
- margin: "auto",
25
- animation: !0
26
- }
27
- ),
28
- t && o && /* @__PURE__ */ r(
29
- m,
30
- {
31
- isFloating: !0,
32
- cancelButtonAction: o,
33
- cancelButtonText: "Sair"
34
- }
35
- )
36
- ] });
37
- export {
38
- f as LoadingView
39
- };