@lookiero/checkout 9.14.0 → 10.0.0-beta.0

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 (288) hide show
  1. package/dist/fake-dependencies/@lookiero/payments-front/index.d.ts +8 -6
  2. package/dist/fake-dependencies/@lookiero/payments-front/index.js +7 -4
  3. package/dist/index.d.ts +3 -3
  4. package/dist/index.js +1 -2
  5. package/dist/pact.config.d.ts +21 -0
  6. package/dist/pact.config.js +16 -0
  7. package/dist/public/public/assets/adaptive-icon.png +0 -0
  8. package/dist/public/public/assets/favicon.png +0 -0
  9. package/dist/public/public/assets/icon.png +0 -0
  10. package/dist/public/public/assets/splash.png +0 -0
  11. package/dist/public/public/images/not-found.png +0 -0
  12. package/dist/src/Expo.js +0 -2
  13. package/dist/src/ExpoRoot.js +19 -15
  14. package/dist/src/infrastructure/domain/checkoutBooking/react/useBlockCheckoutBooking.d.ts +1 -1
  15. package/dist/src/infrastructure/domain/checkoutBooking/react/useBlockCheckoutBooking.js +2 -0
  16. package/dist/src/infrastructure/projection/bookedProductsVariants/httpBookedProductsVariantsForCheckoutItemView.pact.d.ts +1 -0
  17. package/dist/src/infrastructure/projection/bookedProductsVariants/httpBookedProductsVariantsForCheckoutItemView.pact.js +55 -0
  18. package/dist/src/infrastructure/projection/checkout/httpCheckoutByIdView.pact.d.ts +1 -0
  19. package/dist/src/infrastructure/projection/checkout/httpCheckoutByIdView.pact.js +116 -0
  20. package/dist/src/infrastructure/projection/checkout/httpFirstAvailableCheckoutByCustomerIdView.pact.d.ts +1 -0
  21. package/dist/src/infrastructure/projection/checkout/httpFirstAvailableCheckoutByCustomerIdView.pact.js +56 -0
  22. package/dist/src/infrastructure/projection/checkout/httpFiveItemsDiscountByCustomerIdView.pact.d.ts +1 -0
  23. package/dist/src/infrastructure/projection/checkout/httpFiveItemsDiscountByCustomerIdView.pact.js +51 -0
  24. package/dist/src/infrastructure/projection/checkout/httpIsCheckoutEnabledByCustomerIdView.pact.d.ts +1 -0
  25. package/dist/src/infrastructure/projection/checkout/httpIsCheckoutEnabledByCustomerIdView.pact.js +51 -0
  26. package/dist/src/infrastructure/projection/checkout/httpIsSizeChangeEnabledByCheckoutIdView.pact.d.ts +1 -0
  27. package/dist/src/infrastructure/projection/checkout/httpIsSizeChangeEnabledByCheckoutIdView.pact.js +51 -0
  28. package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.d.ts +13 -0
  29. package/dist/src/infrastructure/projection/checkout/react/useViewIsCheckoutAccessibleByCustomerId.js +19 -0
  30. package/dist/src/infrastructure/projection/checkoutBooking/httpCheckoutBookingByIdView.pact.d.ts +1 -0
  31. package/dist/src/infrastructure/projection/checkoutBooking/httpCheckoutBookingByIdView.pact.js +56 -0
  32. package/dist/src/infrastructure/projection/checkoutItem/httpCheckoutItemByIdView.pact.d.ts +1 -0
  33. package/dist/src/infrastructure/projection/checkoutItem/httpCheckoutItemByIdView.pact.js +57 -0
  34. package/dist/src/infrastructure/projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView.pact.d.ts +1 -0
  35. package/dist/src/infrastructure/projection/checkoutQuestion/httpCheckoutQuestionsByCheckoutIdView.pact.js +55 -0
  36. package/dist/src/infrastructure/projection/payment/httpPaymentFlowPayloadByCheckoutIdView.pact.d.ts +1 -0
  37. package/dist/src/infrastructure/projection/payment/httpPaymentFlowPayloadByCheckoutIdView.pact.js +120 -0
  38. package/dist/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.pact.d.ts +1 -0
  39. package/dist/src/infrastructure/projection/pricing/httpPricingByCheckoutIdView.pact.js +55 -0
  40. package/dist/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.d.ts +1 -1
  41. package/dist/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.js +2 -1
  42. package/dist/src/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.pact.d.ts +1 -0
  43. package/dist/src/infrastructure/projection/returnQuestion/httpReturnQuestionsByCheckoutItemIdView.pact.js +55 -0
  44. package/dist/src/infrastructure/tracking/tracking.d.ts +2 -2
  45. package/dist/src/infrastructure/tracking/useTrackCheckout.d.ts +10 -17
  46. package/dist/src/infrastructure/tracking/useTrackCheckout.js +27 -12
  47. package/dist/src/infrastructure/ui/Root.d.ts +6 -6
  48. package/dist/src/infrastructure/ui/Root.js +2 -3
  49. package/dist/src/infrastructure/ui/components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner.js +1 -2
  50. package/dist/src/infrastructure/ui/components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner.style.js +2 -3
  51. package/dist/src/infrastructure/ui/components/atoms/price/Price.js +0 -3
  52. package/dist/src/infrastructure/ui/components/layouts/layout/Layout.d.ts +22 -0
  53. package/dist/src/infrastructure/ui/components/layouts/layout/Layout.js +1 -0
  54. package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.d.ts +7 -0
  55. package/dist/src/infrastructure/ui/components/layouts/layout/components/footer/Footer.js +5 -0
  56. package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.d.ts +7 -0
  57. package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.js +6 -0
  58. package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.d.ts +4 -0
  59. package/dist/src/infrastructure/ui/components/layouts/layout/components/header/Header.style.js +20 -0
  60. package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.d.ts +4 -0
  61. package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.js +43 -0
  62. package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.d.ts +12 -0
  63. package/dist/src/infrastructure/ui/components/layouts/layout/dummyLayout/DummyLayout.style.js +14 -0
  64. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.js +3 -7
  65. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.style.d.ts +2 -18
  66. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.style.js +2 -14
  67. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.js +1 -2
  68. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.js +1 -2
  69. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.js +3 -4
  70. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.style.d.ts +1 -0
  71. package/dist/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.style.js +1 -0
  72. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.js +3 -3
  73. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.js +2 -3
  74. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.js +4 -4
  75. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem.js +2 -3
  76. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.js +2 -3
  77. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem.js +1 -2
  78. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem.js +4 -5
  79. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.js +6 -6
  80. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.js +3 -4
  81. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.style.d.ts +1 -0
  82. package/dist/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.style.js +1 -0
  83. package/dist/src/infrastructure/ui/components/templates/footer/Footer.d.ts +3 -0
  84. package/dist/src/infrastructure/ui/components/templates/footer/Footer.js +13 -0
  85. package/dist/src/infrastructure/ui/components/templates/header/checkoutHeader/CheckoutHeader.js +2 -2
  86. package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.d.ts +7 -0
  87. package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.js +21 -0
  88. package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.d.ts +8 -0
  89. package/dist/src/infrastructure/ui/components/templates/header/defaultHeader/DefaultHeader.style.js +12 -0
  90. package/dist/src/infrastructure/ui/components/templates/header/itemDetailHeader/ItemDetailHeader.js +2 -2
  91. package/dist/src/infrastructure/ui/components/templates/header/itemHeader/ItemHeader.js +4 -4
  92. package/dist/src/infrastructure/ui/hooks/useCheckoutFlow.d.ts +26 -0
  93. package/dist/src/infrastructure/ui/hooks/useCheckoutFlow.js +135 -0
  94. package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.d.ts +12 -0
  95. package/dist/src/infrastructure/ui/hooks/useNewFeedbackExperiment.js +64 -0
  96. package/dist/src/infrastructure/ui/hooks/usePaymentInstrumentEvents.d.ts +3 -2
  97. package/dist/src/infrastructure/ui/hooks/usePaymentInstrumentEvents.js +17 -26
  98. package/dist/src/infrastructure/ui/hooks/useStaticInfo.d.ts +2 -0
  99. package/dist/src/infrastructure/ui/hooks/useStaticInfo.js +2 -2
  100. package/dist/src/infrastructure/ui/hooks/useSubmitCheckout.d.ts +1 -1
  101. package/dist/src/infrastructure/ui/hooks/useSubmitCheckout.js +22 -55
  102. package/dist/src/infrastructure/ui/i18n/fetchTranslations.d.ts +10 -0
  103. package/dist/src/infrastructure/ui/i18n/fetchTranslations.js +17 -0
  104. package/dist/src/infrastructure/ui/i18n/i18n.d.ts +2 -2
  105. package/dist/src/infrastructure/ui/i18n/i18n.js +2 -2
  106. package/dist/src/infrastructure/ui/i18n/translationEndpoint.d.ts +20 -0
  107. package/dist/src/infrastructure/ui/i18n/translationEndpoint.js +27 -0
  108. package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.d.ts +10 -0
  109. package/dist/src/infrastructure/ui/routing/CheckoutAccessibilityMiddleware.js +27 -0
  110. package/dist/src/infrastructure/ui/routing/CheckoutMiddleware.js +3 -14
  111. package/dist/src/infrastructure/ui/routing/Routing.d.ts +5 -5
  112. package/dist/src/infrastructure/ui/routing/Routing.js +8 -18
  113. package/dist/src/infrastructure/ui/routing/routes.d.ts +0 -1
  114. package/dist/src/infrastructure/ui/routing/routes.js +0 -1
  115. package/dist/src/infrastructure/ui/test/render.js +3 -7
  116. package/dist/src/infrastructure/ui/views/App.js +5 -7
  117. package/dist/src/infrastructure/ui/views/App.style.d.ts +6 -0
  118. package/dist/src/infrastructure/ui/views/App.style.js +8 -0
  119. package/dist/src/infrastructure/ui/views/checkout/Checkout.d.ts +7 -2
  120. package/dist/src/infrastructure/ui/views/checkout/Checkout.js +24 -15
  121. package/dist/src/infrastructure/ui/views/checkout/Checkout.style.d.ts +3 -0
  122. package/dist/src/infrastructure/ui/views/checkout/Checkout.style.js +3 -0
  123. package/dist/src/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.js +16 -16
  124. package/dist/src/infrastructure/ui/views/checkout/components/deliveryBanner/DeliveryBanner.js +2 -2
  125. package/dist/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.js +7 -7
  126. package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.js +2 -2
  127. package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.d.ts +7 -0
  128. package/dist/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.style.js +11 -0
  129. package/dist/src/infrastructure/ui/views/item/Item.js +1 -3
  130. package/dist/src/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.js +3 -3
  131. package/dist/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.js +5 -11
  132. package/dist/src/infrastructure/ui/views/item/components/itemActions/ItemActions.js +4 -4
  133. package/dist/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.js +3 -3
  134. package/dist/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.style.d.ts +0 -1
  135. package/dist/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.style.js +1 -2
  136. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.js +2 -2
  137. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.d.ts +12 -0
  138. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.js +64 -0
  139. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts +12 -0
  140. package/dist/src/infrastructure/ui/views/item/components/returnQuestionsForm/ReturnQuestionsForm.style.js +16 -0
  141. package/dist/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.js +4 -4
  142. package/dist/src/infrastructure/ui/views/return/Return.style.d.ts +40 -0
  143. package/dist/src/infrastructure/ui/views/return/Return.style.js +44 -0
  144. package/dist/src/infrastructure/ui/views/return/components/price/Price.js +0 -3
  145. package/dist/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.js +3 -3
  146. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.js +6 -6
  147. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.d.ts +0 -1
  148. package/dist/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.js +1 -2
  149. package/dist/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.js +4 -4
  150. package/dist/src/infrastructure/ui/views/summary/Summary.js +5 -6
  151. package/dist/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.js +2 -3
  152. package/dist/src/infrastructure/ui/views/summary/components/pricing/Pricing.js +6 -8
  153. package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.d.ts +14 -0
  154. package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.js +28 -0
  155. package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.d.ts +7 -0
  156. package/dist/src/infrastructure/ui/views/summary/components/stickyPricing/StickyPricing.style.js +11 -0
  157. package/dist/src/infrastructure/ui/views/summaryTabs/SummaryTabs.js +1 -3
  158. package/dist/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.js +5 -5
  159. package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.d.ts +26 -0
  160. package/dist/src/projection/checkout/viewIsCheckoutAccessibleByCustomerId.js +21 -0
  161. package/dist/src/projection/customer/customer.d.ts +2 -0
  162. package/dist/src/projection/order/order.d.ts +1 -1
  163. package/dist/src/projection/shared/country.d.ts +14 -0
  164. package/dist/src/projection/shared/country.js +15 -0
  165. package/dist/src/projection/shared/customer.d.ts +9 -0
  166. package/dist/src/projection/shared/customer.js +1 -0
  167. package/dist/src/projection/shared/locale.d.ts +12 -0
  168. package/dist/src/projection/shared/locale.js +13 -0
  169. package/dist/src/projection/shared/order.d.ts +6 -0
  170. package/dist/src/projection/shared/order.js +1 -0
  171. package/dist/src/projection/shared/price.d.ts +11 -0
  172. package/dist/src/projection/shared/price.js +1 -0
  173. package/dist/src/projection/shared/size.d.ts +21 -0
  174. package/dist/src/projection/shared/size.js +4 -0
  175. package/dist/src/projection/shared/subscription.d.ts +2 -0
  176. package/dist/src/projection/shared/subscription.js +1 -0
  177. package/dist/src/projection/subscription/subscription.d.ts +1 -1
  178. package/dist/src/shared/ui/components/atoms/aspectRatioView/AspectRatioView.d.ts +15 -0
  179. package/dist/src/shared/ui/components/atoms/aspectRatioView/AspectRatioView.js +16 -0
  180. package/dist/src/shared/ui/components/atoms/error/Error.d.ts +11 -0
  181. package/dist/src/shared/ui/components/atoms/error/Error.js +6 -0
  182. package/dist/src/shared/ui/components/atoms/field/Field.d.ts +14 -0
  183. package/dist/src/shared/ui/components/atoms/field/Field.js +29 -0
  184. package/dist/src/shared/ui/components/atoms/field/Field.style.d.ts +16 -0
  185. package/dist/src/shared/ui/components/atoms/field/Field.style.js +19 -0
  186. package/dist/src/shared/ui/components/molecules/inputField/InputField.d.ts +24 -0
  187. package/dist/src/shared/ui/components/molecules/inputField/InputField.js +28 -0
  188. package/dist/src/shared/ui/components/molecules/inputField/InputField.style.d.ts +29 -0
  189. package/dist/src/shared/ui/components/molecules/inputField/InputField.style.js +37 -0
  190. package/dist/src/version.d.ts +1 -1
  191. package/dist/src/version.js +1 -1
  192. package/fake-dependencies/@lookiero/payments-front/index.tsx +32 -9
  193. package/index.ts +11 -5
  194. package/jest.config.js +2 -2
  195. package/package.json +9 -9
  196. package/src/Expo.tsx +0 -3
  197. package/src/ExpoRoot.tsx +44 -38
  198. package/src/infrastructure/domain/checkoutBooking/react/useBlockCheckoutBooking.ts +4 -1
  199. package/src/infrastructure/projection/pricing/react/useViewPricingByCheckoutId.ts +3 -2
  200. package/src/infrastructure/tracking/tracking.ts +2 -2
  201. package/src/infrastructure/tracking/useTrackCheckout.ts +66 -56
  202. package/src/infrastructure/ui/Root.tsx +9 -9
  203. package/src/infrastructure/ui/components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner.style.ts +2 -3
  204. package/src/infrastructure/ui/components/atoms/fiveItemsDiscountBanner/FiveItemsDiscountBanner.tsx +2 -3
  205. package/src/infrastructure/ui/components/atoms/fiveItemsDiscountBanner/__snapshots__/FiveItemsDiscountBanner.test.tsx.snap +1 -1
  206. package/src/infrastructure/ui/components/atoms/price/Price.tsx +0 -3
  207. package/src/infrastructure/ui/components/atoms/price/__snapshots__/Price.test.tsx.snap +3 -3
  208. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.style.ts +4 -25
  209. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/buttonCheckoutQuestionItem/ButtonCheckoutQuestionItem.tsx +7 -13
  210. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostDefaultCheckoutQuestionItem/HostDefaultCheckoutQuestionItem.tsx +1 -2
  211. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/hostSelectCheckoutQuestionItem/HostSelectCheckoutQuestionItem.tsx +1 -2
  212. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.style.ts +1 -0
  213. package/src/infrastructure/ui/components/organisms/checkoutQuestions/components/textareaCheckoutQuestionItem/TextareaCheckoutQuestionItem.tsx +2 -4
  214. package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostDefaultReturnQuestionItem/HostDefaultReturnQuestionItem.tsx +3 -3
  215. package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostRadioGroupReturnQuestionItem/HostRadioGroupReturnQuestionItem.tsx +2 -3
  216. package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostSelectReturnQuestionItem/HostSelectReturnQuestionItem.tsx +5 -5
  217. package/src/infrastructure/ui/components/organisms/returnQuestions/components/hostStackReturnQuestionItem/modal/HostStackReturnQuestionItem.tsx +2 -3
  218. package/src/infrastructure/ui/components/organisms/returnQuestions/components/modalOptionReturnQuestionItems/ModalOptionReturnQuestionItems.tsx +2 -3
  219. package/src/infrastructure/ui/components/organisms/returnQuestions/components/optionReturnQuestionItem/OptionReturnQuestionItem.tsx +1 -2
  220. package/src/infrastructure/ui/components/organisms/returnQuestions/components/radioReturnQuestionItem/RadioReturnQuestionItem.tsx +5 -6
  221. package/src/infrastructure/ui/components/organisms/returnQuestions/components/returnQuestionFeedbackItem/ReturnQuestionFeedbackItem.tsx +7 -7
  222. package/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.style.ts +1 -0
  223. package/src/infrastructure/ui/components/organisms/returnQuestions/components/textareaReturnQuestionItem/TextareaReturnQuestionItem.tsx +2 -4
  224. package/src/infrastructure/ui/components/templates/footer/Footer.test.tsx +15 -0
  225. package/src/infrastructure/ui/components/templates/footer/Footer.tsx +19 -0
  226. package/src/infrastructure/ui/components/templates/footer/__snapshots__/Footer.test.tsx.snap +1127 -0
  227. package/src/infrastructure/ui/components/templates/header/checkoutHeader/CheckoutHeader.tsx +2 -2
  228. package/src/infrastructure/ui/components/templates/header/checkoutHeader/__snapshots__/CheckoutHeader.test.tsx.snap +1 -1
  229. package/src/infrastructure/ui/components/templates/header/itemDetailHeader/ItemDetailHeader.tsx +2 -2
  230. package/src/infrastructure/ui/components/templates/header/itemDetailHeader/__snapshots__/ItemDetailHeader.test.tsx.snap +1 -1
  231. package/src/infrastructure/ui/components/templates/header/itemHeader/ItemHeader.tsx +5 -4
  232. package/src/infrastructure/ui/components/templates/header/itemHeader/__snapshots__/ItemHeader.test.tsx.snap +1 -1
  233. package/src/infrastructure/ui/hooks/{useSubmitCheckout.test.ts → useCheckoutFlow.test.ts} +1 -1
  234. package/src/infrastructure/ui/hooks/useCheckoutFlow.tsx +212 -0
  235. package/src/infrastructure/ui/hooks/usePaymentInstrumentEvents.ts +18 -60
  236. package/src/infrastructure/ui/hooks/useStaticInfo.tsx +4 -2
  237. package/src/infrastructure/ui/i18n/i18n.ts +2 -3
  238. package/src/infrastructure/ui/routing/CheckoutMiddleware.test.tsx +3 -3
  239. package/src/infrastructure/ui/routing/CheckoutMiddleware.tsx +3 -17
  240. package/src/infrastructure/ui/routing/Routing.tsx +25 -39
  241. package/src/infrastructure/ui/routing/routes.ts +0 -1
  242. package/src/infrastructure/ui/test/render.tsx +4 -10
  243. package/src/infrastructure/ui/views/App.tsx +5 -14
  244. package/src/infrastructure/ui/views/checkout/Checkout.style.ts +3 -0
  245. package/src/infrastructure/ui/views/checkout/Checkout.tsx +55 -18
  246. package/src/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.test.tsx +116 -121
  247. package/src/infrastructure/ui/views/checkout/components/deliveryBanner/DeliveryBanner.tsx +2 -2
  248. package/src/infrastructure/ui/views/checkout/components/deliveryBanner/__snapshots__/DeliveryBanner.test.tsx.snap +1 -1
  249. package/src/infrastructure/ui/views/checkout/components/paymentInstrument/PaymentInstrument.tsx +8 -8
  250. package/src/infrastructure/ui/views/feedback/components/checkoutQuestionsForm/CheckoutQuestionsForm.tsx +2 -2
  251. package/src/infrastructure/ui/views/item/Item.tsx +1 -2
  252. package/src/infrastructure/ui/views/item/components/banner/CustomerDecissionBanner.tsx +3 -3
  253. package/src/infrastructure/ui/views/item/components/banner/__snapshots__/CustomerDecissionBanner.test.tsx.snap +3 -3
  254. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/GetOutOfCheckoutModal.tsx +5 -11
  255. package/src/infrastructure/ui/views/item/components/getOutOfCheckoutModal/__snapshots__/GetOutOfCheckoutModal.test.tsx.snap +88 -160
  256. package/src/infrastructure/ui/views/item/components/itemActions/ItemActions.tsx +4 -4
  257. package/src/infrastructure/ui/views/item/components/itemActions/__snapshots__/ItemActions.test.tsx.snap +128 -244
  258. package/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.style.ts +1 -2
  259. package/src/infrastructure/ui/views/item/components/productVariantDescription/ProductVariantDescription.tsx +3 -3
  260. package/src/infrastructure/ui/views/item/components/productVariantDescription/__snapshots__/ProductVariantDescription.test.tsx.snap +8 -10
  261. package/src/infrastructure/ui/views/item/components/productVariantSlider/__snapshots__/ProductVariantSlider.test.tsx.snap +30 -30
  262. package/src/infrastructure/ui/views/item/components/returnQuestionsFeedback/ReturnQuestionsFeedback.tsx +2 -2
  263. package/src/infrastructure/ui/views/item/components/selectModal/__snapshots__/SelecModal.test.tsx.snap +1 -1
  264. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/SizeWithoutStockModal.tsx +4 -4
  265. package/src/infrastructure/ui/views/item/components/sizeWithoutStockModal/__snapshots__/SizeWithoutStockModal.test.tsx.snap +41 -75
  266. package/src/infrastructure/ui/views/item/views/productVariant/__snapshots__/ProductVariant.test.tsx.snap +102 -105
  267. package/src/infrastructure/ui/views/return/components/price/Price.tsx +0 -3
  268. package/src/infrastructure/ui/views/return/components/price/__snapshots__/Price.test.tsx.snap +3 -3
  269. package/src/infrastructure/ui/views/return/components/productVariantPreview/ProductVariantPreview.tsx +3 -3
  270. package/src/infrastructure/ui/views/return/components/productVariantPreview/__snapshots__/ProductVariantPreview.test.tsx.snap +1 -1
  271. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.style.ts +1 -2
  272. package/src/infrastructure/ui/views/return/components/returnQuestionsForm/ReturnQuestionsForm.tsx +6 -6
  273. package/src/infrastructure/ui/views/shared/components/productVariant/ProductVariant.tsx +4 -4
  274. package/src/infrastructure/ui/views/shared/components/productVariant/__snapshots__/ProductVariant.test.tsx.snap +30 -30
  275. package/src/infrastructure/ui/views/summary/Summary.tsx +5 -6
  276. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/CollapsiblePricing.tsx +2 -3
  277. package/src/infrastructure/ui/views/summary/components/collapsiblePricing/__snapshots__/CollapsiblePricing.test.tsx.snap +82 -154
  278. package/src/infrastructure/ui/views/summary/components/pricing/Pricing.tsx +6 -8
  279. package/src/infrastructure/ui/views/summaryTabs/SummaryTabs.tsx +1 -2
  280. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/CheckoutItemsTabs.tsx +5 -5
  281. package/src/infrastructure/ui/views/summaryTabs/components/checkoutItemsTabs/__snapshots__/CheckoutItemsTabs.test.tsx.snap +62 -62
  282. package/src/projection/customer/customer.ts +2 -0
  283. package/src/projection/order/order.ts +1 -1
  284. package/src/projection/subscription/subscription.ts +1 -1
  285. package/src/infrastructure/ui/hooks/useSubmitCheckout.ts +0 -169
  286. package/src/infrastructure/ui/routing/useBasePath.test.tsx +0 -19
  287. package/src/infrastructure/ui/routing/useBasePath.tsx +0 -24
  288. package/src/infrastructure/ui/views/checkout/components/checkoutPaymentModal/CheckoutPaymentModal.tsx +0 -125
@@ -0,0 +1,1127 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Footer template matches the snapshot 1`] = `
4
+ <View
5
+ style={
6
+ [
7
+ {
8
+ "backgroundColor": "#FFFFFF",
9
+ "flex": 1,
10
+ },
11
+ ]
12
+ }
13
+ >
14
+ <View
15
+ style={
16
+ [
17
+ {
18
+ "alignSelf": "center",
19
+ "left": 0,
20
+ "marginHorizontal": "auto",
21
+ "position": "absolute",
22
+ "right": 0,
23
+ "top": 0,
24
+ "width": "100%",
25
+ "zIndex": 5,
26
+ },
27
+ ]
28
+ }
29
+ >
30
+ <RCTSafeAreaView />
31
+ </View>
32
+ <View
33
+ style={
34
+ [
35
+ {
36
+ "backgroundColor": "#FFFFFF",
37
+ "width": "100%",
38
+ },
39
+ ]
40
+ }
41
+ >
42
+ <View
43
+ style={
44
+ [
45
+ false,
46
+ {
47
+ "alignContent": "center",
48
+ "alignItems": "center",
49
+ "display": "flex",
50
+ "flexDirection": "row",
51
+ "justifyContent": "space-around",
52
+ "paddingBottom": 4,
53
+ "paddingHorizontal": 8,
54
+ "paddingTop": 8,
55
+ },
56
+ ]
57
+ }
58
+ >
59
+ <View
60
+ accessibilityRole="button"
61
+ accessibilityState={
62
+ {
63
+ "busy": undefined,
64
+ "checked": undefined,
65
+ "disabled": undefined,
66
+ "expanded": undefined,
67
+ "selected": undefined,
68
+ }
69
+ }
70
+ accessibilityValue={
71
+ {
72
+ "max": undefined,
73
+ "min": undefined,
74
+ "now": undefined,
75
+ "text": undefined,
76
+ }
77
+ }
78
+ accessible={true}
79
+ collapsable={false}
80
+ focusable={true}
81
+ onBlur={[Function]}
82
+ onClick={[Function]}
83
+ onFocus={[Function]}
84
+ onResponderGrant={[Function]}
85
+ onResponderMove={[Function]}
86
+ onResponderRelease={[Function]}
87
+ onResponderTerminate={[Function]}
88
+ onResponderTerminationRequest={[Function]}
89
+ onStartShouldSetResponder={[Function]}
90
+ pointerEvents="none"
91
+ style={
92
+ [
93
+ [
94
+ {
95
+ "_container": {
96
+ "overflow": "hidden",
97
+ },
98
+ "_pressed": {
99
+ "bottom": 0,
100
+ "left": 0,
101
+ "right": 0,
102
+ "top": 0,
103
+ },
104
+ "alignItems": "center",
105
+ "alignSelf": "auto",
106
+ "container": {
107
+ "overflow": "hidden",
108
+ },
109
+ "display": "flex",
110
+ "flexDirection": "column",
111
+ "justifyContent": "center",
112
+ "overflow": "hidden",
113
+ "pressed": {
114
+ "bottom": 0,
115
+ "left": 0,
116
+ "right": 0,
117
+ "top": 0,
118
+ },
119
+ },
120
+ ],
121
+ {
122
+ "opacity": 1,
123
+ },
124
+ ]
125
+ }
126
+ value="/"
127
+ >
128
+ <View
129
+ accessibilityRole="button"
130
+ accessibilityState={
131
+ {
132
+ "busy": undefined,
133
+ "checked": undefined,
134
+ "disabled": undefined,
135
+ "expanded": undefined,
136
+ "selected": undefined,
137
+ }
138
+ }
139
+ accessibilityValue={
140
+ {
141
+ "max": undefined,
142
+ "min": undefined,
143
+ "now": undefined,
144
+ "text": undefined,
145
+ }
146
+ }
147
+ accessible={true}
148
+ collapsable={false}
149
+ focusable={true}
150
+ onBlur={[Function]}
151
+ onClick={[Function]}
152
+ onFocus={[Function]}
153
+ onResponderGrant={[Function]}
154
+ onResponderMove={[Function]}
155
+ onResponderRelease={[Function]}
156
+ onResponderTerminate={[Function]}
157
+ onResponderTerminationRequest={[Function]}
158
+ onStartShouldSetResponder={[Function]}
159
+ pointerEvents="none"
160
+ style={
161
+ [
162
+ [
163
+ {
164
+ "_container": {
165
+ "overflow": "hidden",
166
+ },
167
+ "_pressed": {
168
+ "bottom": 0,
169
+ "left": 0,
170
+ "right": 0,
171
+ "top": 0,
172
+ },
173
+ "alignSelf": "center",
174
+ "container": {
175
+ "overflow": "hidden",
176
+ },
177
+ "marginBottom": 4,
178
+ "overflow": "visible",
179
+ "padding": 0,
180
+ "pressed": {
181
+ "bottom": 0,
182
+ "left": 0,
183
+ "right": 0,
184
+ "top": 0,
185
+ },
186
+ },
187
+ ],
188
+ {
189
+ "opacity": 1,
190
+ },
191
+ ]
192
+ }
193
+ >
194
+ <View
195
+ style={
196
+ [
197
+ {
198
+ "position": "relative",
199
+ },
200
+ ]
201
+ }
202
+ >
203
+ <Text
204
+ accessibilityElementsHidden={true}
205
+ allowFontScaling={false}
206
+ importantForAccessibility="no"
207
+ selectable={false}
208
+ style={
209
+ [
210
+ {
211
+ "color": "#837C7C",
212
+ "fontFamily": "auroraicons",
213
+ "fontSize": 24,
214
+ "fontStyle": "normal",
215
+ "fontWeight": "normal",
216
+ "height": 24,
217
+ "width": 24,
218
+ },
219
+ ]
220
+ }
221
+ >
222
+
223
+ </Text>
224
+ <View
225
+ collapsable={false}
226
+ style={
227
+ {
228
+ "backgroundColor": "#F45545",
229
+ "borderColor": "#FFFFFF",
230
+ "borderRadius": 9999,
231
+ "borderWidth": 2,
232
+ "height": 10,
233
+ "position": "absolute",
234
+ "right": 0,
235
+ "top": 0,
236
+ "transform": [
237
+ {
238
+ "scale": 0,
239
+ },
240
+ ],
241
+ "width": 10,
242
+ }
243
+ }
244
+ />
245
+ </View>
246
+ </View>
247
+ <Text
248
+ allowFontScaling={false}
249
+ numberOfLines={1}
250
+ selectable={false}
251
+ style={
252
+ [
253
+ {
254
+ "color": "#837C7C",
255
+ "fontFamily": "AreaNormal-Semibold",
256
+ "fontSize": 10,
257
+ "letterSpacing": 0.1,
258
+ "lineHeight": 14,
259
+ "overflow": "hidden",
260
+ "paddingBottom": 0,
261
+ "paddingLeft": 0,
262
+ "paddingRight": 0,
263
+ "paddingTop": 0,
264
+ "textAlign": "center",
265
+ },
266
+ ]
267
+ }
268
+ >
269
+ Inicio
270
+ </Text>
271
+ </View>
272
+ <View
273
+ accessibilityRole="button"
274
+ accessibilityState={
275
+ {
276
+ "busy": undefined,
277
+ "checked": undefined,
278
+ "disabled": undefined,
279
+ "expanded": undefined,
280
+ "selected": undefined,
281
+ }
282
+ }
283
+ accessibilityValue={
284
+ {
285
+ "max": undefined,
286
+ "min": undefined,
287
+ "now": undefined,
288
+ "text": undefined,
289
+ }
290
+ }
291
+ accessible={true}
292
+ collapsable={false}
293
+ focusable={true}
294
+ onBlur={[Function]}
295
+ onClick={[Function]}
296
+ onFocus={[Function]}
297
+ onResponderGrant={[Function]}
298
+ onResponderMove={[Function]}
299
+ onResponderRelease={[Function]}
300
+ onResponderTerminate={[Function]}
301
+ onResponderTerminationRequest={[Function]}
302
+ onStartShouldSetResponder={[Function]}
303
+ pointerEvents="none"
304
+ style={
305
+ [
306
+ [
307
+ {
308
+ "_container": {
309
+ "overflow": "hidden",
310
+ },
311
+ "_pressed": {
312
+ "bottom": 0,
313
+ "left": 0,
314
+ "right": 0,
315
+ "top": 0,
316
+ },
317
+ "alignItems": "center",
318
+ "alignSelf": "auto",
319
+ "container": {
320
+ "overflow": "hidden",
321
+ },
322
+ "display": "flex",
323
+ "flexDirection": "column",
324
+ "justifyContent": "center",
325
+ "overflow": "hidden",
326
+ "pressed": {
327
+ "bottom": 0,
328
+ "left": 0,
329
+ "right": 0,
330
+ "top": 0,
331
+ },
332
+ },
333
+ ],
334
+ {
335
+ "opacity": 1,
336
+ },
337
+ ]
338
+ }
339
+ value="/look-and-like"
340
+ >
341
+ <View
342
+ accessibilityRole="button"
343
+ accessibilityState={
344
+ {
345
+ "busy": undefined,
346
+ "checked": undefined,
347
+ "disabled": undefined,
348
+ "expanded": undefined,
349
+ "selected": undefined,
350
+ }
351
+ }
352
+ accessibilityValue={
353
+ {
354
+ "max": undefined,
355
+ "min": undefined,
356
+ "now": undefined,
357
+ "text": undefined,
358
+ }
359
+ }
360
+ accessible={true}
361
+ collapsable={false}
362
+ focusable={true}
363
+ onBlur={[Function]}
364
+ onClick={[Function]}
365
+ onFocus={[Function]}
366
+ onResponderGrant={[Function]}
367
+ onResponderMove={[Function]}
368
+ onResponderRelease={[Function]}
369
+ onResponderTerminate={[Function]}
370
+ onResponderTerminationRequest={[Function]}
371
+ onStartShouldSetResponder={[Function]}
372
+ pointerEvents="none"
373
+ style={
374
+ [
375
+ [
376
+ {
377
+ "_container": {
378
+ "overflow": "hidden",
379
+ },
380
+ "_pressed": {
381
+ "bottom": 0,
382
+ "left": 0,
383
+ "right": 0,
384
+ "top": 0,
385
+ },
386
+ "alignSelf": "center",
387
+ "container": {
388
+ "overflow": "hidden",
389
+ },
390
+ "marginBottom": 4,
391
+ "overflow": "visible",
392
+ "padding": 0,
393
+ "pressed": {
394
+ "bottom": 0,
395
+ "left": 0,
396
+ "right": 0,
397
+ "top": 0,
398
+ },
399
+ },
400
+ ],
401
+ {
402
+ "opacity": 1,
403
+ },
404
+ ]
405
+ }
406
+ >
407
+ <View
408
+ style={
409
+ [
410
+ {
411
+ "position": "relative",
412
+ },
413
+ ]
414
+ }
415
+ >
416
+ <Text
417
+ accessibilityElementsHidden={true}
418
+ allowFontScaling={false}
419
+ importantForAccessibility="no"
420
+ selectable={false}
421
+ style={
422
+ [
423
+ {
424
+ "color": "#837C7C",
425
+ "fontFamily": "auroraicons",
426
+ "fontSize": 24,
427
+ "fontStyle": "normal",
428
+ "fontWeight": "normal",
429
+ "height": 24,
430
+ "width": 24,
431
+ },
432
+ ]
433
+ }
434
+ >
435
+
436
+ </Text>
437
+ <View
438
+ collapsable={false}
439
+ style={
440
+ {
441
+ "backgroundColor": "#F45545",
442
+ "borderColor": "#FFFFFF",
443
+ "borderRadius": 9999,
444
+ "borderWidth": 2,
445
+ "height": 10,
446
+ "position": "absolute",
447
+ "right": 0,
448
+ "top": 0,
449
+ "transform": [
450
+ {
451
+ "scale": 0,
452
+ },
453
+ ],
454
+ "width": 10,
455
+ }
456
+ }
457
+ />
458
+ </View>
459
+ </View>
460
+ <Text
461
+ allowFontScaling={false}
462
+ numberOfLines={1}
463
+ selectable={false}
464
+ style={
465
+ [
466
+ {
467
+ "color": "#837C7C",
468
+ "fontFamily": "AreaNormal-Semibold",
469
+ "fontSize": 10,
470
+ "letterSpacing": 0.1,
471
+ "lineHeight": 14,
472
+ "overflow": "hidden",
473
+ "paddingBottom": 0,
474
+ "paddingLeft": 0,
475
+ "paddingRight": 0,
476
+ "paddingTop": 0,
477
+ "textAlign": "center",
478
+ },
479
+ ]
480
+ }
481
+ >
482
+ Look&Like
483
+ </Text>
484
+ </View>
485
+ <View
486
+ accessibilityRole="button"
487
+ accessibilityState={
488
+ {
489
+ "busy": undefined,
490
+ "checked": undefined,
491
+ "disabled": undefined,
492
+ "expanded": undefined,
493
+ "selected": undefined,
494
+ }
495
+ }
496
+ accessibilityValue={
497
+ {
498
+ "max": undefined,
499
+ "min": undefined,
500
+ "now": undefined,
501
+ "text": undefined,
502
+ }
503
+ }
504
+ accessible={true}
505
+ collapsable={false}
506
+ focusable={true}
507
+ onBlur={[Function]}
508
+ onClick={[Function]}
509
+ onFocus={[Function]}
510
+ onResponderGrant={[Function]}
511
+ onResponderMove={[Function]}
512
+ onResponderRelease={[Function]}
513
+ onResponderTerminate={[Function]}
514
+ onResponderTerminationRequest={[Function]}
515
+ onStartShouldSetResponder={[Function]}
516
+ pointerEvents="none"
517
+ style={
518
+ [
519
+ [
520
+ {
521
+ "_container": {
522
+ "overflow": "hidden",
523
+ },
524
+ "_pressed": {
525
+ "bottom": 0,
526
+ "left": 0,
527
+ "right": 0,
528
+ "top": 0,
529
+ },
530
+ "alignItems": "center",
531
+ "alignSelf": "auto",
532
+ "container": {
533
+ "overflow": "hidden",
534
+ },
535
+ "display": "flex",
536
+ "flexDirection": "column",
537
+ "justifyContent": "center",
538
+ "overflow": "hidden",
539
+ "pressed": {
540
+ "bottom": 0,
541
+ "left": 0,
542
+ "right": 0,
543
+ "top": 0,
544
+ },
545
+ },
546
+ ],
547
+ {
548
+ "opacity": 1,
549
+ },
550
+ ]
551
+ }
552
+ value="/friends"
553
+ >
554
+ <View
555
+ accessibilityRole="button"
556
+ accessibilityState={
557
+ {
558
+ "busy": undefined,
559
+ "checked": undefined,
560
+ "disabled": undefined,
561
+ "expanded": undefined,
562
+ "selected": undefined,
563
+ }
564
+ }
565
+ accessibilityValue={
566
+ {
567
+ "max": undefined,
568
+ "min": undefined,
569
+ "now": undefined,
570
+ "text": undefined,
571
+ }
572
+ }
573
+ accessible={true}
574
+ collapsable={false}
575
+ focusable={true}
576
+ onBlur={[Function]}
577
+ onClick={[Function]}
578
+ onFocus={[Function]}
579
+ onResponderGrant={[Function]}
580
+ onResponderMove={[Function]}
581
+ onResponderRelease={[Function]}
582
+ onResponderTerminate={[Function]}
583
+ onResponderTerminationRequest={[Function]}
584
+ onStartShouldSetResponder={[Function]}
585
+ pointerEvents="none"
586
+ style={
587
+ [
588
+ [
589
+ {
590
+ "_container": {
591
+ "overflow": "hidden",
592
+ },
593
+ "_pressed": {
594
+ "bottom": 0,
595
+ "left": 0,
596
+ "right": 0,
597
+ "top": 0,
598
+ },
599
+ "alignSelf": "center",
600
+ "container": {
601
+ "overflow": "hidden",
602
+ },
603
+ "marginBottom": 4,
604
+ "overflow": "visible",
605
+ "padding": 0,
606
+ "pressed": {
607
+ "bottom": 0,
608
+ "left": 0,
609
+ "right": 0,
610
+ "top": 0,
611
+ },
612
+ },
613
+ ],
614
+ {
615
+ "opacity": 1,
616
+ },
617
+ ]
618
+ }
619
+ >
620
+ <View
621
+ style={
622
+ [
623
+ {
624
+ "position": "relative",
625
+ },
626
+ ]
627
+ }
628
+ >
629
+ <Text
630
+ accessibilityElementsHidden={true}
631
+ allowFontScaling={false}
632
+ importantForAccessibility="no"
633
+ selectable={false}
634
+ style={
635
+ [
636
+ {
637
+ "color": "#837C7C",
638
+ "fontFamily": "auroraicons",
639
+ "fontSize": 24,
640
+ "fontStyle": "normal",
641
+ "fontWeight": "normal",
642
+ "height": 24,
643
+ "width": 24,
644
+ },
645
+ ]
646
+ }
647
+ >
648
+
649
+ </Text>
650
+ <View
651
+ collapsable={false}
652
+ style={
653
+ {
654
+ "backgroundColor": "#F45545",
655
+ "borderColor": "#FFFFFF",
656
+ "borderRadius": 9999,
657
+ "borderWidth": 2,
658
+ "height": 10,
659
+ "position": "absolute",
660
+ "right": 0,
661
+ "top": 0,
662
+ "transform": [
663
+ {
664
+ "scale": 0,
665
+ },
666
+ ],
667
+ "width": 10,
668
+ }
669
+ }
670
+ />
671
+ </View>
672
+ </View>
673
+ <Text
674
+ allowFontScaling={false}
675
+ numberOfLines={1}
676
+ selectable={false}
677
+ style={
678
+ [
679
+ {
680
+ "color": "#837C7C",
681
+ "fontFamily": "AreaNormal-Semibold",
682
+ "fontSize": 10,
683
+ "letterSpacing": 0.1,
684
+ "lineHeight": 14,
685
+ "overflow": "hidden",
686
+ "paddingBottom": 0,
687
+ "paddingLeft": 0,
688
+ "paddingRight": 0,
689
+ "paddingTop": 0,
690
+ "textAlign": "center",
691
+ },
692
+ ]
693
+ }
694
+ >
695
+ Amigas
696
+ </Text>
697
+ </View>
698
+ <View
699
+ accessibilityRole="button"
700
+ accessibilityState={
701
+ {
702
+ "busy": undefined,
703
+ "checked": undefined,
704
+ "disabled": undefined,
705
+ "expanded": undefined,
706
+ "selected": undefined,
707
+ }
708
+ }
709
+ accessibilityValue={
710
+ {
711
+ "max": undefined,
712
+ "min": undefined,
713
+ "now": undefined,
714
+ "text": undefined,
715
+ }
716
+ }
717
+ accessible={true}
718
+ collapsable={false}
719
+ focusable={true}
720
+ onBlur={[Function]}
721
+ onClick={[Function]}
722
+ onFocus={[Function]}
723
+ onResponderGrant={[Function]}
724
+ onResponderMove={[Function]}
725
+ onResponderRelease={[Function]}
726
+ onResponderTerminate={[Function]}
727
+ onResponderTerminationRequest={[Function]}
728
+ onStartShouldSetResponder={[Function]}
729
+ pointerEvents="none"
730
+ style={
731
+ [
732
+ [
733
+ {
734
+ "_container": {
735
+ "overflow": "hidden",
736
+ },
737
+ "_pressed": {
738
+ "bottom": 0,
739
+ "left": 0,
740
+ "right": 0,
741
+ "top": 0,
742
+ },
743
+ "alignItems": "center",
744
+ "alignSelf": "auto",
745
+ "container": {
746
+ "overflow": "hidden",
747
+ },
748
+ "display": "flex",
749
+ "flexDirection": "column",
750
+ "justifyContent": "center",
751
+ "overflow": "hidden",
752
+ "pressed": {
753
+ "bottom": 0,
754
+ "left": 0,
755
+ "right": 0,
756
+ "top": 0,
757
+ },
758
+ },
759
+ ],
760
+ {
761
+ "opacity": 1,
762
+ },
763
+ ]
764
+ }
765
+ value="/inspiration"
766
+ >
767
+ <View
768
+ accessibilityRole="button"
769
+ accessibilityState={
770
+ {
771
+ "busy": undefined,
772
+ "checked": undefined,
773
+ "disabled": undefined,
774
+ "expanded": undefined,
775
+ "selected": undefined,
776
+ }
777
+ }
778
+ accessibilityValue={
779
+ {
780
+ "max": undefined,
781
+ "min": undefined,
782
+ "now": undefined,
783
+ "text": undefined,
784
+ }
785
+ }
786
+ accessible={true}
787
+ collapsable={false}
788
+ focusable={true}
789
+ onBlur={[Function]}
790
+ onClick={[Function]}
791
+ onFocus={[Function]}
792
+ onResponderGrant={[Function]}
793
+ onResponderMove={[Function]}
794
+ onResponderRelease={[Function]}
795
+ onResponderTerminate={[Function]}
796
+ onResponderTerminationRequest={[Function]}
797
+ onStartShouldSetResponder={[Function]}
798
+ pointerEvents="none"
799
+ style={
800
+ [
801
+ [
802
+ {
803
+ "_container": {
804
+ "overflow": "hidden",
805
+ },
806
+ "_pressed": {
807
+ "bottom": 0,
808
+ "left": 0,
809
+ "right": 0,
810
+ "top": 0,
811
+ },
812
+ "alignSelf": "center",
813
+ "container": {
814
+ "overflow": "hidden",
815
+ },
816
+ "marginBottom": 4,
817
+ "overflow": "visible",
818
+ "padding": 0,
819
+ "pressed": {
820
+ "bottom": 0,
821
+ "left": 0,
822
+ "right": 0,
823
+ "top": 0,
824
+ },
825
+ },
826
+ ],
827
+ {
828
+ "opacity": 1,
829
+ },
830
+ ]
831
+ }
832
+ >
833
+ <View
834
+ style={
835
+ [
836
+ {
837
+ "position": "relative",
838
+ },
839
+ ]
840
+ }
841
+ >
842
+ <Text
843
+ accessibilityElementsHidden={true}
844
+ allowFontScaling={false}
845
+ importantForAccessibility="no"
846
+ selectable={false}
847
+ style={
848
+ [
849
+ {
850
+ "color": "#837C7C",
851
+ "fontFamily": "auroraicons",
852
+ "fontSize": 24,
853
+ "fontStyle": "normal",
854
+ "fontWeight": "normal",
855
+ "height": 24,
856
+ "width": 24,
857
+ },
858
+ ]
859
+ }
860
+ >
861
+
862
+ </Text>
863
+ <View
864
+ collapsable={false}
865
+ style={
866
+ {
867
+ "backgroundColor": "#F45545",
868
+ "borderColor": "#FFFFFF",
869
+ "borderRadius": 9999,
870
+ "borderWidth": 2,
871
+ "height": 10,
872
+ "position": "absolute",
873
+ "right": 0,
874
+ "top": 0,
875
+ "transform": [
876
+ {
877
+ "scale": 0,
878
+ },
879
+ ],
880
+ "width": 10,
881
+ }
882
+ }
883
+ />
884
+ </View>
885
+ </View>
886
+ <Text
887
+ allowFontScaling={false}
888
+ numberOfLines={1}
889
+ selectable={false}
890
+ style={
891
+ [
892
+ {
893
+ "color": "#837C7C",
894
+ "fontFamily": "AreaNormal-Semibold",
895
+ "fontSize": 10,
896
+ "letterSpacing": 0.1,
897
+ "lineHeight": 14,
898
+ "overflow": "hidden",
899
+ "paddingBottom": 0,
900
+ "paddingLeft": 0,
901
+ "paddingRight": 0,
902
+ "paddingTop": 0,
903
+ "textAlign": "center",
904
+ },
905
+ ]
906
+ }
907
+ >
908
+ Inspiración
909
+ </Text>
910
+ </View>
911
+ <View
912
+ accessibilityRole="button"
913
+ accessibilityState={
914
+ {
915
+ "busy": undefined,
916
+ "checked": undefined,
917
+ "disabled": undefined,
918
+ "expanded": undefined,
919
+ "selected": undefined,
920
+ }
921
+ }
922
+ accessibilityValue={
923
+ {
924
+ "max": undefined,
925
+ "min": undefined,
926
+ "now": undefined,
927
+ "text": undefined,
928
+ }
929
+ }
930
+ accessible={true}
931
+ collapsable={false}
932
+ focusable={true}
933
+ onBlur={[Function]}
934
+ onClick={[Function]}
935
+ onFocus={[Function]}
936
+ onResponderGrant={[Function]}
937
+ onResponderMove={[Function]}
938
+ onResponderRelease={[Function]}
939
+ onResponderTerminate={[Function]}
940
+ onResponderTerminationRequest={[Function]}
941
+ onStartShouldSetResponder={[Function]}
942
+ pointerEvents="none"
943
+ style={
944
+ [
945
+ [
946
+ {
947
+ "_container": {
948
+ "overflow": "hidden",
949
+ },
950
+ "_pressed": {
951
+ "bottom": 0,
952
+ "left": 0,
953
+ "right": 0,
954
+ "top": 0,
955
+ },
956
+ "alignItems": "center",
957
+ "alignSelf": "auto",
958
+ "container": {
959
+ "overflow": "hidden",
960
+ },
961
+ "display": "flex",
962
+ "flexDirection": "column",
963
+ "justifyContent": "center",
964
+ "overflow": "hidden",
965
+ "pressed": {
966
+ "bottom": 0,
967
+ "left": 0,
968
+ "right": 0,
969
+ "top": 0,
970
+ },
971
+ },
972
+ ],
973
+ {
974
+ "opacity": 1,
975
+ },
976
+ ]
977
+ }
978
+ value="/messages"
979
+ >
980
+ <View
981
+ accessibilityRole="button"
982
+ accessibilityState={
983
+ {
984
+ "busy": undefined,
985
+ "checked": undefined,
986
+ "disabled": undefined,
987
+ "expanded": undefined,
988
+ "selected": undefined,
989
+ }
990
+ }
991
+ accessibilityValue={
992
+ {
993
+ "max": undefined,
994
+ "min": undefined,
995
+ "now": undefined,
996
+ "text": undefined,
997
+ }
998
+ }
999
+ accessible={true}
1000
+ collapsable={false}
1001
+ focusable={true}
1002
+ onBlur={[Function]}
1003
+ onClick={[Function]}
1004
+ onFocus={[Function]}
1005
+ onResponderGrant={[Function]}
1006
+ onResponderMove={[Function]}
1007
+ onResponderRelease={[Function]}
1008
+ onResponderTerminate={[Function]}
1009
+ onResponderTerminationRequest={[Function]}
1010
+ onStartShouldSetResponder={[Function]}
1011
+ pointerEvents="none"
1012
+ style={
1013
+ [
1014
+ [
1015
+ {
1016
+ "_container": {
1017
+ "overflow": "hidden",
1018
+ },
1019
+ "_pressed": {
1020
+ "bottom": 0,
1021
+ "left": 0,
1022
+ "right": 0,
1023
+ "top": 0,
1024
+ },
1025
+ "alignSelf": "center",
1026
+ "container": {
1027
+ "overflow": "hidden",
1028
+ },
1029
+ "marginBottom": 4,
1030
+ "overflow": "visible",
1031
+ "padding": 0,
1032
+ "pressed": {
1033
+ "bottom": 0,
1034
+ "left": 0,
1035
+ "right": 0,
1036
+ "top": 0,
1037
+ },
1038
+ },
1039
+ ],
1040
+ {
1041
+ "opacity": 1,
1042
+ },
1043
+ ]
1044
+ }
1045
+ >
1046
+ <View
1047
+ style={
1048
+ [
1049
+ {
1050
+ "position": "relative",
1051
+ },
1052
+ ]
1053
+ }
1054
+ >
1055
+ <Text
1056
+ accessibilityElementsHidden={true}
1057
+ allowFontScaling={false}
1058
+ importantForAccessibility="no"
1059
+ selectable={false}
1060
+ style={
1061
+ [
1062
+ {
1063
+ "color": "#837C7C",
1064
+ "fontFamily": "auroraicons",
1065
+ "fontSize": 24,
1066
+ "fontStyle": "normal",
1067
+ "fontWeight": "normal",
1068
+ "height": 24,
1069
+ "width": 24,
1070
+ },
1071
+ ]
1072
+ }
1073
+ >
1074
+
1075
+ </Text>
1076
+ <View
1077
+ collapsable={false}
1078
+ style={
1079
+ {
1080
+ "backgroundColor": "#F45545",
1081
+ "borderColor": "#FFFFFF",
1082
+ "borderRadius": 9999,
1083
+ "borderWidth": 2,
1084
+ "height": 10,
1085
+ "position": "absolute",
1086
+ "right": 0,
1087
+ "top": 0,
1088
+ "transform": [
1089
+ {
1090
+ "scale": 1,
1091
+ },
1092
+ ],
1093
+ "width": 10,
1094
+ }
1095
+ }
1096
+ />
1097
+ </View>
1098
+ </View>
1099
+ <Text
1100
+ allowFontScaling={false}
1101
+ numberOfLines={1}
1102
+ selectable={false}
1103
+ style={
1104
+ [
1105
+ {
1106
+ "color": "#837C7C",
1107
+ "fontFamily": "AreaNormal-Semibold",
1108
+ "fontSize": 10,
1109
+ "letterSpacing": 0.1,
1110
+ "lineHeight": 14,
1111
+ "overflow": "hidden",
1112
+ "paddingBottom": 0,
1113
+ "paddingLeft": 0,
1114
+ "paddingRight": 0,
1115
+ "paddingTop": 0,
1116
+ "textAlign": "center",
1117
+ },
1118
+ ]
1119
+ }
1120
+ >
1121
+ Mensajes
1122
+ </Text>
1123
+ </View>
1124
+ </View>
1125
+ </View>
1126
+ </View>
1127
+ `;