@designcrowd/fe-shared-lib 1.2.5-pl-1 → 1.2.5-pl-3

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 (4) hide show
  1. package/Dockerfile +2 -4
  2. package/package.json +1 -1
  3. package/src/experiences/components/AuthFlow/ForgotPassword.vue +48 -21
  4. package/src/experiences/components/AuthFlow/ResetPassword.vue +33 -12
package/Dockerfile CHANGED
@@ -18,8 +18,7 @@ COPY npmrc .
18
18
  RUN mv npmrc .npmrc
19
19
 
20
20
  ARG NPM_TOKEN
21
- RUN npm whoami || (echo "Invalid NPM_TOKEN" && exit 1)
22
- # RUN echo $NPM_TOKEN
21
+ RUN echo $NPM_TOKEN
23
22
 
24
23
  RUN npm i
25
24
 
@@ -30,8 +29,7 @@ COPY .npmignore ./
30
29
  RUN npm run bundle-translation
31
30
 
32
31
  RUN mkdir artifacts
33
- # RUN npm publish || (echo "npm publish failed" && exit 1)
34
- RUN npm publish || touch artifacts/npm_publish_failed
32
+ RUN npm publish || (touch artifacts/npm_publish_failed && exit 1)
35
33
  RUN cp package.json artifacts/
36
34
 
37
35
  ENTRYPOINT ["/bin/echo", "Nothing to do."]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.2.5-pl-1",
3
+ "version": "1.2.5-pl-3",
4
4
  "scripts": {
5
5
  "start": "run-p storybook watch:translation",
6
6
  "build": "npm run build:css --production",
package/src/experiences/components/AuthFlow/ForgotPassword.vue CHANGED
@@ -1,21 +1,36 @@
1
1
  <template>
2
2
  <div class="tw-mx-2 sm:tw-mx-8">
3
- <span>PL-testing</span>
4
3
  <div v-if="helloBar" class="tw-relative tw-text-left tw-mt-8">
5
4
  <HelloBar :label="helloBar.label" :description="helloBar.description" :variant="helloBar.variant" />
6
- <Button variant="secondary" size="small" :label="resendPasswordEmailLabel"
5
+ <Button
6
+ variant="secondary"
7
+ size="small"
8
+ :label="resendPasswordEmailLabel"
7
9
  class="tw-hidden sm:tw-inline tw-absolute tw-right-2 md:tw-right-6 tw-top-1/2 tw-transform tw--translate-y-1/2"
8
- @on-click="submitForgotPasswordForm" />
9
- <Button variant="secondary" size="medium" :label="resendPasswordEmailLabel" :full-width="true"
10
- class="sm:tw-hidden tw-mt-2" @on-click="submitForgotPasswordForm" />
10
+ @on-click="submitForgotPasswordForm"
11
+ />
12
+ <Button
13
+ variant="secondary"
14
+ size="medium"
15
+ :label="resendPasswordEmailLabel"
16
+ :full-width="true"
17
+ class="sm:tw-hidden tw-mt-2"
18
+ @on-click="submitForgotPasswordForm"
19
+ />
11
20
  </div>
12
- <div class="lg:tw-flex tw-items-start tw-justify-center" :class="{
13
- 'tw-py-8': !isModalMode,
14
- }">
15
- <div class="tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto" :class="{
16
- 'tw-bg-white tw-border tw-border-solid tw-border-grayscale-400': !isModalMode,
17
- formBackgroundClass,
18
- }">
21
+ <div
22
+ class="lg:tw-flex tw-items-start tw-justify-center"
23
+ :class="{
24
+ 'tw-py-8': !isModalMode,
25
+ }"
26
+ >
27
+ <div
28
+ class="tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto"
29
+ :class="{
30
+ 'tw-bg-white tw-border tw-border-solid tw-border-grayscale-400': !isModalMode,
31
+ formBackgroundClass,
32
+ }"
33
+ >
19
34
  <div class="tw-w-full tw-p-4 md:tw-p-8">
20
35
  <h2 v-if="showTitle" class="tw-text-center tw-text-4xl tw-font-bold tw-mb-10">
21
36
  {{ title }}
@@ -25,22 +40,33 @@
25
40
  <input type="hidden" name="__RequestVerificationToken" :value="antiForgeryToken" />
26
41
  <input type="hidden" name="locale" :value="currentLocale" />
27
42
  <label for="email" class="tw-sr-only"> {{ emailLabel }} </label>
28
- <input v-model="aEmail" name="email" :class="{ 'tw-border-error-500': !!emailError }" type="email"
43
+ <input
44
+ v-model="aEmail"
45
+ name="email"
46
+ :class="{ 'tw-border-error-500': !!emailError }"
47
+ type="email"
29
48
  :placeholder="emailAddressPlaceholderLabel"
30
- class="email-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700" />
49
+ class="email-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
50
+ />
31
51
  <p v-if="!!emailError" class="tw-text-error-500 tw-text-sm tw-text-left">
32
52
  {{ emailError }}
33
53
  </p>
34
- <SubmissionButton variant="primary" size="medium" :label="resetPasswordLabel" label-size="larger"
35
- :is-loading="isLoading" :disabled="isLoading">
54
+ <SubmissionButton
55
+ variant="primary"
56
+ size="medium"
57
+ :label="resetPasswordLabel"
58
+ label-size="larger"
59
+ :is-loading="isLoading"
60
+ :disabled="isLoading"
61
+ >
36
62
  </SubmissionButton>
37
63
  </form>
38
64
  </div>
39
65
  <p
40
- class="tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-pt-6 tw-pb-8 tw-text-grayscale-600">
66
+ class="tw-w-full tw-border-0 tw-border-t tw-border-solid tw-border-grayscale-400 tw-text-center tw-pt-6 tw-pb-8 tw-text-grayscale-600"
67
+ >
41
68
  {{ rememberedPasswordLabel }}
42
- <button class="tw-text-info-500 tw-cursor-pointer" @click="goBackToLoginClick()">{{ goBackToLoginLabel
43
- }}</button>
69
+ <button class="tw-text-info-500 tw-cursor-pointer" @click="goBackToLoginClick()">{{ goBackToLoginLabel }}</button>
44
70
  </p>
45
71
  </div>
46
72
  </div>
@@ -98,7 +124,7 @@ export default {
98
124
  forgotPasswordContent: {
99
125
  type: Object,
100
126
  required: false,
101
- default: () => { },
127
+ default: () => {},
102
128
  },
103
129
  },
104
130
  data() {
@@ -130,7 +156,8 @@ export default {
130
156
  isModalMode() {
131
157
  return this.onGoBackToSignIn !== undefined;
132
158
  },
133
- showTitle() {
159
+ showTitle()
160
+ {
134
161
  return this.title && !this.hideTitle;
135
162
  },
136
163
  },
package/src/experiences/components/AuthFlow/ResetPassword.vue CHANGED
@@ -1,13 +1,13 @@
1
1
  <template>
2
2
  <div class="tw-mx-2 sm:tw-mx-8">
3
- <span>PL-testing</span>
4
3
  <div v-if="helloBar" class="tw-text-left tw-mt-8">
5
4
  <HelloBar :label="helloBar.label" :description="helloBar.description" :variant="helloBar.variant" />
6
5
  </div>
7
6
  <div class="lg:tw-flex tw-items-start tw-justify-center tw-py-8">
8
7
  <div
9
8
  class="tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-auto tw-bg-white tw-border tw-border-solid tw-border-grayscale-400"
10
- :class="formBackgroundClass">
9
+ :class="formBackgroundClass"
10
+ >
11
11
  <div class="tw-w-full tw-p-4 md:tw-p-8">
12
12
  <h2 class="tw-text-center tw-text-4xl tw-font-bold tw-mb-2">
13
13
  {{ title }}
@@ -19,23 +19,43 @@
19
19
  <input name="resetPasswordToken" type="hidden" :value="resetPasswordToken" />
20
20
  <input name="locale" type="hidden" :value="currentLocale" />
21
21
  <label for="password" class="tw-sr-only">New Password</label>
22
- <input v-model="password" name="password" type="password" aria-required="true"
23
- :aria-invalid="!!passwordError" autocomplete="new-password" :placeholder="newPasswordPlaceholder"
22
+ <input
23
+ v-model="password"
24
+ name="password"
25
+ type="password"
26
+ aria-required="true"
27
+ :aria-invalid="!!passwordError"
28
+ autocomplete="new-password"
29
+ :placeholder="newPasswordPlaceholder"
24
30
  class="password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
25
- :class="{ 'tw-border-error-500': !!passwordError }" />
31
+ :class="{ 'tw-border-error-500': !!passwordError }"
32
+ />
26
33
  <p v-if="!!passwordError" class="tw-text-error-500 tw-text-sm tw-text-left tw-mb-4">
27
34
  {{ passwordError }}
28
35
  </p>
29
36
  <label for="confirmPassword" class="tw-sr-only">{{ confirmPasswordLabel }}</label>
30
- <input v-model="confirmPassword" name="confirmPassword" type="password" aria-required="true"
31
- :aria-invalid="!!confirmPasswordError" autocomplete="off" :placeholder="confirmPasswordPlaceholder"
37
+ <input
38
+ v-model="confirmPassword"
39
+ name="confirmPassword"
40
+ type="password"
41
+ aria-required="true"
42
+ :aria-invalid="!!confirmPasswordError"
43
+ autocomplete="off"
44
+ :placeholder="confirmPasswordPlaceholder"
32
45
  class="password-input tw-mb-3 tw-h-12 tw-bg-no-repeat tw-w-full tw-rounded tw-shadow-inner tw-outline-none tw-py-4 tw-pl-10-important tw-pr-2 tw-text-grayscale-600 tw-border tw-border-grayscale-500 focus:tw-border-grayscale-700"
33
- :class="{ 'tw-border-error-500': !!confirmPasswordError }" />
46
+ :class="{ 'tw-border-error-500': !!confirmPasswordError }"
47
+ />
34
48
  <p v-if="!!confirmPasswordError" class="tw-text-error-500 tw-text-sm tw-text-left tw-mb-4">
35
49
  {{ confirmPasswordError }}
36
50
  </p>
37
- <SubmissionButton variant="primary" size="medium" :label="updatePasswordLabel" label-size="larger"
38
- :is-loading="isLoading" :disabled="isLoading">
51
+ <SubmissionButton
52
+ variant="primary"
53
+ size="medium"
54
+ :label="updatePasswordLabel"
55
+ label-size="larger"
56
+ :is-loading="isLoading"
57
+ :disabled="isLoading"
58
+ >
39
59
  </SubmissionButton>
40
60
  </form>
41
61
  </div>
@@ -94,7 +114,7 @@ export default {
94
114
  resetPasswordContent: {
95
115
  type: Object,
96
116
  required: false,
97
- default: () => { },
117
+ default: () => {},
98
118
  },
99
119
  },
100
120
  data() {
@@ -104,6 +124,8 @@ export default {
104
124
  confirmPassword: undefined,
105
125
  passwordError: undefined,
106
126
  confirmPasswordError: undefined,
127
+
128
+ title: this.resetPasswordContent?.title,
107
129
  newPasswordLabel: this.resetPasswordContent?.newPasswordLabel ?? 'New Password',
108
130
  newPasswordPlaceholder: this.resetPasswordContent?.newPasswordPlaceholder ?? 'New password',
109
131
  confirmPasswordLabel: this.resetPasswordContent?.confirmPasswordLabel ?? 'Confirm Password',
@@ -111,7 +133,6 @@ export default {
111
133
  updatePasswordLabel: this.resetPasswordContent?.updatePasswordLabel ?? 'UPDATE PASSWORD',
112
134
  passwordRequiredError: this.resetPasswordContent?.passwordRequiredError ?? 'Please enter a password',
113
135
  passwordsDoNotMatchError: this.resetPasswordContent?.passwordsDoNotMatchError ?? 'Passwords do not match',
114
- title: this.resetPasswordContent?.title ?? 'Reset Password',
115
136
  description: this.resetPasswordContent?.description ?? 'Enter and confirm your new password',
116
137
  };
117
138
  },