disco_app 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (350) hide show
  1. checksums.yaml +7 -0
  2. data/Rakefile +37 -0
  3. data/app/assets/images/disco_app/icon.svg +1 -0
  4. data/app/assets/images/disco_app/icons.svg +0 -0
  5. data/app/assets/javascripts/disco_app/components/custom/filterable_shop_list.js.jsx +61 -0
  6. data/app/assets/javascripts/disco_app/components/custom/inline-radio-options.es6.jsx +59 -0
  7. data/app/assets/javascripts/disco_app/components/custom/rules-editor.es6.jsx +432 -0
  8. data/app/assets/javascripts/disco_app/components/custom/shop_filter_query.js.jsx +13 -0
  9. data/app/assets/javascripts/disco_app/components/custom/shop_filter_tab.js.jsx +34 -0
  10. data/app/assets/javascripts/disco_app/components/custom/shop_filter_tabs.js.jsx +21 -0
  11. data/app/assets/javascripts/disco_app/components/custom/shop_list.js.jsx +142 -0
  12. data/app/assets/javascripts/disco_app/components/custom/shop_row.js.jsx +43 -0
  13. data/app/assets/javascripts/disco_app/components/custom/shopify_admin_link.js.jsx +29 -0
  14. data/app/assets/javascripts/disco_app/components/ui-kit/cards/card-footer.es6.jsx +11 -0
  15. data/app/assets/javascripts/disco_app/components/ui-kit/cards/card-header.es6.jsx +11 -0
  16. data/app/assets/javascripts/disco_app/components/ui-kit/cards/card-section.es6.jsx +30 -0
  17. data/app/assets/javascripts/disco_app/components/ui-kit/cards/card.es6.jsx +16 -0
  18. data/app/assets/javascripts/disco_app/components/ui-kit/cards/cart-section-title.es6.jsx +9 -0
  19. data/app/assets/javascripts/disco_app/components/ui-kit/forms/base_form.es6.jsx +72 -0
  20. data/app/assets/javascripts/disco_app/components/ui-kit/forms/base_input.es6.jsx +20 -0
  21. data/app/assets/javascripts/disco_app/components/ui-kit/forms/button.es6.jsx +14 -0
  22. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-checkbox.es6.jsx +30 -0
  23. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-radio.es6.jsx +30 -0
  24. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-select.es6.jsx +39 -0
  25. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-text.es6.jsx +59 -0
  26. data/app/assets/javascripts/disco_app/components/ui-kit/forms/input-textarea.es6.jsx +48 -0
  27. data/app/assets/javascripts/disco_app/components/ui-kit/icons/icon-chevron.es6.jsx +33 -0
  28. data/app/assets/javascripts/disco_app/components/ui-kit/icons/next-icon.es6.jsx +18 -0
  29. data/app/assets/javascripts/disco_app/components/ui-kit/input_select.es6.jsx +21 -0
  30. data/app/assets/javascripts/disco_app/components/ui-kit/tables/table.es6.jsx +22 -0
  31. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-annotated-section.es6.jsx +29 -0
  32. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-empty-state.es6.jsx +35 -0
  33. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-footer-help.es6.jsx +13 -0
  34. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-layout-item.es6.jsx +11 -0
  35. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-layout-section.es6.jsx +19 -0
  36. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-layout-sections.es6.jsx +11 -0
  37. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-layout.es6.jsx +11 -0
  38. data/app/assets/javascripts/disco_app/components/ui-kit/ui-layout/ui-page-actions.es6.jsx +48 -0
  39. data/app/assets/javascripts/disco_app/components.js +2 -0
  40. data/app/assets/javascripts/disco_app/disco_app.js +9 -0
  41. data/app/assets/javascripts/disco_app/frame.js +152 -0
  42. data/app/assets/javascripts/disco_app/shopify-turbolinks.js +7 -0
  43. data/app/assets/javascripts/disco_app/ui-kit.js +1 -0
  44. data/app/assets/stylesheets/disco_app/admin/_header.scss +75 -0
  45. data/app/assets/stylesheets/disco_app/admin/_layout.scss +32 -0
  46. data/app/assets/stylesheets/disco_app/admin/_nav.scss +184 -0
  47. data/app/assets/stylesheets/disco_app/admin.scss +11 -0
  48. data/app/assets/stylesheets/disco_app/disco_app.scss +19 -0
  49. data/app/assets/stylesheets/disco_app/frame/_buttons.scss +54 -0
  50. data/app/assets/stylesheets/disco_app/frame/_forms.scss +26 -0
  51. data/app/assets/stylesheets/disco_app/frame/_layout.scss +77 -0
  52. data/app/assets/stylesheets/disco_app/frame/_type.scss +25 -0
  53. data/app/assets/stylesheets/disco_app/frame.scss +10 -0
  54. data/app/assets/stylesheets/disco_app/mixins/_flexbox.scss +400 -0
  55. data/app/assets/stylesheets/disco_app/ui-kit/_ui-empty-state.scss +121 -0
  56. data/app/assets/stylesheets/disco_app/ui-kit/_ui-footer-help.scss +28 -0
  57. data/app/assets/stylesheets/disco_app/ui-kit/_ui-icons.scss +28 -0
  58. data/app/assets/stylesheets/disco_app/ui-kit/_ui-kit.scss +5113 -0
  59. data/app/assets/stylesheets/disco_app/ui-kit/_ui-layout.scss +15 -0
  60. data/app/assets/stylesheets/disco_app/ui-kit/_ui-page-actions.scss +21 -0
  61. data/app/assets/stylesheets/disco_app/ui-kit/_ui-tabs.scss +75 -0
  62. data/app/assets/stylesheets/disco_app/ui-kit/_ui-type.scss +13 -0
  63. data/app/controllers/disco_app/admin/app_settings_controller.rb +3 -0
  64. data/app/controllers/disco_app/admin/application_controller.rb +3 -0
  65. data/app/controllers/disco_app/admin/concerns/app_settings_controller.rb +24 -0
  66. data/app/controllers/disco_app/admin/concerns/authenticated_controller.rb +20 -0
  67. data/app/controllers/disco_app/admin/concerns/plans_controller.rb +54 -0
  68. data/app/controllers/disco_app/admin/concerns/shops_controller.rb +7 -0
  69. data/app/controllers/disco_app/admin/concerns/subscriptions_controller.rb +29 -0
  70. data/app/controllers/disco_app/admin/plans_controller.rb +3 -0
  71. data/app/controllers/disco_app/admin/resources/shops_controller.rb +3 -0
  72. data/app/controllers/disco_app/admin/shops_controller.rb +3 -0
  73. data/app/controllers/disco_app/admin/subscriptions_controller.rb +3 -0
  74. data/app/controllers/disco_app/charges_controller.rb +47 -0
  75. data/app/controllers/disco_app/concerns/app_proxy_controller.rb +40 -0
  76. data/app/controllers/disco_app/concerns/authenticated_controller.rb +56 -0
  77. data/app/controllers/disco_app/concerns/carrier_request_controller.rb +21 -0
  78. data/app/controllers/disco_app/frame_controller.rb +9 -0
  79. data/app/controllers/disco_app/install_controller.rb +27 -0
  80. data/app/controllers/disco_app/subscriptions_controller.rb +32 -0
  81. data/app/controllers/disco_app/webhooks_controller.rb +46 -0
  82. data/app/controllers/sessions_controller.rb +28 -0
  83. data/app/helpers/disco_app/application_helper.rb +50 -0
  84. data/app/jobs/disco_app/app_installed_job.rb +3 -0
  85. data/app/jobs/disco_app/app_uninstalled_job.rb +3 -0
  86. data/app/jobs/disco_app/concerns/app_installed_job.rb +39 -0
  87. data/app/jobs/disco_app/concerns/app_uninstalled_job.rb +20 -0
  88. data/app/jobs/disco_app/concerns/render_asset_group_job.rb +8 -0
  89. data/app/jobs/disco_app/concerns/shop_update_job.rb +13 -0
  90. data/app/jobs/disco_app/concerns/subscription_changed_job.rb +7 -0
  91. data/app/jobs/disco_app/concerns/synchronise_carrier_service_job.rb +55 -0
  92. data/app/jobs/disco_app/concerns/synchronise_resources_job.rb +12 -0
  93. data/app/jobs/disco_app/concerns/synchronise_webhooks_job.rb +52 -0
  94. data/app/jobs/disco_app/render_asset_group_job.rb +3 -0
  95. data/app/jobs/disco_app/shop_job.rb +27 -0
  96. data/app/jobs/disco_app/shop_update_job.rb +3 -0
  97. data/app/jobs/disco_app/subscription_changed_job.rb +3 -0
  98. data/app/jobs/disco_app/synchronise_carrier_service_job.rb +3 -0
  99. data/app/jobs/disco_app/synchronise_resources_job.rb +3 -0
  100. data/app/jobs/disco_app/synchronise_webhooks_job.rb +3 -0
  101. data/app/models/disco_app/app_settings.rb +3 -0
  102. data/app/models/disco_app/application_charge.rb +18 -0
  103. data/app/models/disco_app/concerns/app_settings.rb +7 -0
  104. data/app/models/disco_app/concerns/can_be_liquified.rb +45 -0
  105. data/app/models/disco_app/concerns/has_metafields.rb +48 -0
  106. data/app/models/disco_app/concerns/plan.rb +26 -0
  107. data/app/models/disco_app/concerns/plan_code.rb +15 -0
  108. data/app/models/disco_app/concerns/renders_assets.rb +166 -0
  109. data/app/models/disco_app/concerns/shop.rb +78 -0
  110. data/app/models/disco_app/concerns/subscription.rb +60 -0
  111. data/app/models/disco_app/concerns/synchronises.rb +54 -0
  112. data/app/models/disco_app/concerns/taggable.rb +16 -0
  113. data/app/models/disco_app/plan.rb +3 -0
  114. data/app/models/disco_app/plan_code.rb +3 -0
  115. data/app/models/disco_app/recurring_application_charge.rb +18 -0
  116. data/app/models/disco_app/session_storage.rb +18 -0
  117. data/app/models/disco_app/shop.rb +3 -0
  118. data/app/models/disco_app/subscription.rb +3 -0
  119. data/app/resources/disco_app/admin/resources/concerns/shop_resource.rb +100 -0
  120. data/app/resources/disco_app/admin/resources/shop_resource.rb +4 -0
  121. data/app/services/disco_app/carrier_request_service.rb +15 -0
  122. data/app/services/disco_app/charges_service.rb +81 -0
  123. data/app/services/disco_app/proxy_service.rb +17 -0
  124. data/app/services/disco_app/subscription_service.rb +46 -0
  125. data/app/services/disco_app/webhook_service.rb +30 -0
  126. data/app/views/disco_app/admin/app_settings/edit.html.erb +5 -0
  127. data/app/views/disco_app/admin/plans/_form.html.erb +72 -0
  128. data/app/views/disco_app/admin/plans/_plan_code_fields.html.erb +15 -0
  129. data/app/views/disco_app/admin/plans/edit.html.erb +7 -0
  130. data/app/views/disco_app/admin/plans/index.html.erb +43 -0
  131. data/app/views/disco_app/admin/plans/new.html.erb +7 -0
  132. data/app/views/disco_app/admin/shops/index.html.erb +13 -0
  133. data/app/views/disco_app/admin/subscriptions/edit.html.erb +33 -0
  134. data/app/views/disco_app/charges/activate.html.erb +1 -0
  135. data/app/views/disco_app/charges/create.html.erb +1 -0
  136. data/app/views/disco_app/charges/new.html.erb +23 -0
  137. data/app/views/disco_app/frame/frame.html.erb +36 -0
  138. data/app/views/disco_app/install/installing.html.erb +7 -0
  139. data/app/views/disco_app/install/uninstalling.html.erb +1 -0
  140. data/app/views/disco_app/proxy_errors/404.html.erb +1 -0
  141. data/app/views/disco_app/shared/_card.html.erb +14 -0
  142. data/app/views/disco_app/shared/_icons.html.erb +1 -0
  143. data/app/views/disco_app/shared/_section.html.erb +17 -0
  144. data/app/views/disco_app/subscriptions/new.html.erb +25 -0
  145. data/app/views/layouts/admin/_nav_items.erb +20 -0
  146. data/app/views/layouts/admin.html.erb +67 -0
  147. data/app/views/layouts/application.html.erb +18 -0
  148. data/app/views/layouts/embedded_app.html.erb +44 -0
  149. data/app/views/layouts/embedded_app_modal.html.erb +28 -0
  150. data/app/views/sessions/new.html.erb +26 -0
  151. data/config/routes.rb +48 -0
  152. data/db/migrate/20150525000000_create_shops_if_not_existent.rb +15 -0
  153. data/db/migrate/20150525162112_add_status_to_shops.rb +5 -0
  154. data/db/migrate/20150525171422_add_meta_to_shops.rb +11 -0
  155. data/db/migrate/20150629210346_add_charge_status_to_shop.rb +5 -0
  156. data/db/migrate/20150814214025_add_more_meta_to_shops.rb +15 -0
  157. data/db/migrate/20151017231302_create_disco_app_plans.rb +13 -0
  158. data/db/migrate/20151017232027_create_disco_app_subscriptions.rb +15 -0
  159. data/db/migrate/20151017234409_move_shop_to_disco_app_engine.rb +5 -0
  160. data/db/migrate/20160112233706_create_disco_app_sessions.rb +12 -0
  161. data/db/migrate/20160113194418_add_shop_id_to_disco_app_sessions.rb +6 -0
  162. data/db/migrate/20160223111044_create_disco_app_settings.rb +8 -0
  163. data/db/migrate/20160301223215_update_plans.rb +22 -0
  164. data/db/migrate/20160301224558_update_subscriptions.rb +13 -0
  165. data/db/migrate/20160302104816_create_disco_app_recurring_application_charges.rb +14 -0
  166. data/db/migrate/20160302105259_create_disco_app_application_charges.rb +14 -0
  167. data/db/migrate/20160302134728_drop_charge_status_from_shops.rb +5 -0
  168. data/db/migrate/20160302142941_add_shopify_attributes_to_charges.rb +8 -0
  169. data/db/migrate/20160331093148_create_disco_app_plan_codes.rb +14 -0
  170. data/db/migrate/20160401044420_add_status_to_plan_codes.rb +5 -0
  171. data/db/migrate/20160401045551_add_amount_and_plan_code_to_disco_app_subscriptions.rb +7 -0
  172. data/db/migrate/20160425205211_add_source_to_disco_app_subscriptions.rb +5 -0
  173. data/db/migrate/20160426033520_add_trial_period_days_to_disco_app_subscriptions.rb +5 -0
  174. data/db/migrate/20160513140727_add_name_to_disco_app_shops.rb +5 -0
  175. data/db/migrate/20160521135510_move_shop_to_synchronises.rb +61 -0
  176. data/lib/disco_app/configuration.rb +45 -0
  177. data/lib/disco_app/constants.rb +4 -0
  178. data/lib/disco_app/engine.rb +26 -0
  179. data/lib/disco_app/session.rb +14 -0
  180. data/lib/disco_app/support/file_fixtures.rb +23 -0
  181. data/lib/disco_app/test_help.rb +11 -0
  182. data/lib/disco_app/version.rb +3 -0
  183. data/lib/disco_app.rb +7 -0
  184. data/lib/generators/disco_app/USAGE +5 -0
  185. data/lib/generators/disco_app/disco_app_generator.rb +239 -0
  186. data/lib/generators/disco_app/templates/assets/javascripts/application.js +17 -0
  187. data/lib/generators/disco_app/templates/assets/javascripts/components.js +3 -0
  188. data/lib/generators/disco_app/templates/assets/stylesheets/application.scss +5 -0
  189. data/lib/generators/disco_app/templates/config/database.yml.tt +20 -0
  190. data/lib/generators/disco_app/templates/config/newrelic.yml +26 -0
  191. data/lib/generators/disco_app/templates/config/puma.rb +15 -0
  192. data/lib/generators/disco_app/templates/controllers/home_controller.rb +7 -0
  193. data/lib/generators/disco_app/templates/initializers/disco_app.rb +28 -0
  194. data/lib/generators/disco_app/templates/initializers/rollbar.rb +19 -0
  195. data/lib/generators/disco_app/templates/initializers/session_store.rb +2 -0
  196. data/lib/generators/disco_app/templates/initializers/shopify_app.rb +7 -0
  197. data/lib/generators/disco_app/templates/initializers/shopify_session_repository.rb +7 -0
  198. data/lib/generators/disco_app/templates/root/CHECKS +4 -0
  199. data/lib/generators/disco_app/templates/root/Procfile +2 -0
  200. data/lib/generators/disco_app/templates/views/home/index.html.erb +2 -0
  201. data/lib/tasks/carrier_service.rake +10 -0
  202. data/lib/tasks/database.rake +8 -0
  203. data/lib/tasks/sessions.rake +9 -0
  204. data/lib/tasks/shops.rake +10 -0
  205. data/lib/tasks/start.rake +3 -0
  206. data/lib/tasks/webhooks.rake +10 -0
  207. data/test/controllers/disco_app/admin/shops_controller_test.rb +54 -0
  208. data/test/controllers/disco_app/charges_controller_test.rb +99 -0
  209. data/test/controllers/disco_app/install_controller_test.rb +50 -0
  210. data/test/controllers/disco_app/subscriptions_controller_test.rb +68 -0
  211. data/test/controllers/disco_app/webhooks_controller_test.rb +58 -0
  212. data/test/controllers/home_controller_test.rb +92 -0
  213. data/test/controllers/proxy_controller_test.rb +42 -0
  214. data/test/disco_app_test.rb +7 -0
  215. data/test/dummy/Rakefile +6 -0
  216. data/test/dummy/app/assets/javascripts/application.js +17 -0
  217. data/test/dummy/app/assets/stylesheets/application.scss +5 -0
  218. data/test/dummy/app/controllers/application_controller.rb +6 -0
  219. data/test/dummy/app/controllers/carrier_request_controller.rb +10 -0
  220. data/test/dummy/app/controllers/disco_app/admin/shops_controller.rb +8 -0
  221. data/test/dummy/app/controllers/home_controller.rb +7 -0
  222. data/test/dummy/app/controllers/proxy_controller.rb +8 -0
  223. data/test/dummy/app/helpers/application_helper.rb +2 -0
  224. data/test/dummy/app/jobs/disco_app/app_installed_job.rb +16 -0
  225. data/test/dummy/app/jobs/disco_app/app_uninstalled_job.rb +11 -0
  226. data/test/dummy/app/jobs/products_create_job.rb +7 -0
  227. data/test/dummy/app/jobs/products_delete_job.rb +7 -0
  228. data/test/dummy/app/jobs/products_update_job.rb +7 -0
  229. data/test/dummy/app/models/disco_app/shop.rb +15 -0
  230. data/test/dummy/app/models/js_configuration.rb +8 -0
  231. data/test/dummy/app/models/product.rb +9 -0
  232. data/test/dummy/app/models/widget_configuration.rb +10 -0
  233. data/test/dummy/app/views/assets/script_tag.js.erb +1 -0
  234. data/test/dummy/app/views/assets/test.js.erb +1 -0
  235. data/test/dummy/app/views/assets/widget.js.erb +2 -0
  236. data/test/dummy/app/views/assets/widget.scss.erb +3 -0
  237. data/test/dummy/app/views/home/index.html.erb +2 -0
  238. data/test/dummy/app/views/snippets/widget.liquid.erb +1 -0
  239. data/test/dummy/bin/bundle +3 -0
  240. data/test/dummy/bin/rails +4 -0
  241. data/test/dummy/bin/rake +4 -0
  242. data/test/dummy/bin/setup +29 -0
  243. data/test/dummy/config/application.rb +38 -0
  244. data/test/dummy/config/boot.rb +5 -0
  245. data/test/dummy/config/database.codeship.yml +23 -0
  246. data/test/dummy/config/database.gitlab-ci.yml +24 -0
  247. data/test/dummy/config/database.yml +20 -0
  248. data/test/dummy/config/environment.rb +5 -0
  249. data/test/dummy/config/environments/development.rb +41 -0
  250. data/test/dummy/config/environments/production.rb +85 -0
  251. data/test/dummy/config/environments/test.rb +42 -0
  252. data/test/dummy/config/initializers/assets.rb +11 -0
  253. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  254. data/test/dummy/config/initializers/cookies_serializer.rb +3 -0
  255. data/test/dummy/config/initializers/disco_app.rb +28 -0
  256. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  257. data/test/dummy/config/initializers/inflections.rb +16 -0
  258. data/test/dummy/config/initializers/mime_types.rb +4 -0
  259. data/test/dummy/config/initializers/omniauth.rb +9 -0
  260. data/test/dummy/config/initializers/session_store.rb +2 -0
  261. data/test/dummy/config/initializers/shopify_app.rb +7 -0
  262. data/test/dummy/config/initializers/shopify_session_repository.rb +7 -0
  263. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  264. data/test/dummy/config/locales/en.yml +23 -0
  265. data/test/dummy/config/routes.rb +11 -0
  266. data/test/dummy/config/secrets.yml +22 -0
  267. data/test/dummy/config.ru +4 -0
  268. data/test/dummy/db/migrate/20160307182229_create_products.rb +11 -0
  269. data/test/dummy/db/migrate/20160530160739_create_asset_models.rb +19 -0
  270. data/test/dummy/db/schema.rb +141 -0
  271. data/test/dummy/public/404.html +67 -0
  272. data/test/dummy/public/422.html +67 -0
  273. data/test/dummy/public/500.html +66 -0
  274. data/test/dummy/public/favicon.ico +0 -0
  275. data/test/fixtures/api/widget_store/assets/create_script_tag_js_request.json +6 -0
  276. data/test/fixtures/api/widget_store/assets/create_script_tag_js_response.json +12 -0
  277. data/test/fixtures/api/widget_store/assets/create_script_tag_request.json +6 -0
  278. data/test/fixtures/api/widget_store/assets/create_script_tag_response.json +10 -0
  279. data/test/fixtures/api/widget_store/assets/create_test_js_request.json +6 -0
  280. data/test/fixtures/api/widget_store/assets/create_test_js_response.json +12 -0
  281. data/test/fixtures/api/widget_store/assets/create_widget_js_request.json +6 -0
  282. data/test/fixtures/api/widget_store/assets/create_widget_js_response.json +12 -0
  283. data/test/fixtures/api/widget_store/assets/create_widget_liquid_request.json +6 -0
  284. data/test/fixtures/api/widget_store/assets/create_widget_liquid_response.json +12 -0
  285. data/test/fixtures/api/widget_store/assets/create_widget_scss_request.json +6 -0
  286. data/test/fixtures/api/widget_store/assets/create_widget_scss_response.json +12 -0
  287. data/test/fixtures/api/widget_store/assets/get_script_tags_empty_request.json +1 -0
  288. data/test/fixtures/api/widget_store/assets/get_script_tags_empty_response.json +1 -0
  289. data/test/fixtures/api/widget_store/assets/get_script_tags_preexisting_request.json +1 -0
  290. data/test/fixtures/api/widget_store/assets/get_script_tags_preexisting_response.json +12 -0
  291. data/test/fixtures/api/widget_store/assets/update_script_tag_request.json +10 -0
  292. data/test/fixtures/api/widget_store/assets/update_script_tag_response.json +10 -0
  293. data/test/fixtures/api/widget_store/carrier_services.json +1 -0
  294. data/test/fixtures/api/widget_store/carrier_services_create.json +8 -0
  295. data/test/fixtures/api/widget_store/charges/activate_application_charge_request.json +16 -0
  296. data/test/fixtures/api/widget_store/charges/activate_application_charge_response.json +1 -0
  297. data/test/fixtures/api/widget_store/charges/activate_recurring_application_charge_request.json +20 -0
  298. data/test/fixtures/api/widget_store/charges/activate_recurring_application_charge_response.json +1 -0
  299. data/test/fixtures/api/widget_store/charges/create_application_charge_request.json +9 -0
  300. data/test/fixtures/api/widget_store/charges/create_application_charge_response.json +16 -0
  301. data/test/fixtures/api/widget_store/charges/create_recurring_application_charge_request.json +9 -0
  302. data/test/fixtures/api/widget_store/charges/create_recurring_application_charge_response.json +20 -0
  303. data/test/fixtures/api/widget_store/charges/create_second_recurring_application_charge_request.json +9 -0
  304. data/test/fixtures/api/widget_store/charges/create_second_recurring_application_charge_response.json +20 -0
  305. data/test/fixtures/api/widget_store/charges/get_accepted_application_charge_response.json +16 -0
  306. data/test/fixtures/api/widget_store/charges/get_accepted_recurring_application_charge_response.json +20 -0
  307. data/test/fixtures/api/widget_store/charges/get_declined_application_charge_response.json +16 -0
  308. data/test/fixtures/api/widget_store/charges/get_declined_recurring_application_charge_response.json +20 -0
  309. data/test/fixtures/api/widget_store/charges/get_pending_application_charge_response.json +16 -0
  310. data/test/fixtures/api/widget_store/charges/get_pending_recurring_application_charge_response.json +20 -0
  311. data/test/fixtures/api/widget_store/products/write_metafields_multiple_namespaces_request.json +31 -0
  312. data/test/fixtures/api/widget_store/products/write_metafields_multiple_namespaces_response.json +1 -0
  313. data/test/fixtures/api/widget_store/products/write_metafields_single_namespace_request.json +19 -0
  314. data/test/fixtures/api/widget_store/products/write_metafields_single_namespace_response.json +1 -0
  315. data/test/fixtures/api/widget_store/shop.json +46 -0
  316. data/test/fixtures/api/widget_store/webhooks.json +1 -0
  317. data/test/fixtures/assets/test.js +1 -0
  318. data/test/fixtures/assets/test.min.js +1 -0
  319. data/test/fixtures/disco_app/application_charges.yml +11 -0
  320. data/test/fixtures/disco_app/plan_codes.yml +13 -0
  321. data/test/fixtures/disco_app/plans.yml +37 -0
  322. data/test/fixtures/disco_app/recurring_application_charges.yml +11 -0
  323. data/test/fixtures/disco_app/shops.yml +10 -0
  324. data/test/fixtures/disco_app/subscriptions.yml +22 -0
  325. data/test/fixtures/js_configurations.yml +3 -0
  326. data/test/fixtures/liquid/model.liquid +8 -0
  327. data/test/fixtures/products.yml +4 -0
  328. data/test/fixtures/webhooks/app_uninstalled.json +46 -0
  329. data/test/fixtures/webhooks/product_created.json +167 -0
  330. data/test/fixtures/webhooks/product_deleted.json +3 -0
  331. data/test/fixtures/webhooks/product_updated.json +167 -0
  332. data/test/fixtures/widget_configurations.yml +4 -0
  333. data/test/integration/synchronises_test.rb +55 -0
  334. data/test/jobs/disco_app/app_installed_job_test.rb +57 -0
  335. data/test/jobs/disco_app/app_uninstalled_job_test.rb +30 -0
  336. data/test/jobs/disco_app/synchronise_carrier_service_job_test.rb +25 -0
  337. data/test/jobs/disco_app/synchronise_webhooks_job_test.rb +30 -0
  338. data/test/models/disco_app/can_be_liquified_test.rb +55 -0
  339. data/test/models/disco_app/has_metafields_test.rb +40 -0
  340. data/test/models/disco_app/plan_test.rb +5 -0
  341. data/test/models/disco_app/renders_assets_test.rb +109 -0
  342. data/test/models/disco_app/session_test.rb +31 -0
  343. data/test/models/disco_app/shop_test.rb +35 -0
  344. data/test/models/disco_app/subscription_test.rb +19 -0
  345. data/test/services/disco_app/charges_service_test.rb +112 -0
  346. data/test/services/disco_app/subscription_service_test.rb +60 -0
  347. data/test/support/test_file_fixtures.rb +29 -0
  348. data/test/support/test_shopify_api.rb +16 -0
  349. data/test/test_helper.rb +55 -0
  350. metadata +857 -0
@@ -0,0 +1,21 @@
1
+ var ShopFilterTabs = React.createClass({
2
+
3
+ onFilterTabSelected: function(filterTab) {
4
+ this.props.onFilterReplace(filterTab.filter);
5
+ },
6
+
7
+ render: function() {
8
+ var filterTabNodes = this.props.filterTabs.map(function(filterTab) {
9
+ return (
10
+ <ShopFilterTab key={filterTab.label} filter={this.props.filter} filterTab={filterTab} onFilterTabSelected={this.onFilterTabSelected} />
11
+ )
12
+ }, this);
13
+
14
+ return (
15
+ <ul className="next-tab__list">
16
+ {filterTabNodes}
17
+ </ul>
18
+ )
19
+ }
20
+
21
+ });
@@ -0,0 +1,142 @@
1
+ var ShopList = React.createClass({
2
+
3
+ getDefaultProps: function() {
4
+ return {
5
+ pageSize: 20
6
+ }
7
+ },
8
+
9
+ getInitialState: function() {
10
+ return {
11
+ shops: [],
12
+ page: 1
13
+ }
14
+ },
15
+
16
+ componentDidMount: function() {
17
+ this.getShops();
18
+ $(document).on('shops.changed', this.onShopsChanged);
19
+ },
20
+
21
+ componentWillUnmount: function() {
22
+ $(document).off('shops.changed', this.onShopsChanged);
23
+ },
24
+
25
+ componentDidUpdate: function (prevProps, prevState) {
26
+ if(prevProps.filter != this.props.filter) {
27
+ this.onShopsChanged();
28
+ }
29
+ if(prevState.page != this.state.page) {
30
+ this.getShops();
31
+ }
32
+ },
33
+
34
+ onPageChanged: function(increment) {
35
+ this.setState({page: this.state.page + increment});
36
+ },
37
+
38
+ /* get shops with a different filter */
39
+ onShopsChanged: function() {
40
+ this.setState({page: 1});
41
+ this.getShops();
42
+ },
43
+
44
+ getShops: function() {
45
+ //ShopifyApp.Bar.loadingOn();
46
+
47
+ // Set up request data with filter and pagination parameters.
48
+ var data = $.extend({
49
+ 'page[size]': this.props.pageSize,
50
+ 'page[number]': this.state.page
51
+ }, this.props.filter);
52
+
53
+ // Make the request to fetch the order list.
54
+ $.getJSON(this.props.shopsUrl, data, function(result) {
55
+ if(this.isMounted()) {
56
+ this.setState({
57
+ shops: result.data
58
+ });
59
+ }
60
+ }.bind(this))
61
+ .always(function() {
62
+ //ShopifyApp.Bar.loadingOff();
63
+ });
64
+ },
65
+
66
+ render: function() {
67
+ var shopRows = this.state.shops.map(function(shop, index) {
68
+ if ((index >= ((this.state.page - 1) * this.props.pageSize)) && (index < this.state.page * this.props.pageSize)) {
69
+ return (
70
+ <ShopRow shop={shop} editShopUrl={this.props.editShopUrl} editSubscriptionUrl={this.props.editSubscriptionUrl} key={shop.id} />
71
+ )
72
+ } else {
73
+ return null;
74
+ }
75
+ }.bind(this));
76
+
77
+ return (
78
+ <div>
79
+ <div className="next-card__section">
80
+ <table className="table-hover expanded">
81
+ <thead>
82
+ <tr>
83
+ <th>Shop</th>
84
+ <th>Status</th>
85
+ <th>Country</th>
86
+ <th>Shopify Plan</th>
87
+ <th>Subscription</th>
88
+ <th>Source</th>
89
+ <th>Installed for</th>
90
+ </tr>
91
+ </thead>
92
+ <tbody>
93
+ {shopRows}
94
+ </tbody>
95
+ </table>
96
+ </div>
97
+ <div className="next-card__section">
98
+ <div className="next-grid next-grid--no-padding next-grid--center-aligned">
99
+ <div className="next-grid__cell next-grid__cell--no-flex">
100
+ <ShopList.Paginator page={this.state.page} pageSize={this.props.pageSize} items={this.state.shops} onPageChanged={this.onPageChanged} />
101
+ </div>
102
+ </div>
103
+ </div>
104
+ </div>
105
+ )
106
+ }
107
+
108
+ });
109
+
110
+ /**
111
+ * Paginator.
112
+ */
113
+ ShopList.Paginator = React.createClass({
114
+
115
+ handlePreviousClick: function(e) {
116
+ this.props.onPageChanged(-1);
117
+ },
118
+
119
+ handleNextClick: function(e) {
120
+ this.props.onPageChanged(1);
121
+ },
122
+
123
+ render: function() {
124
+ return (
125
+ <div className="btn-group" role="group">
126
+ <ShopList.PaginatorButton label="&lsaquo;" isDisabled={this.props.page < 2} onClick={this.handlePreviousClick} />
127
+ <ShopList.PaginatorButton label="&rsaquo;" isDisabled={this.props.items.length < this.props.pageSize * this.props.page} onClick={this.handleNextClick} />
128
+ </div>
129
+ )
130
+ }
131
+
132
+ });
133
+
134
+ /**
135
+ * Individual button within a paginator.
136
+ */
137
+ ShopList.PaginatorButton = (props) => {
138
+ var className = 'btn btn-default' + (props.isDisabled ? ' disabled' : '');
139
+ return (
140
+ <button className={className} disabled={props.isDisabled} onClick={props.onClick}>{props.label}</button>
141
+ )
142
+ };
@@ -0,0 +1,43 @@
1
+ var ShopRow = (props) => {
2
+
3
+ var shop = props.shop,
4
+ editShopUrl = props.editShopUrl.replace(':id', shop.id),
5
+ domainName = shop.attributes['domain'],
6
+ countryName = shop.attributes['country-name'],
7
+ currency = shop.attributes['currency'],
8
+ planName = shop.attributes['plan-display-name'],
9
+ editSubscriptionUrl = props.editSubscriptionUrl
10
+ .replace(':shop_id', shop.id)
11
+ .replace(':id', shop.attributes['current-subscription-id']),
12
+ subscriptionPlan = shop.attributes['current-subscription-display-plan'],
13
+ subscriptionAmount = shop.attributes['current-subscription-display-amount'],
14
+ subscriptionSource = shop.attributes['current-subscription-source'],
15
+ installedDuration = shop.attributes['installed-duration'];
16
+
17
+ var subscriptionContent = null;
18
+ if(shop.attributes['current-subscription-id']) {
19
+ subscriptionContent = <a href={editSubscriptionUrl}>{subscriptionPlan} ({subscriptionAmount})</a>;
20
+ } else {
21
+ subscriptionContent = <span>{subscriptionPlan} ({subscriptionAmount})</span>;
22
+ }
23
+
24
+ var planCodeContent = null;
25
+ if(shop.attributes['current-subscription-display-plan-code']) {
26
+ planCodeContent = <span><br />{shop.attributes['current-subscription-display-plan-code']}</span>;
27
+ }
28
+
29
+ return (
30
+ <tr>
31
+ <td>
32
+ <a href={editShopUrl}>{domainName}</a><br />
33
+ <a href={'mailto:' + shop.attributes.email}>{shop.attributes.email}</a>
34
+ </td>
35
+ <td>{shop.attributes.status}</td>
36
+ <td>{countryName}</td>
37
+ <td>{planName}</td>
38
+ <td>{subscriptionContent}{planCodeContent}</td>
39
+ <td>{subscriptionSource}</td>
40
+ <td>{installedDuration}</td>
41
+ </tr>
42
+ )
43
+ };
@@ -0,0 +1,29 @@
1
+ /**
2
+ * ShopifyAdminLink
3
+ *
4
+ * Renders a link pointing to an object (such as an order or customer) inside
5
+ * the given shop's Shopify admin. This helper makes it easy to create links
6
+ * to objects within the admin that support both right-clicking and opening in
7
+ * a new tab as well as capturing a left click and redirecting to the relevant
8
+ * object using `ShopifyApp.redirect()`.
9
+ *
10
+ * This component is the React equivalent to the link_to_shopify_admin helper
11
+ * found in app/helpers/disco_app/application_helper.rb.
12
+ */
13
+ var ShopifyAdminLink = React.createClass({
14
+
15
+ handleClick: function(e) {
16
+ e.preventDefault();
17
+ ShopifyApp.redirect(this.props.href);
18
+ },
19
+
20
+ render: function() {
21
+ var href = ShopifyApp.shopOrigin + '/admin' + this.props.href;
22
+ return (
23
+ <a className={this.props.className} href={href} onClick={this.handleClick}>
24
+ {this.props.label}
25
+ </a>
26
+ )
27
+ }
28
+
29
+ });
@@ -0,0 +1,11 @@
1
+ const CardFooter = ({ children }) => {
2
+ return (
3
+ <div className="next-card__footer">
4
+ {children}
5
+ </div>
6
+ );
7
+ };
8
+
9
+ CardFooter.propTypes = {
10
+ children: React.PropTypes.node.isRequired
11
+ };
@@ -0,0 +1,11 @@
1
+ const CardHeader = ({ title }) => {
2
+ return (
3
+ <div className="next-card__header">
4
+ <CardSectionTitle title={title} />
5
+ </div>
6
+ );
7
+ };
8
+
9
+ CardHeader.propTypes = {
10
+ title: React.PropTypes.string.isRequired
11
+ };
@@ -0,0 +1,30 @@
1
+ const CardSection = ({ title, children, wrappable, borderless }) => {
2
+
3
+ const className = classNames({
4
+ 'next-card__section': true,
5
+ 'wrappable': wrappable,
6
+ 'wrappable--half-spacing': wrappable,
7
+ 'next-card__section--no-border': borderless,
8
+ 'next-card__section--no-top-spacing': borderless
9
+ });
10
+
11
+ const showTitle = () => {
12
+ if (title) {
13
+ return <CardSectionTitle title={title}/>;
14
+ } else {
15
+ return null;
16
+ }
17
+ };
18
+
19
+ return (
20
+ <div className={className}>
21
+ {showTitle()}
22
+ {children}
23
+ </div>
24
+ );
25
+ };
26
+
27
+ CardSection.propTypes = {
28
+ title: React.PropTypes.string,
29
+ children: React.PropTypes.node
30
+ };
@@ -0,0 +1,16 @@
1
+ const Card = ({ children, aside }) => {
2
+
3
+ const className = classNames({
4
+ 'next-card': true,
5
+ 'next-card--aside': aside
6
+ });
7
+
8
+ return (
9
+ <div className={className}>{children}</div>
10
+ );
11
+ };
12
+
13
+ Card.PropTypes = {
14
+ children: React.PropTypes.node,
15
+ aside: React.PropTypes.bool
16
+ };
@@ -0,0 +1,9 @@
1
+ const CardSectionTitle = ({ title }) => {
2
+ return (
3
+ <h3 className="next-heading">{title}</h3>
4
+ );
5
+ };
6
+
7
+ CardSectionTitle.propTypes = {
8
+ title: React.PropTypes.string.isRequired
9
+ };
@@ -0,0 +1,72 @@
1
+ /**
2
+ * Base class for form components that provides helper methods
3
+ * for rendering errors associated with the form
4
+ **/
5
+ class BaseForm extends React.Component {
6
+
7
+ /**
8
+ * check if the field parameter has errors associated.
9
+ * if no parameters are given, it checks if there's at least an error at all
10
+ **/
11
+ hasErrors(field) {
12
+ if ((arguments.length === 0 && this.errorKeys().length > 0) ||
13
+ (this.props.errors && this.props.errors.errors.indexOf(field) > -1)) {
14
+ return true;
15
+ }
16
+ return false;
17
+ }
18
+
19
+ /**
20
+ * returns a list of fields that contain errors
21
+ **/
22
+ errorKeys() {
23
+ return this.props.errors.errors;
24
+ }
25
+
26
+ /**
27
+ * returns the type of resource associate with this error
28
+ **/
29
+ errorType() {
30
+ return this.props.errors.type;
31
+ }
32
+
33
+ /**
34
+ * returns the error messages
35
+ **/
36
+ errorMessages() {
37
+ return this.props.errors.messages;
38
+ }
39
+
40
+ /**
41
+ * renders basic form errors
42
+ **/
43
+ renderErrors() {
44
+ if (!this.hasErrors()) {
45
+ return null;
46
+ }
47
+
48
+ var title = "There " + (this.errorMessages().length == 1 ? "is" : "are") + " " + this.errorMessages().length + " error" + (this.errorMessages().length > 1 ? "s" : "") + " for this " + this.errorType() + ":";
49
+ var errorMessages = this.errorMessages().map(function(message) {
50
+ return <li>{message}</li>;
51
+ });
52
+
53
+ return (
54
+ <div className="ui-banner ui-banner--status-error ui-banner--default-vertical-spacing ui-banner--default-horizontal-spacing">
55
+ <div className="ui-banner__ribbon">
56
+ <svg className="next-icon next-icon--24" viewBox="0 0 24 24">
57
+ <path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 4c1.4 0 2.7.4 3.9 1L12 8.8 8.8 12 5 15.9c-.6-1.1-1-2.5-1-3.9 0-4.4 3.6-8 8-8zm0 16c-1.4 0-2.7-.4-3.9-1l3.9-3.9 3.2-3.2L19 8.1c.6 1.1 1 2.5 1 3.9 0 4.4-3.6 8-8 8z"></path>
58
+ </svg>
59
+ </div>
60
+ <div className="ui-banner__content">
61
+ <h2 className="ui-banner__title">
62
+ {title}
63
+ </h2>
64
+ <ul>
65
+ {errorMessages}
66
+ </ul>
67
+ </div>
68
+ </div>
69
+ )
70
+ }
71
+
72
+ }
@@ -0,0 +1,20 @@
1
+ /**
2
+ * Base class providing helper method for deciding if an input contains errors.
3
+ * Expects subclasses to have `name` and `errors` props.
4
+ **/
5
+ class BaseInput extends React.Component {
6
+
7
+ /**
8
+ * Checks if the component has associated errors or not
9
+ **/
10
+ hasError() {
11
+ if (!(this.props && this.props.name)) {
12
+ return false;
13
+ }
14
+ var fieldName = this.props.name.substring(this.props.name.lastIndexOf("[") + 1, this.props.name.lastIndexOf("]"));
15
+ return (fieldName &&
16
+ this.props.errors &&
17
+ this.props.errors.errors &&
18
+ this.props.errors.errors.indexOf(fieldName) > -1);
19
+ }
20
+ }
@@ -0,0 +1,14 @@
1
+ const Button = ({ children, disabled, name=false, onClick = ()=>{}, primary = false, type = 'button' }) => {
2
+
3
+ const className = classNames({
4
+ 'btn': true,
5
+ 'btn-primary': primary
6
+ });
7
+
8
+ return(
9
+ <button type={type} name={name} disabled={disabled} className={className} onClick={onClick}>
10
+ {children}
11
+ </button>
12
+ )
13
+
14
+ };
@@ -0,0 +1,30 @@
1
+ const InputCheckbox = ({ label, name, value, checked, inline, isLast, onChange, disabled = false }) => {
2
+
3
+ const id = `${name}[${value}]`;
4
+
5
+ const wrapperClassName = classNames({
6
+ 'next-input-wrapper': true,
7
+ 'inline': inline,
8
+ 'sr': !isLast
9
+ });
10
+
11
+ const labelClassName = classNames({
12
+ 'next-label': true,
13
+ 'next-label--switch': true,
14
+ 'inline': inline,
15
+ 'fw-normal': inline
16
+ });
17
+
18
+ const handleChange = (e) => {
19
+ onChange && onChange(e.target.value);
20
+ };
21
+
22
+ return(
23
+ <div className={wrapperClassName}>
24
+ <label htmlFor={id} className={labelClassName}>{label}</label>
25
+ <input id={id} className="next-checkbox" type="checkbox" value={value} name={name} checked={checked} onChange={handleChange} disabled={disabled} />
26
+ <span className="next-checkbox--styled" />
27
+ </div>
28
+ )
29
+
30
+ };
@@ -0,0 +1,30 @@
1
+ const InputRadio = ({ label, name, value, checked, inline, isLast, onChange, disabled = false }) => {
2
+
3
+ const id = `${name}[${value}]`;
4
+
5
+ const wrapperClassName = classNames({
6
+ 'next-input-wrapper': true,
7
+ 'inline': inline,
8
+ 'sr': !isLast
9
+ });
10
+
11
+ const labelClassName = classNames({
12
+ 'next-label': true,
13
+ 'next-label--switch': true,
14
+ 'inline': inline,
15
+ 'fw-normal': inline
16
+ });
17
+
18
+ const handleChange = (e) => {
19
+ onChange && onChange(e.target.value);
20
+ };
21
+
22
+ return(
23
+ <div className={wrapperClassName}>
24
+ <label htmlFor={id} className={labelClassName}>{label}</label>
25
+ <input id={id} className="next-radio" type="radio" value={value} name={name} checked={checked} onChange={handleChange} disabled={disabled} />
26
+ <span className="next-radio--styled" />
27
+ </div>
28
+ )
29
+
30
+ };
@@ -0,0 +1,39 @@
1
+ const InputSelect = ({ id, label, labelHidden, name, options, value, onChange }) => {
2
+
3
+ const optionElements = options.map((option) => {
4
+ return <option key={option.value} value={option.value}>{option.label}</option>;
5
+ });
6
+
7
+ const labelClassName = classNames({
8
+ 'next-label': true,
9
+ 'helper--visually-hidden': labelHidden
10
+ });
11
+
12
+ const handleChange = (e) => {
13
+ onChange(e.target.value);
14
+ };
15
+
16
+ return(
17
+ <div className="next-input-wrapper">
18
+ <label className={labelClassName} htmlFor={id}>{label}</label>
19
+ <div className="next-select__wrapper next-input--has-content">
20
+ <select className="next-select rule-field" id={id} name={name} value={value} onChange={handleChange}>
21
+ {optionElements}
22
+ </select>
23
+ <NextIcon name="next-chevron-down" size={12} />
24
+ </div>
25
+ </div>
26
+ )
27
+
28
+ };
29
+
30
+ InputSelect.propTypes = {
31
+ label: React.PropTypes.string.isRequired,
32
+ name: React.PropTypes.string,
33
+ options: React.PropTypes.arrayOf(
34
+ React.PropTypes.shape({
35
+ label: React.PropTypes.string.isRequired,
36
+ value: React.PropTypes.string.isRequired
37
+ })
38
+ ).isRequired
39
+ };
@@ -0,0 +1,59 @@
1
+ class InputText extends BaseInput {
2
+
3
+ render() {
4
+ const { errors, name, value, defaultValue, disabled, helpMessage, label, labelHidden, onChange, placeholder } = this.props;
5
+
6
+ const wrapperClassName = classNames({
7
+ 'next-input-wrapper': true,
8
+ 'next-input-wrapper--is-error': this.hasError()
9
+ });
10
+
11
+ const labelClassName = classNames({
12
+ 'next-label': true,
13
+ 'helper--visually-hidden': labelHidden
14
+ });
15
+
16
+ const handleChange = (e) => {
17
+ onChange && onChange(e.target.value);
18
+ };
19
+
20
+ let helpElement = null;
21
+ if(helpMessage) {
22
+ helpElement = <p className="next-input__help-text">{helpMessage}</p>;
23
+ }
24
+
25
+ return (
26
+ <div className={wrapperClassName}>
27
+ <label className={labelClassName} htmlFor={name}>{label}</label>
28
+ <input
29
+ id={name}
30
+ className="next-input"
31
+ disabled={disabled}
32
+ value={value}
33
+ defaultValue={defaultValue}
34
+ name={name}
35
+ onChange={handleChange}
36
+ placeholder={placeholder}
37
+ type="text"
38
+ />
39
+ {helpElement}
40
+ </div>
41
+ );
42
+ }
43
+ }
44
+
45
+ InputText.propTypes = {
46
+ errors: React.PropTypes.object,
47
+ label: React.PropTypes.string.isRequired,
48
+ name: React.PropTypes.string,
49
+ onChange: React.PropTypes.func,
50
+ placeholder: React.PropTypes.string,
51
+ helpMessage: React.PropTypes.string,
52
+ error: React.PropTypes.bool,
53
+ disabled: React.PropTypes.bool
54
+ };
55
+
56
+ InputText.defaultProps = {
57
+ errors: {},
58
+ disabled: false
59
+ };
@@ -0,0 +1,48 @@
1
+ class InputTextArea extends BaseInput {
2
+
3
+ render() {
4
+ const { errors, defaultValue, label, name, onChange, placeholder, helpMessage } = this.props;
5
+
6
+ const wrapperClassName = classNames({
7
+ 'next-input-wrapper': true,
8
+ 'next-input-wrapper--is-error': this.hasError()
9
+ });
10
+
11
+ const handleChange = (e) => {
12
+ onChange(e.target.value);
13
+ };
14
+
15
+ let helpElement = null;
16
+ if(helpMessage) {
17
+ helpElement = <p className="next-input__help-text">{helpMessage}</p>;
18
+ }
19
+
20
+ return (
21
+ <div className={wrapperClassName}>
22
+ <label className="next-label" htmlFor={name}>{label}</label>
23
+ <textarea
24
+ className="next-textarea"
25
+ defaultValue={defaultValue}
26
+ name={name}
27
+ onChange={handleChange}
28
+ placeholder={placeholder}
29
+ />
30
+ {helpElement}
31
+ </div>
32
+ );
33
+ }
34
+ };
35
+
36
+ InputTextArea.propTypes = {
37
+ errors: React.PropTypes.object,
38
+ defaultValue: React.PropTypes.string,
39
+ label: React.PropTypes.string.isRequired,
40
+ name: React.PropTypes.string.isRequired,
41
+ onChange: React.PropTypes.func.isRequired,
42
+ placeholder: React.PropTypes.string,
43
+ helpMessage: React.PropTypes.string
44
+ };
45
+
46
+ InputTextArea.defaultProps = {
47
+ errors: {},
48
+ };
@@ -0,0 +1,33 @@
1
+ const IconChevron = ({ size, direction, disabled }) => {
2
+
3
+ const iconClasses = classNames({
4
+ "next-icon": true,
5
+ "next-icon--blue": disabled === false,
6
+ "next-icon--sky-darker": disabled,
7
+ "next-icon--rotate-180": direction === 'previous',
8
+ ['next-icon--' + size]: true
9
+ });
10
+
11
+ return (
12
+ <svg
13
+ aria-labelledby="next-chevron"
14
+ role="img"
15
+ className={iconClasses}
16
+ xmlns="http://www.w3.org/2000/svg"
17
+ viewBox="0 0 28 28">
18
+
19
+ <path d="M7,3.8l10.5,10.5L7,24.7l2.7,2.7L23,14.3L9.7,1C9.7,1,7,3.8,7,3.8z" />
20
+ </svg>
21
+ );
22
+ };
23
+
24
+ IconChevron.propTypes = {
25
+ direction: React.PropTypes.oneOf(['next', 'previous']).isRequired,
26
+ disabled: React.PropTypes.bool,
27
+ size: React.PropTypes.number
28
+ };
29
+
30
+ IconChevron.defaultProps = {
31
+ disabled: false,
32
+ size: 10
33
+ };