duodealer_app 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (212) hide show
  1. checksums.yaml +7 -0
  2. data/.!66854!duodealer_app.gemspec +0 -0
  3. data/.babelrc +5 -0
  4. data/.gitignore +16 -0
  5. data/.nvmrc +1 -0
  6. data/.rubocop.yml +263 -0
  7. data/.ruby-version +1 -0
  8. data/.travis.yml +27 -0
  9. data/Gemfile +8 -0
  10. data/LICENSE +19 -0
  11. data/README.md +553 -0
  12. data/Rakefile +6 -0
  13. data/app/assets/images/storage_access.svg +2 -0
  14. data/app/assets/javascripts/duodealer_app/enable_cookies.js +3 -0
  15. data/app/assets/javascripts/duodealer_app/itp_helper.js +40 -0
  16. data/app/assets/javascripts/duodealer_app/partition_cookies.js +8 -0
  17. data/app/assets/javascripts/duodealer_app/redirect.js +33 -0
  18. data/app/assets/javascripts/duodealer_app/request_storage_access.js +3 -0
  19. data/app/assets/javascripts/duodealer_app/storage_access.js +153 -0
  20. data/app/assets/javascripts/duodealer_app/storage_access_redirect.js +17 -0
  21. data/app/assets/javascripts/duodealer_app/top_level.js +2 -0
  22. data/app/assets/javascripts/duodealer_app/top_level_interaction.js +11 -0
  23. data/app/controllers/concerns/duodealer_app/authenticated.rb +15 -0
  24. data/app/controllers/concerns/duodealer_app/authenticated.rb-e +15 -0
  25. data/app/controllers/duodealer_app/authenticated_controller.rb +9 -0
  26. data/app/controllers/duodealer_app/authenticated_controller.rb-e +9 -0
  27. data/app/controllers/duodealer_app/callback_controller.rb +104 -0
  28. data/app/controllers/duodealer_app/callback_controller.rb-e +104 -0
  29. data/app/controllers/duodealer_app/extension_verification_controller.rb +19 -0
  30. data/app/controllers/duodealer_app/extension_verification_controller.rb-e +19 -0
  31. data/app/controllers/duodealer_app/sessions_controller.rb +159 -0
  32. data/app/controllers/duodealer_app/sessions_controller.rb-e +159 -0
  33. data/app/controllers/duodealer_app/webhooks_controller.rb +37 -0
  34. data/app/controllers/duodealer_app/webhooks_controller.rb-e +37 -0
  35. data/app/views/duodealer_app/partials/_button_styles.html.erb +104 -0
  36. data/app/views/duodealer_app/partials/_button_styles.html.erb-e +104 -0
  37. data/app/views/duodealer_app/partials/_card_styles.html.erb +33 -0
  38. data/app/views/duodealer_app/partials/_card_styles.html.erb-e +33 -0
  39. data/app/views/duodealer_app/partials/_empty_state_styles.html.erb +129 -0
  40. data/app/views/duodealer_app/partials/_empty_state_styles.html.erb-e +129 -0
  41. data/app/views/duodealer_app/partials/_layout_styles.html.erb +167 -0
  42. data/app/views/duodealer_app/partials/_layout_styles.html.erb-e +167 -0
  43. data/app/views/duodealer_app/partials/_typography_styles.html.erb +35 -0
  44. data/app/views/duodealer_app/partials/_typography_styles.html.erb-e +35 -0
  45. data/app/views/duodealer_app/sessions/enable_cookies.html.erb +75 -0
  46. data/app/views/duodealer_app/sessions/enable_cookies.html.erb-e +75 -0
  47. data/app/views/duodealer_app/sessions/new.html.erb +123 -0
  48. data/app/views/duodealer_app/sessions/new.html.erb-e +123 -0
  49. data/app/views/duodealer_app/sessions/request_storage_access.html.erb +68 -0
  50. data/app/views/duodealer_app/sessions/request_storage_access.html.erb-e +68 -0
  51. data/app/views/duodealer_app/sessions/top_level_interaction.html.erb +64 -0
  52. data/app/views/duodealer_app/sessions/top_level_interaction.html.erb-e +64 -0
  53. data/app/views/duodealer_app/shared/redirect.html.erb +23 -0
  54. data/app/views/duodealer_app/shared/redirect.html.erb-e +23 -0
  55. data/config/locales/cs.yml +23 -0
  56. data/config/locales/da.yml +20 -0
  57. data/config/locales/de.yml +22 -0
  58. data/config/locales/en.yml +15 -0
  59. data/config/locales/es.yml +22 -0
  60. data/config/locales/fi.yml +20 -0
  61. data/config/locales/fr.yml +23 -0
  62. data/config/locales/hi.yml +23 -0
  63. data/config/locales/it.yml +21 -0
  64. data/config/locales/ja.yml +17 -0
  65. data/config/locales/ko.yml +19 -0
  66. data/config/locales/ms.yml +22 -0
  67. data/config/locales/nb.yml +21 -0
  68. data/config/locales/nl.yml +21 -0
  69. data/config/locales/pl.yml +21 -0
  70. data/config/locales/pt-BR.yml +21 -0
  71. data/config/locales/pt-PT.yml +22 -0
  72. data/config/locales/sv.yml +21 -0
  73. data/config/locales/th.yml +20 -0
  74. data/config/locales/tr.yml +22 -0
  75. data/config/locales/zh-CN.yml +16 -0
  76. data/config/locales/zh-TW.yml +16 -0
  77. data/config/routes.rb +22 -0
  78. data/docs/.!20385!test-your-app.png +0 -0
  79. data/docs/.!20388!install-on-dev-shop.png +0 -0
  80. data/docs/.!62511!test-your-app.png +0 -0
  81. data/docs/.!62512!install-on-dev-shop.png +0 -0
  82. data/docs/.!62763!test-your-app.png +0 -0
  83. data/docs/.!62765!install-on-dev-shop.png +0 -0
  84. data/docs/.!63018!test-your-app.png +0 -0
  85. data/docs/.!63020!install-on-dev-shop.png +0 -0
  86. data/docs/.!63289!test-your-app.png +0 -0
  87. data/docs/.!63291!install-on-dev-shop.png +0 -0
  88. data/docs/.!63562!test-your-app.png +0 -0
  89. data/docs/.!63564!install-on-dev-shop.png +0 -0
  90. data/docs/.!63872!test-your-app.png +0 -0
  91. data/docs/.!63874!install-on-dev-shop.png +0 -0
  92. data/docs/.!64151!test-your-app.png +0 -0
  93. data/docs/.!64153!install-on-dev-shop.png +0 -0
  94. data/docs/.!64428!test-your-app.png +0 -0
  95. data/docs/.!64431!install-on-dev-shop.png +0 -0
  96. data/docs/.!64737!test-your-app.png +0 -0
  97. data/docs/.!64740!install-on-dev-shop.png +0 -0
  98. data/docs/.!65025!test-your-app.png +0 -0
  99. data/docs/.!65028!install-on-dev-shop.png +0 -0
  100. data/docs/.!65324!test-your-app.png +0 -0
  101. data/docs/.!65327!install-on-dev-shop.png +0 -0
  102. data/docs/.!65626!test-your-app.png +0 -0
  103. data/docs/.!65629!install-on-dev-shop.png +0 -0
  104. data/docs/.!65942!test-your-app.png +0 -0
  105. data/docs/.!65945!install-on-dev-shop.png +0 -0
  106. data/docs/.!66760!test-your-app.png +0 -0
  107. data/docs/.!66763!install-on-dev-shop.png +0 -0
  108. data/docs/.!67028!test-your-app.png +0 -0
  109. data/docs/.!67031!install-on-dev-shop.png +0 -0
  110. data/docs/.!67657!test-your-app.png +0 -0
  111. data/docs/.!67660!install-on-dev-shop.png +0 -0
  112. data/docs/.!68031!test-your-app.png +0 -0
  113. data/docs/.!68034!install-on-dev-shop.png +0 -0
  114. data/docs/.!68363!test-your-app.png +0 -0
  115. data/docs/.!68366!install-on-dev-shop.png +0 -0
  116. data/docs/Quickstart.md +103 -0
  117. data/docs/Releasing.md +17 -0
  118. data/docs/Troubleshooting.md +16 -0
  119. data/docs/install-on-dev-shop.png +0 -0
  120. data/docs/test-your-app.png +0 -0
  121. data/duodealer_app.gemspec +34 -0
  122. data/images/.!20334!app-proxy-screenshot.png +0 -0
  123. data/images/.!62504!app-proxy-screenshot.png +0 -0
  124. data/images/.!62754!app-proxy-screenshot.png +0 -0
  125. data/images/.!63008!app-proxy-screenshot.png +0 -0
  126. data/images/.!63277!app-proxy-screenshot.png +0 -0
  127. data/images/.!63548!app-proxy-screenshot.png +0 -0
  128. data/images/.!63855!app-proxy-screenshot.png +0 -0
  129. data/images/.!64132!app-proxy-screenshot.png +0 -0
  130. data/images/.!64407!app-proxy-screenshot.png +0 -0
  131. data/images/.!64714!app-proxy-screenshot.png +0 -0
  132. data/images/.!65000!app-proxy-screenshot.png +0 -0
  133. data/images/.!65296!app-proxy-screenshot.png +0 -0
  134. data/images/.!65594!app-proxy-screenshot.png +0 -0
  135. data/images/.!65908!app-proxy-screenshot.png +0 -0
  136. data/images/.!66724!app-proxy-screenshot.png +0 -0
  137. data/images/.!66989!app-proxy-screenshot.png +0 -0
  138. data/images/.!67614!app-proxy-screenshot.png +0 -0
  139. data/images/.!67986!app-proxy-screenshot.png +0 -0
  140. data/images/.!68314!app-proxy-screenshot.png +0 -0
  141. data/images/app-proxy-screenshot.png +0 -0
  142. data/karma.conf.js +44 -0
  143. data/lib/duodealer_app.rb +54 -0
  144. data/lib/duodealer_app/configuration.rb +85 -0
  145. data/lib/duodealer_app/controller_concerns/app_proxy_verification.rb +39 -0
  146. data/lib/duodealer_app/controller_concerns/embedded_app.rb +20 -0
  147. data/lib/duodealer_app/controller_concerns/itp.rb +44 -0
  148. data/lib/duodealer_app/controller_concerns/localization.rb +23 -0
  149. data/lib/duodealer_app/controller_concerns/login_protection.rb +180 -0
  150. data/lib/duodealer_app/controller_concerns/webhook_verification.rb +39 -0
  151. data/lib/duodealer_app/engine.rb +22 -0
  152. data/lib/duodealer_app/jobs/scripttags_manager_job.rb +17 -0
  153. data/lib/duodealer_app/jobs/webhooks_manager_job.rb +17 -0
  154. data/lib/duodealer_app/managers/scripttags_manager.rb +78 -0
  155. data/lib/duodealer_app/managers/webhooks_manager.rb +62 -0
  156. data/lib/duodealer_app/middleware/same_site_cookie_middleware.rb +69 -0
  157. data/lib/duodealer_app/session/in_memory_session_store.rb +29 -0
  158. data/lib/duodealer_app/session/session_repository.rb +33 -0
  159. data/lib/duodealer_app/session/session_storage.rb +31 -0
  160. data/lib/duodealer_app/session/storage_strategies/shop_storage_strategy.rb +25 -0
  161. data/lib/duodealer_app/session/storage_strategies/user_storage_strategy.rb +26 -0
  162. data/lib/duodealer_app/utils.rb +24 -0
  163. data/lib/duodealer_app/version.rb +5 -0
  164. data/lib/generators/duodealer_app/add_after_authenticate_job/add_after_authenticate_job_generator.rb +46 -0
  165. data/lib/generators/duodealer_app/add_after_authenticate_job/templates/after_authenticate_job.rb +10 -0
  166. data/lib/generators/duodealer_app/add_marketing_activity_extension/add_marketing_activity_extension_generator.rb +40 -0
  167. data/lib/generators/duodealer_app/add_marketing_activity_extension/templates/marketing_activities_controller.rb +62 -0
  168. data/lib/generators/duodealer_app/add_webhook/add_webhook_generator.rb +69 -0
  169. data/lib/generators/duodealer_app/add_webhook/templates/webhook_job.rb +8 -0
  170. data/lib/generators/duodealer_app/app_proxy_controller/app_proxy_controller_generator.rb +27 -0
  171. data/lib/generators/duodealer_app/app_proxy_controller/templates/app_proxy_controller.rb +9 -0
  172. data/lib/generators/duodealer_app/app_proxy_controller/templates/app_proxy_route.rb +10 -0
  173. data/lib/generators/duodealer_app/app_proxy_controller/templates/index.html.erb +19 -0
  174. data/lib/generators/duodealer_app/authenticated_controller/authenticated_controller_generator.rb +15 -0
  175. data/lib/generators/duodealer_app/authenticated_controller/templates/authenticated_controller.rb +5 -0
  176. data/lib/generators/duodealer_app/controllers/controllers_generator.rb +30 -0
  177. data/lib/generators/duodealer_app/duodealer_app_generator.rb +19 -0
  178. data/lib/generators/duodealer_app/home_controller/home_controller_generator.rb +27 -0
  179. data/lib/generators/duodealer_app/home_controller/templates/home_controller.rb +8 -0
  180. data/lib/generators/duodealer_app/home_controller/templates/index.html.erb +21 -0
  181. data/lib/generators/duodealer_app/install/install_generator.rb +83 -0
  182. data/lib/generators/duodealer_app/install/templates/_flash_messages.html.erb +3 -0
  183. data/lib/generators/duodealer_app/install/templates/duodealer_app.js +15 -0
  184. data/lib/generators/duodealer_app/install/templates/duodealer_app.rb +15 -0
  185. data/lib/generators/duodealer_app/install/templates/duodealer_app_index.js +2 -0
  186. data/lib/generators/duodealer_app/install/templates/duodealer_provider.rb +20 -0
  187. data/lib/generators/duodealer_app/install/templates/embedded_app.html.erb +41 -0
  188. data/lib/generators/duodealer_app/install/templates/flash_messages.js +26 -0
  189. data/lib/generators/duodealer_app/install/templates/omniauth.rb +2 -0
  190. data/lib/generators/duodealer_app/install/templates/session_store.rb +4 -0
  191. data/lib/generators/duodealer_app/install/templates/user_agent.rb +5 -0
  192. data/lib/generators/duodealer_app/rotate_duodealer_token_job/rotate_duodealer_token_job_generator.rb +16 -0
  193. data/lib/generators/duodealer_app/rotate_duodealer_token_job/templates/rotate_duodealer_token.rake +17 -0
  194. data/lib/generators/duodealer_app/rotate_duodealer_token_job/templates/rotate_duodealer_token_job.rb +42 -0
  195. data/lib/generators/duodealer_app/routes/routes_generator.rb +32 -0
  196. data/lib/generators/duodealer_app/routes/templates/routes.rb +11 -0
  197. data/lib/generators/duodealer_app/shop_model/shop_model_generator.rb +39 -0
  198. data/lib/generators/duodealer_app/shop_model/templates/db/migrate/create_shops.erb +15 -0
  199. data/lib/generators/duodealer_app/shop_model/templates/shop.rb +7 -0
  200. data/lib/generators/duodealer_app/shop_model/templates/shops.yml +3 -0
  201. data/lib/generators/duodealer_app/user_model/templates/db/migrate/create_users.erb +16 -0
  202. data/lib/generators/duodealer_app/user_model/templates/user.rb +7 -0
  203. data/lib/generators/duodealer_app/user_model/templates/users.yml +4 -0
  204. data/lib/generators/duodealer_app/user_model/user_model_generator.rb +39 -0
  205. data/lib/generators/duodealer_app/views/views_generator.rb +30 -0
  206. data/package-lock.json +7224 -0
  207. data/package.json +28 -0
  208. data/shipit.rubygems.yml +4 -0
  209. data/translation.yml +7 -0
  210. data/webpack.config.js +24 -0
  211. data/yarn.lock +5263 -0
  212. metadata +447 -0
@@ -0,0 +1,35 @@
1
+ <style>
2
+ .Polaris-Heading {
3
+ font-size:1.7rem;
4
+ font-weight:600;
5
+ line-height:2.4rem;
6
+ margin:0;
7
+ }
8
+
9
+ @media (min-width: 40em) {
10
+ .Polaris-Heading {
11
+ font-size:1.6rem;
12
+ }
13
+ }
14
+
15
+ .Polaris-DisplayText {
16
+ margin:0;
17
+ }
18
+
19
+ .Polaris-DisplayText--sizeMedium {
20
+ font-size:2.1rem;
21
+ font-weight:400;
22
+ line-height:2.8rem;
23
+ }
24
+
25
+ @media (min-width: 40em) {
26
+ .Polaris-DisplayText--sizeMedium {
27
+ font-size:2.6rem;
28
+ line-height:3.2rem;
29
+ }
30
+ }
31
+
32
+ .Polaris-TextContainer > * + * {
33
+ margin-top:1.6rem;
34
+ }
35
+ </style>
@@ -0,0 +1,35 @@
1
+ <style>
2
+ .Polaris-Heading {
3
+ font-size:1.7rem;
4
+ font-weight:600;
5
+ line-height:2.4rem;
6
+ margin:0;
7
+ }
8
+
9
+ @media (min-width: 40em) {
10
+ .Polaris-Heading {
11
+ font-size:1.6rem;
12
+ }
13
+ }
14
+
15
+ .Polaris-DisplayText {
16
+ margin:0;
17
+ }
18
+
19
+ .Polaris-DisplayText--sizeMedium {
20
+ font-size:2.1rem;
21
+ font-weight:400;
22
+ line-height:2.8rem;
23
+ }
24
+
25
+ @media (min-width: 40em) {
26
+ .Polaris-DisplayText--sizeMedium {
27
+ font-size:2.6rem;
28
+ line-height:3.2rem;
29
+ }
30
+ }
31
+
32
+ .Polaris-TextContainer > * + * {
33
+ margin-top:1.6rem;
34
+ }
35
+ </style>
@@ -0,0 +1,75 @@
1
+ <!DOCTYPE html>
2
+ <html lang="<%= I18n.locale %>">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <base target="_top">
7
+ <title>Redirecting…</title>
8
+ <%= render 'duodealer_app/partials/layout_styles' %>
9
+ <%= render 'duodealer_app/partials/typography_styles' %>
10
+ <%= render 'duodealer_app/partials/card_styles' %>
11
+ <%= render 'duodealer_app/partials/button_styles' %>
12
+ <style>
13
+ #CookiePartitionPrompt {
14
+ display: none;
15
+ }
16
+ </style>
17
+ <script>
18
+ window.apiKey = "<%= DuodealerApp.configuration.api_key %>";
19
+ window.shopOrigin = "https://<%= @shop %>";
20
+ window.returnTo = "<%= params[:return_to] %>"
21
+ </script>
22
+
23
+ <%= javascript_include_tag('duodealer_app/enable_cookies', crossorigin: 'anonymous', integrity: true) %>
24
+ </head>
25
+ <body>
26
+ <%=
27
+ content_tag(
28
+ :div, nil,
29
+ id: 'redirection-target',
30
+ data: {
31
+ target: {
32
+ duodealerUrl: "https://#{current_duodealer_domain}",
33
+ hasStorageAccessUrl: "#{has_storage_access_url}",
34
+ doesNotHaveStorageAccessUrl: "#{does_not_have_storage_access_url}",
35
+ appTargetUrl: "#{app_target_url}"
36
+ },
37
+ },
38
+ )
39
+ %>
40
+ <main id="CookiePartitionPrompt">
41
+ <div class="Polaris-Page">
42
+ <div class="Polaris-Page__Content">
43
+ <div class="Polaris-Layout">
44
+ <div class="Polaris-Layout__Section">
45
+ <div class="Polaris-Stack Polaris-Stack--vertical">
46
+ <div class="Polaris-Stack__Item">
47
+ <div class="Polaris-Card">
48
+ <div class="Polaris-Card__Header">
49
+ <h1 class="Polaris-Heading"><%= I18n.t('enable_cookies_heading', app: DuodealerApp.configuration.application_name) %></h1>
50
+ </div>
51
+ <div class="Polaris-Card__Section">
52
+ <p><%= I18n.t('enable_cookies_body', app: DuodealerApp.configuration.application_name) %></p>
53
+ </div>
54
+ <div class="Polaris-Card__Section Polaris-Card__Section--subdued">
55
+ <p><%= I18n.t('enable_cookies_footer') %></p>
56
+ </div>
57
+ </div>
58
+ </div>
59
+ <div class="Polaris-Stack__Item">
60
+ <div class="Polaris-Stack Polaris-Stack--distributionTrailing">
61
+ <div class="Polaris-Stack__Item">
62
+ <button type="button" class="Polaris-Button Polaris-Button--primary" id="AcceptCookies">
63
+ <span class="Polaris-Button__Content"><span><%= I18n.t('enable_cookies_action') %></span></span>
64
+ </button>
65
+ </div>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </div>
73
+ </main>
74
+ </body>
75
+ </html>
@@ -0,0 +1,75 @@
1
+ <!DOCTYPE html>
2
+ <html lang="<%= I18n.locale %>">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
6
+ <base target="_top">
7
+ <title>Redirecting…</title>
8
+ <%= render 'duodealer_app/partials/layout_styles' %>
9
+ <%= render 'duodealer_app/partials/typography_styles' %>
10
+ <%= render 'duodealer_app/partials/card_styles' %>
11
+ <%= render 'duodealer_app/partials/button_styles' %>
12
+ <style>
13
+ #CookiePartitionPrompt {
14
+ display: none;
15
+ }
16
+ </style>
17
+ <script>
18
+ window.apiKey = "<%= DuodealerApp.configuration.api_key %>";
19
+ window.shopOrigin = "https://<%= @shop %>";
20
+ window.returnTo = "<%= params[:return_to] %>"
21
+ </script>
22
+
23
+ <%= javascript_include_tag('duodealer_app/enable_cookies', crossorigin: 'anonymous', integrity: true) %>
24
+ </head>
25
+ <body>
26
+ <%=
27
+ content_tag(
28
+ :div, nil,
29
+ id: 'redirection-target',
30
+ data: {
31
+ target: {
32
+ duodealerUrl: "https://#{current_duodealer_domain}",
33
+ hasStorageAccessUrl: "#{has_storage_access_url}",
34
+ doesNotHaveStorageAccessUrl: "#{does_not_have_storage_access_url}",
35
+ appTargetUrl: "#{app_target_url}"
36
+ },
37
+ },
38
+ )
39
+ %>
40
+ <main id="CookiePartitionPrompt">
41
+ <div class="Polaris-Page">
42
+ <div class="Polaris-Page__Content">
43
+ <div class="Polaris-Layout">
44
+ <div class="Polaris-Layout__Section">
45
+ <div class="Polaris-Stack Polaris-Stack--vertical">
46
+ <div class="Polaris-Stack__Item">
47
+ <div class="Polaris-Card">
48
+ <div class="Polaris-Card__Header">
49
+ <h1 class="Polaris-Heading"><%= I18n.t('enable_cookies_heading', app: DuodealerApp.configuration.application_name) %></h1>
50
+ </div>
51
+ <div class="Polaris-Card__Section">
52
+ <p><%= I18n.t('enable_cookies_body', app: DuodealerApp.configuration.application_name) %></p>
53
+ </div>
54
+ <div class="Polaris-Card__Section Polaris-Card__Section--subdued">
55
+ <p><%= I18n.t('enable_cookies_footer') %></p>
56
+ </div>
57
+ </div>
58
+ </div>
59
+ <div class="Polaris-Stack__Item">
60
+ <div class="Polaris-Stack Polaris-Stack--distributionTrailing">
61
+ <div class="Polaris-Stack__Item">
62
+ <button type="button" class="Polaris-Button Polaris-Button--primary" id="AcceptCookies">
63
+ <span class="Polaris-Button__Content"><span><%= I18n.t('enable_cookies_action') %></span></span>
64
+ </button>
65
+ </div>
66
+ </div>
67
+ </div>
68
+ </div>
69
+ </div>
70
+ </div>
71
+ </div>
72
+ </div>
73
+ </main>
74
+ </body>
75
+ </html>
@@ -0,0 +1,123 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Duo Dealer App — Installation</title>
5
+
6
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+
9
+ <style>
10
+ * {
11
+ -moz-box-sizing: border-box;
12
+ -webkit-box-sizing: border-box;
13
+ box-sizing: border-box;
14
+ }
15
+
16
+ body {
17
+ padding: 2.5em 0;
18
+ color: #212b37;
19
+ font-family: -orange-system,BlinkMacSystemFont,San Francisco,Roboto,Segoe UI,Helvetica Neue,sans-serif;
20
+ }
21
+
22
+ .container {
23
+ width: 100%;
24
+ text-align: center;
25
+ margin-left: auto;
26
+ margin-right: auto;
27
+ }
28
+
29
+ @media screen and (min-width: 510px) {
30
+ .container {
31
+ width: 510px;
32
+ }
33
+ }
34
+
35
+ .title {
36
+ font-size: 1.5em;
37
+ margin: 2em auto;
38
+ display: flex;
39
+ align-items: center;
40
+ justify-content: center;
41
+ word-break: break-all;
42
+ }
43
+
44
+ .subtitle {
45
+ font-size: 0.8em;
46
+ font-weight: 500;
47
+ color: #64737f;
48
+ line-height: 2em;
49
+ }
50
+
51
+ .error {
52
+ line-height: 1em;
53
+ padding: 0.5em;
54
+ color: red;
55
+ }
56
+
57
+ input.marketing-input {
58
+ width: 100%;
59
+ height: 52px;
60
+ padding: 0 15px;
61
+ box-shadow: 0 0 0 1px #ddd;
62
+ border: 0;
63
+ border-radius: 5px;
64
+ background-color: #fff;
65
+ font-size: 1em;
66
+ margin-bottom: 15px;
67
+ }
68
+
69
+ input.marketing-input:focus {
70
+ color: #000;
71
+ outline: 0;
72
+ box-shadow: 0 0 0 2px #5e6ebf;
73
+ }
74
+
75
+ button.marketing-button {
76
+ display: inline-block;
77
+ width: 100%;
78
+ padding: 1.0625em 1.875em;
79
+ background-color: #5e6ebf;
80
+ color: #fff;
81
+ font-weight: 700;
82
+ font-size: 1em;
83
+ text-align: center;
84
+ outline: none;
85
+ border: 0 solid transparent;
86
+ border-radius: 5px;
87
+ cursor: pointer;
88
+ }
89
+
90
+ button.marketing-button:hover {
91
+ background: linear-gradient(to bottom, #5c6ac4, #4959bd);
92
+ border-color: #3f4eae;
93
+ }
94
+
95
+ button.marketing-button:focus {
96
+ box-shadow: 0 0 0.1875em 0.1875em rgba(94,110,191,0.5);
97
+ background-color: #223274;
98
+ color: #fff;
99
+ }
100
+ </style>
101
+ </head>
102
+ <body>
103
+
104
+ <main class="container" role="main">
105
+ <% application_name = DuodealerApp.configuration.application_name %>
106
+ <h3 class="title">
107
+ <%= application_name.presence || 'Duo Dealer App – Installation' %>
108
+ </h3>
109
+ <p class="subtitle">
110
+ <label for="shop">Enter your shop domain to log in or install this app.</label>
111
+ </p>
112
+
113
+ <%= form_tag login_path do %>
114
+ <% if flash[:error] %>
115
+ <div class="error"><%= flash[:error] %></div>
116
+ <% end %>
117
+ <input id="shop" name="shop" type="text" autofocus="autofocus" placeholder="example.duodealer.com" class="marketing-input">
118
+ <button type="submit" class="marketing-button">Install</button>
119
+ <% end %>
120
+ </main>
121
+
122
+ </body>
123
+ </html>
@@ -0,0 +1,123 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <title>Duo Dealer App — Installation</title>
5
+
6
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
7
+ <meta name="viewport" content="width=device-width, initial-scale=1">
8
+
9
+ <style>
10
+ * {
11
+ -moz-box-sizing: border-box;
12
+ -webkit-box-sizing: border-box;
13
+ box-sizing: border-box;
14
+ }
15
+
16
+ body {
17
+ padding: 2.5em 0;
18
+ color: #212b37;
19
+ font-family: -apple-system,BlinkMacSystemFont,San Francisco,Roboto,Segoe UI,Helvetica Neue,sans-serif;
20
+ }
21
+
22
+ .container {
23
+ width: 100%;
24
+ text-align: center;
25
+ margin-left: auto;
26
+ margin-right: auto;
27
+ }
28
+
29
+ @media screen and (min-width: 510px) {
30
+ .container {
31
+ width: 510px;
32
+ }
33
+ }
34
+
35
+ .title {
36
+ font-size: 1.5em;
37
+ margin: 2em auto;
38
+ display: flex;
39
+ align-items: center;
40
+ justify-content: center;
41
+ word-break: break-all;
42
+ }
43
+
44
+ .subtitle {
45
+ font-size: 0.8em;
46
+ font-weight: 500;
47
+ color: #64737f;
48
+ line-height: 2em;
49
+ }
50
+
51
+ .error {
52
+ line-height: 1em;
53
+ padding: 0.5em;
54
+ color: red;
55
+ }
56
+
57
+ input.marketing-input {
58
+ width: 100%;
59
+ height: 52px;
60
+ padding: 0 15px;
61
+ box-shadow: 0 0 0 1px #ddd;
62
+ border: 0;
63
+ border-radius: 5px;
64
+ background-color: #fff;
65
+ font-size: 1em;
66
+ margin-bottom: 15px;
67
+ }
68
+
69
+ input.marketing-input:focus {
70
+ color: #000;
71
+ outline: 0;
72
+ box-shadow: 0 0 0 2px #5e6ebf;
73
+ }
74
+
75
+ button.marketing-button {
76
+ display: inline-block;
77
+ width: 100%;
78
+ padding: 1.0625em 1.875em;
79
+ background-color: #5e6ebf;
80
+ color: #fff;
81
+ font-weight: 700;
82
+ font-size: 1em;
83
+ text-align: center;
84
+ outline: none;
85
+ border: 0 solid transparent;
86
+ border-radius: 5px;
87
+ cursor: pointer;
88
+ }
89
+
90
+ button.marketing-button:hover {
91
+ background: linear-gradient(to bottom, #5c6ac4, #4959bd);
92
+ border-color: #3f4eae;
93
+ }
94
+
95
+ button.marketing-button:focus {
96
+ box-shadow: 0 0 0.1875em 0.1875em rgba(94,110,191,0.5);
97
+ background-color: #223274;
98
+ color: #fff;
99
+ }
100
+ </style>
101
+ </head>
102
+ <body>
103
+
104
+ <main class="container" role="main">
105
+ <% application_name = DuodealerApp.configuration.application_name %>
106
+ <h3 class="title">
107
+ <%= application_name.presence || 'Duo Dealer App – Installation' %>
108
+ </h3>
109
+ <p class="subtitle">
110
+ <label for="shop">Enter your shop domain to log in or install this app.</label>
111
+ </p>
112
+
113
+ <%= form_tag login_path do %>
114
+ <% if flash[:error] %>
115
+ <div class="error"><%= flash[:error] %></div>
116
+ <% end %>
117
+ <input id="shop" name="shop" type="text" autofocus="autofocus" placeholder="example.duodealer.com" class="marketing-input">
118
+ <button type="submit" class="marketing-button">Install</button>
119
+ <% end %>
120
+ </main>
121
+
122
+ </body>
123
+ </html>