@duffel/components 3.0.7-canary → 3.1.1

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 (174) hide show
  1. package/.eslintrc.js +8 -0
  2. package/.github/CODEOWNERS +4 -0
  3. package/.github/renovate.json +1 -5
  4. package/.github/workflows/release.yml +3 -0
  5. package/.storybook/__snapshots__/Storyshots.test.js.snap +6851 -252
  6. package/README.md +16 -2
  7. package/config/esbuild.base.config.js +6 -2
  8. package/config/esbuild.cdn.config.js +2 -1
  9. package/config/esbuild.dev.config.js +2 -1
  10. package/config/esbuild.react.config.js +1 -1
  11. package/data/airports.csv +9084 -0
  12. package/data/cities.csv +256 -0
  13. package/package.json +11 -1
  14. package/react-dist/components/{Card.d.ts → DuffelAncillaries/Card.d.ts} +1 -1
  15. package/react-dist/components/{DuffelAncillaries.d.ts → DuffelAncillaries/DuffelAncillaries.d.ts} +1 -1
  16. package/react-dist/components/{DuffelAncillariesCustomElement.d.ts → DuffelAncillaries/DuffelAncillariesCustomElement.d.ts} +1 -1
  17. package/react-dist/components/{bags → DuffelAncillaries/bags}/BaggageSelectionCard.d.ts +2 -2
  18. package/react-dist/components/{bags → DuffelAncillaries/bags}/BaggageSelectionController.d.ts +2 -2
  19. package/react-dist/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModal.d.ts +2 -2
  20. package/react-dist/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalBody.d.ts +2 -2
  21. package/react-dist/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalBodyPassenger.d.ts +2 -2
  22. package/react-dist/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalFooter.d.ts +1 -1
  23. package/react-dist/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalHeader.d.ts +1 -1
  24. package/react-dist/components/{bags → DuffelAncillaries/bags}/IncludedBaggageBanner.d.ts +1 -1
  25. package/react-dist/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionCard.d.ts +2 -2
  26. package/react-dist/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModal.d.ts +2 -2
  27. package/react-dist/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalBody.d.ts +1 -1
  28. package/react-dist/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalFooter.d.ts +2 -2
  29. package/react-dist/components/{seats → DuffelAncillaries/seats}/Amenity.d.ts +1 -1
  30. package/react-dist/components/{seats → DuffelAncillaries/seats}/Element.d.ts +2 -2
  31. package/react-dist/components/{seats → DuffelAncillaries/seats}/Legend.d.ts +1 -1
  32. package/react-dist/components/{seats → DuffelAncillaries/seats}/Row.d.ts +2 -2
  33. package/react-dist/components/{seats → DuffelAncillaries/seats}/RowSection.d.ts +2 -2
  34. package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatElement.d.ts +2 -2
  35. package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatInfo.d.ts +1 -1
  36. package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatMap.d.ts +2 -2
  37. package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatSelectionCard.d.ts +3 -3
  38. package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatSelectionModal.d.ts +3 -3
  39. package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatSelectionModalFooter.d.ts +2 -2
  40. package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatSelectionModalHeader.d.ts +1 -1
  41. package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatUnavailable.d.ts +1 -1
  42. package/react-dist/components/DuffelPayments/DuffelPayments.d.ts +11 -0
  43. package/react-dist/components/DuffelPayments/DuffelPaymentsCustomElement.d.ts +14 -0
  44. package/react-dist/components/PlacesLookup/PlacesLookup.d.ts +20 -0
  45. package/react-dist/components/{Button.d.ts → shared/Button.d.ts} +2 -2
  46. package/react-dist/components/{ErrorBoundary.d.ts → shared/ErrorBoundary.d.ts} +1 -1
  47. package/react-dist/components/{Icon.d.ts → shared/Icon.d.ts} +2 -0
  48. package/react-dist/components/{IconButton.d.ts → shared/IconButton.d.ts} +1 -1
  49. package/react-dist/components/{NonIdealState.d.ts → shared/NonIdealState.d.ts} +1 -1
  50. package/react-dist/custom-elements.d.ts +2 -1
  51. package/react-dist/custom-elements.js +21 -20
  52. package/react-dist/custom-elements.js.map +4 -4
  53. package/react-dist/index.d.ts +3 -1
  54. package/react-dist/index.js +51 -21
  55. package/react-dist/index.js.map +4 -4
  56. package/react-dist/lib/captureErrorInSentry.d.ts +1 -1
  57. package/react-dist/lib/fetchFromDuffelAPI.d.ts +7 -0
  58. package/react-dist/lib/hasHighLuminance.d.ts +1 -0
  59. package/react-dist/lib/logging.d.ts +7 -14
  60. package/react-dist/lib/retrieveSeatMaps.d.ts +1 -1
  61. package/react-dist/types/DuffelAncillariesProps.d.ts +1 -1
  62. package/scripts/generate-fixture.ts +13 -8
  63. package/scripts/setup-suggestion-data.ts +100 -0
  64. package/scripts/upload-to-cdn.sh +1 -1
  65. package/src/components/{Card.tsx → DuffelAncillaries/Card.tsx} +1 -1
  66. package/src/components/{Counter.tsx → DuffelAncillaries/Counter.tsx} +1 -1
  67. package/src/components/{DuffelAncillaries.tsx → DuffelAncillaries/DuffelAncillaries.tsx} +67 -64
  68. package/src/components/{DuffelAncillariesCustomElement.tsx → DuffelAncillaries/DuffelAncillariesCustomElement.tsx} +2 -2
  69. package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionCard.tsx +10 -5
  70. package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionController.tsx +2 -2
  71. package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModal.tsx +4 -4
  72. package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalBody.tsx +3 -3
  73. package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalBodyPassenger.tsx +2 -2
  74. package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalFooter.tsx +23 -16
  75. package/src/components/{bags → DuffelAncillaries/bags}/BaggageSelectionModalHeader.tsx +21 -16
  76. package/src/components/{bags → DuffelAncillaries/bags}/IncludedBaggageBanner.tsx +1 -1
  77. package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionCard.tsx +4 -4
  78. package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModal.tsx +3 -3
  79. package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalBody.tsx +3 -3
  80. package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalBodyListItem.tsx +1 -1
  81. package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalFooter.tsx +4 -4
  82. package/src/components/{seats → DuffelAncillaries/seats}/Amenity.tsx +2 -2
  83. package/src/components/{seats → DuffelAncillaries/seats}/DeckSelect.tsx +1 -1
  84. package/src/components/{seats → DuffelAncillaries/seats}/Element.tsx +2 -2
  85. package/src/components/{seats → DuffelAncillaries/seats}/ExitElement.tsx +1 -1
  86. package/src/components/{seats → DuffelAncillaries/seats}/Legend.tsx +2 -2
  87. package/src/components/{seats → DuffelAncillaries/seats}/Row.tsx +2 -2
  88. package/src/components/{seats → DuffelAncillaries/seats}/RowSection.tsx +5 -2
  89. package/src/components/{seats → DuffelAncillaries/seats}/SeatElement.tsx +3 -3
  90. package/src/components/{seats → DuffelAncillaries/seats}/SeatInfo.tsx +1 -1
  91. package/src/components/{seats → DuffelAncillaries/seats}/SeatMap.tsx +6 -2
  92. package/src/components/{seats → DuffelAncillaries/seats}/SeatMapUnavailable.tsx +1 -1
  93. package/src/components/{seats → DuffelAncillaries/seats}/SeatSelectionCard.tsx +5 -5
  94. package/src/components/{seats → DuffelAncillaries/seats}/SeatSelectionModal.tsx +5 -5
  95. package/src/components/{seats → DuffelAncillaries/seats}/SeatSelectionModalBody.tsx +1 -1
  96. package/src/components/{seats → DuffelAncillaries/seats}/SeatSelectionModalFooter.tsx +24 -17
  97. package/src/components/{seats → DuffelAncillaries/seats}/SeatSelectionModalHeader.tsx +27 -18
  98. package/src/components/{seats → DuffelAncillaries/seats}/SeatUnavailable.tsx +2 -2
  99. package/src/components/DuffelPayments/DuffelPayments.tsx +223 -0
  100. package/src/components/DuffelPayments/DuffelPaymentsCustomElement.tsx +130 -0
  101. package/src/components/PlacesLookup/PlacesLookup.tsx +123 -0
  102. package/src/components/{Button.tsx → shared/Button.tsx} +4 -3
  103. package/src/components/{ErrorBoundary.tsx → shared/ErrorBoundary.tsx} +2 -2
  104. package/src/components/{Icon.tsx → shared/Icon.tsx} +11 -11
  105. package/src/components/{IconButton.tsx → shared/IconButton.tsx} +1 -1
  106. package/src/components/{Modal.tsx → shared/Modal.tsx} +5 -1
  107. package/src/components/{NonIdealState.tsx → shared/NonIdealState.tsx} +1 -1
  108. package/src/custom-elements.ts +6 -1
  109. package/src/examples/client-side/index.html +1 -1
  110. package/src/examples/full-stack/index.html +1 -1
  111. package/src/examples/full-stack/server.mjs +1 -0
  112. package/src/examples/just-typescript/src/index.html +2 -2
  113. package/src/examples/just-typescript/src/index.ts +2 -1
  114. package/src/examples/payments-custom-element/README.md +17 -0
  115. package/src/examples/payments-custom-element/index.html +43 -0
  116. package/src/examples/payments-just-typescript/README.md +37 -0
  117. package/src/examples/payments-just-typescript/package.json +16 -0
  118. package/src/examples/payments-just-typescript/src/index.html +23 -0
  119. package/src/examples/payments-just-typescript/src/index.ts +18 -0
  120. package/src/examples/payments-just-typescript/yarn.lock +154 -0
  121. package/src/examples/react-app/src/index.tsx +11 -6
  122. package/src/index.ts +3 -1
  123. package/src/lib/captureErrorInSentry.ts +2 -20
  124. package/src/lib/fetchFromDuffelAPI.ts +36 -6
  125. package/src/lib/formatDate.ts +3 -4
  126. package/src/lib/getBaggageServiceDescription.ts +1 -6
  127. package/src/lib/getPassengerName.ts +4 -0
  128. package/src/lib/getTotalAmountForServices.ts +1 -1
  129. package/src/lib/hasHighLuminance.ts +9 -0
  130. package/src/lib/logging.ts +52 -32
  131. package/src/lib/retrieveOffer.ts +13 -6
  132. package/src/lib/retrieveSeatMaps.ts +13 -8
  133. package/src/stories/BaggageSelectionModalHeader.stories.tsx +1 -1
  134. package/src/stories/Button.stories.tsx +32 -2
  135. package/src/stories/DuffelAncillaries.stories.tsx +23 -1
  136. package/src/stories/DuffelPayments.stories.tsx +34 -0
  137. package/src/stories/Icon.stories.tsx +3 -2
  138. package/src/stories/IconButton.stories.tsx +1 -1
  139. package/src/stories/PlacesLookup.stories.tsx +22 -0
  140. package/src/styles/components/Button.css +11 -3
  141. package/src/styles/components/DuffelPayments.css +42 -0
  142. package/src/styles/components/Modal.css +2 -1
  143. package/src/styles/components/PlacesLookup.css +36 -0
  144. package/src/styles/components/SeatInfo.css +1 -1
  145. package/src/styles/global.css +2 -0
  146. package/src/tests/components/DuffelAncillaries.test.tsx +1 -1
  147. package/src/tests/lib/createPriceFormatters.test.tsx +1 -1
  148. package/src/tests/lib/formatAvailableServices.test.tsx +1 -1
  149. package/src/tests/lib/formatSeatMaps.test.tsx +2 -2
  150. package/src/tests/lib/getCurrencyForServices.test.tsx +1 -1
  151. package/src/tests/lib/hasServiceOfSameMetadataTypeAlreadyBeenSelected.test.ts +1 -1
  152. package/src/tests/lib/logging.test.tsx +14 -14
  153. package/src/tests/lib/moneyStringFormatter.test.tsx +1 -1
  154. package/src/tests/lib/validateProps.test.tsx +1 -1
  155. package/src/types/DuffelAncillariesProps.ts +1 -1
  156. /package/react-dist/components/{Counter.d.ts → DuffelAncillaries/Counter.d.ts} +0 -0
  157. /package/react-dist/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalBodyListItem.d.ts +0 -0
  158. /package/react-dist/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalHeader.d.ts +0 -0
  159. /package/react-dist/components/{seats → DuffelAncillaries/seats}/DeckSelect.d.ts +0 -0
  160. /package/react-dist/components/{seats → DuffelAncillaries/seats}/EmptyElement.d.ts +0 -0
  161. /package/react-dist/components/{seats → DuffelAncillaries/seats}/ExitElement.d.ts +0 -0
  162. /package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatMapUnavailable.d.ts +0 -0
  163. /package/react-dist/components/{seats → DuffelAncillaries/seats}/SeatSelectionModalBody.d.ts +0 -0
  164. /package/react-dist/components/{AnimatedLoaderEllipsis.d.ts → shared/AnimatedLoaderEllipsis.d.ts} +0 -0
  165. /package/react-dist/components/{FetchOfferErrorState.d.ts → shared/FetchOfferErrorState.d.ts} +0 -0
  166. /package/react-dist/components/{Modal.d.ts → shared/Modal.d.ts} +0 -0
  167. /package/react-dist/components/{Stamp.d.ts → shared/Stamp.d.ts} +0 -0
  168. /package/react-dist/components/{Tabs.d.ts → shared/Tabs.d.ts} +0 -0
  169. /package/src/components/{cancel_for_any_reason → DuffelAncillaries/cancel_for_any_reason}/CfarSelectionModalHeader.tsx +0 -0
  170. /package/src/components/{seats → DuffelAncillaries/seats}/EmptyElement.tsx +0 -0
  171. /package/src/components/{AnimatedLoaderEllipsis.tsx → shared/AnimatedLoaderEllipsis.tsx} +0 -0
  172. /package/src/components/{FetchOfferErrorState.tsx → shared/FetchOfferErrorState.tsx} +0 -0
  173. /package/src/components/{Stamp.tsx → shared/Stamp.tsx} +0 -0
  174. /package/src/components/{Tabs.tsx → shared/Tabs.tsx} +0 -0
package/.eslintrc.js CHANGED
@@ -35,5 +35,13 @@ module.exports = {
35
35
  "react/react-in-jsx-scope": 0,
36
36
  "react/prop-types": 0,
37
37
  "react-hooks/exhaustive-deps": 0,
38
+ "no-restricted-syntax": [
39
+ "error",
40
+ {
41
+ selector: "CallExpression[callee.object.name='console']",
42
+ message:
43
+ "Prefer 'log' or 'logGroup' from 'src/lib/logging.ts' instead of 'console'.",
44
+ },
45
+ ],
38
46
  },
39
47
  };
package/.github/CODEOWNERS ADDED
@@ -0,0 +1,4 @@
1
+ # See https://help.github.com/github/creating-cloning-and-archiving-repositories/about-code-owners#codeowners-syntax
2
+ # for more information about the format and syntax of this file
3
+
4
+ * @duffelhq/ux-products
package/.github/renovate.json CHANGED
@@ -1,10 +1,6 @@
1
1
  {
2
2
  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
3
- "extends": [
4
- "config:base",
5
- "schedule:earlyMondays",
6
- ":combinePatchMinorReleases"
7
- ],
3
+ "extends": ["config:base", "schedule:monthly", ":combinePatchMinorReleases"],
8
4
  "labels": ["dependencies"],
9
5
  "enabledManagers": ["github-actions", "npm"],
10
6
  "packageRules": [
package/.github/workflows/release.yml CHANGED
@@ -45,6 +45,9 @@ jobs:
45
45
  GIT_AUTHOR_EMAIL: duffel-bot-read-write@duffel.com
46
46
  GIT_COMMITTER_NAME: duffel-bot
47
47
  GIT_COMMITTER_EMAIL: duffel-bot-read-write@duffel.com
48
+ DUFFEL_API_URL: https://api.duffel.com
49
+ COMPONENT_CDN: https://assets.duffel.com/components
50
+ SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
48
51
  run: yarn release
49
52
 
50
53
  - name: Get version from package.json after release step