@weareconceptstudio/account 0.6.7 → 0.6.8

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 (7) hide show
  1. package/dist/modules/account/AccountBalanceTemplate/Voucher/index.d.ts.map +1 -1
  2. package/dist/modules/account/AccountBalanceTemplate/Voucher/index.js +7 -6
  3. package/dist/modules/account/AccountBalanceTemplate/Voucher/index.js.map +1 -1
  4. package/dist/modules/account/AccountBalanceTemplate/Voucher/style.d.ts.map +1 -1
  5. package/dist/modules/account/AccountBalanceTemplate/Voucher/style.js +80 -27
  6. package/dist/modules/account/AccountBalanceTemplate/Voucher/style.js.map +1 -1
  7. package/package.json +1 -1
package/dist/modules/account/AccountBalanceTemplate/Voucher/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/account/AccountBalanceTemplate/Voucher/index.js"],"names":[],"mappings":";AAWA,8CA4DC;kBAvE0C,OAAO"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/modules/account/AccountBalanceTemplate/Voucher/index.js"],"names":[],"mappings":";AAWA,8CAgEC;kBA3E0C,OAAO"}
package/dist/modules/account/AccountBalanceTemplate/Voucher/index.js CHANGED
@@ -7,8 +7,9 @@ import { AccountButton, WarningMessageForPopup } from '../../../../components';
7
7
  //* Style
8
8
  import VoucherStyle from './style';
9
9
  const Voucher = () => {
10
- const { openPopup } = useUi();
10
+ //! Ref
11
11
  const formRef = useRef();
12
+ const { openPopup } = useUi();
12
13
  const { redeemVoucher } = useBalance();
13
14
  //! Handle Popup
14
15
  const handleSuccessPopup = useCallback(() => {
@@ -17,6 +18,7 @@ const Voucher = () => {
17
18
  accountIcon: true,
18
19
  });
19
20
  }, []);
21
+ //! Handle Submit
20
22
  const onSubmit = async (values) => {
21
23
  return await redeemVoucher(values.code).then(() => {
22
24
  formRef.current.reset();
@@ -24,12 +26,11 @@ const Voucher = () => {
24
26
  });
25
27
  };
26
28
  return (React.createElement(VoucherStyle, null,
27
- React.createElement("div", { className: 'wrapper-title-section' },
28
- React.createElement(Text, { className: 'account-primary-color1 account-font-medium account-p account-p1 first-letter status-title-section-progress', text: 'account.balance_promotions.voucher.title' }),
29
- React.createElement("div", { className: 'line-title' })),
30
- React.createElement(Text, { className: 'account-primary-color1 account-p account-p4', text: 'account.balance_promotions.voucher.description' }),
29
+ React.createElement(Text, { className: 'account-primary-color1 account-font-medium account-p account-p1 first-letter voucher-title', text: 'account.balance_promotions.voucher.title' }),
30
+ React.createElement("div", { className: 'line-title' }),
31
+ React.createElement(Text, { className: 'account-primary-color1 account-p account-p4 voucher-description', text: 'account.balance_promotions.voucher.description' }),
31
32
  React.createElement("div", { className: 'voucher-form-container' },
32
- React.createElement(Form, { ref: formRef, onSubmit: onSubmit, mode: 'onSubmit', className: 'voucher-form' },
33
+ React.createElement(Form, { ref: formRef, mode: 'onSubmit', onSubmit: onSubmit, className: 'voucher-form' },
33
34
  React.createElement(Form.Item, { name: 'code', errorKey: 'account.balance_promotions.voucher.code' },
34
35
  React.createElement(Input, { placeholder: 'account.balance_promotions.voucher.inputPlaceholder' })),
35
36
  React.createElement(AccountButton, { type: 'submit', className: 'outline', text: 'account.general_actions.redeem' })))));
package/dist/modules/account/AccountBalanceTemplate/Voucher/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/account/AccountBalanceTemplate/Voucher/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,cAAc;AACd,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAE/E,SAAS;AACT,OAAO,YAAY,MAAM,SAAS,CAAC;AAEnC,MAAM,OAAO,GAAG,GAAG,EAAE;IACpB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAE9B,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;IACzB,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAEvC,gBAAgB;IAChB,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,SAAS,CACR,oBAAC,sBAAsB,IACtB,KAAK,EAAE,kDAAkD,EACzD,WAAW,EAAE,wDAAwD,GACpE,EACF;YACC,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,IAAI;SACjB,CACD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE;QACjC,OAAO,MAAM,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACjD,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACxB,kBAAkB,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,YAAY;QACZ,6BAAK,SAAS,EAAC,uBAAuB;YACrC,oBAAC,IAAI,IACJ,SAAS,EAAC,4GAA4G,EACtH,IAAI,EAAE,0CAA0C,GAC/C;YACF,6BAAK,SAAS,EAAC,YAAY,GAAG,CACzB;QACN,oBAAC,IAAI,IACJ,SAAS,EAAC,6CAA6C,EACvD,IAAI,EAAE,gDAAgD,GACrD;QACF,6BAAK,SAAS,EAAC,wBAAwB;YACtC,oBAAC,IAAI,IACJ,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,cAAc;gBACxB,oBAAC,IAAI,CAAC,IAAI,IACT,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,yCAAyC;oBAClD,oBAAC,KAAK,IAAC,WAAW,EAAE,qDAAqD,GAAI,CAClE;gBACZ,oBAAC,aAAa,IACb,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,gCAAgC,GACrC,CACI,CACF,CACQ,CACf,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/account/AccountBalanceTemplate/Voucher/index.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,cAAc;AACd,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAE/E,SAAS;AACT,OAAO,YAAY,MAAM,SAAS,CAAC;AAEnC,MAAM,OAAO,GAAG,GAAG,EAAE;IACpB,OAAO;IACP,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;IAEzB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC9B,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAEvC,gBAAgB;IAChB,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,SAAS,CACR,oBAAC,sBAAsB,IACtB,KAAK,EAAE,kDAAkD,EACzD,WAAW,EAAE,wDAAwD,GACpE,EACF;YACC,SAAS,EAAE,cAAc;YACzB,WAAW,EAAE,IAAI;SACjB,CACD,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iBAAiB;IACjB,MAAM,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,EAAE;QACjC,OAAO,MAAM,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACjD,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACxB,kBAAkB,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,YAAY;QACZ,oBAAC,IAAI,IACJ,SAAS,EAAC,4FAA4F,EACtG,IAAI,EAAE,0CAA0C,GAC/C;QAEF,6BAAK,SAAS,EAAC,YAAY,GAAG;QAE9B,oBAAC,IAAI,IACJ,SAAS,EAAC,iEAAiE,EAC3E,IAAI,EAAE,gDAAgD,GACrD;QAEF,6BAAK,SAAS,EAAC,wBAAwB;YACtC,oBAAC,IAAI,IACJ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,cAAc;gBACxB,oBAAC,IAAI,CAAC,IAAI,IACT,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,yCAAyC;oBAClD,oBAAC,KAAK,IAAC,WAAW,EAAE,qDAAqD,GAAI,CAClE;gBAEZ,oBAAC,aAAa,IACb,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,gCAAgC,GACrC,CACI,CACF,CACQ,CACf,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
package/dist/modules/account/AccountBalanceTemplate/Voucher/style.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/modules/account/AccountBalanceTemplate/Voucher/style.js"],"names":[],"mappings":";AAEA,wPAiEE"}
1
+ {"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../src/modules/account/AccountBalanceTemplate/Voucher/style.js"],"names":[],"mappings":";AAEA,wPAsHE"}
package/dist/modules/account/AccountBalanceTemplate/Voucher/style.js CHANGED
@@ -1,60 +1,113 @@
1
1
  import styled from 'styled-components';
2
2
  const VoucherStyle = styled.div `
3
- --account_distance_section_voucher: var(--sp6x);
4
- --account_distance_line_marginTB: var(--sp4x) 0;
5
- --account_voucherInputPadTB: var(--sp2x);
6
- --account_voucherInputPadLR: var(--sp2x);
3
+ --account_voucherSectionDistance: var(--sp14x);
4
+ --account_voucherLineMargin: var(--sp4x) 0;
5
+ --account_voucherFormBlockMTop: var(--sp3x);
6
+ --account_voucherFormGap: var(--sp2x);
7
7
 
8
- --account_voucherButtonPadTB: var(--sp2x);
9
- --account_voucherButtonPadLR: var(--sp7x);
8
+ margin-bottom: var(--account_voucherSectionDistance);
10
9
 
11
- margin-bottom: var(--account_distance_section_voucher);
12
-
13
- .wrapper-title-section {
14
- .line-title {
15
- width: 100%;
16
- height: 2px;
17
- background-color: var(--account_primaryColor1);
18
- margin: var(--account_distance_line_marginTB);
19
- }
10
+ .line-title {
11
+ width: 100%;
12
+ height: 2px;
13
+ background-color: var(--account_primaryColor1);
14
+ margin: var(--account_voucherLineMargin);
20
15
  }
21
16
 
22
17
  .voucher-form-container {
23
18
  width: 50%;
24
- margin-top: var(--sp2x);
19
+ margin-top: var(--account_voucherFormBlockMTop);
25
20
 
26
21
  .voucher-form {
27
22
  display: flex;
28
- gap: var(--sp2x);
23
+ gap: var(--account_voucherFormGap);
29
24
  justify-content: space-between;
30
25
 
31
26
  .form-item {
32
27
  flex: 1;
33
-
34
- .base-input {
35
- padding: var(--account_voucherInputPadTB) var(--account_voucherInputPadLR) !important;
36
- font-size: var(--account_p3) !important;
37
- line-height: var(--account_lineHeight) !important;
38
- }
39
28
  }
40
29
 
41
30
  .btn-wrap {
42
31
  width: fit-content !important;
43
32
  height: fit-content !important;
33
+ }
34
+ }
35
+ }
44
36
 
45
- button {
46
- padding: var(--account_voucherButtonPadTB) var(--account_voucherButtonPadLR);
47
- font-size: var(--account_p3);
48
- }
37
+ /* //! 1920 */
38
+ @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
39
+ --account_voucherSectionDistance: var(--sp9x);
40
+ --account_voucherLineMargin: var(--sp2-5x) 0 var(--sp4x) 0;
41
+ --account_voucherFormBlockMTop: var(--sp2x);
42
+ --account_voucherFormGap: var(--sp2x);
43
+ }
44
+
45
+ /* //! 1510 */
46
+ @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
47
+ --account_voucherSectionDistance: var(--sp8x);
48
+ --account_voucherLineMargin: var(--sp3x) 0;
49
+ --account_voucherFormBlockMTop: var(--sp2x);
50
+ --account_voucherFormGap: var(--sp2x);
51
+ }
52
+
53
+ /* //! 1440 */
54
+ @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
55
+ --account_voucherSectionDistance: var(--sp7x);
56
+ --account_voucherLineMargin: var(--sp3x) 0;
57
+ --account_voucherFormBlockMTop: var(--sp2x);
58
+ --account_voucherFormGap: var(--sp1x);
59
+ }
60
+
61
+ /* //! 1280 */
62
+ @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
63
+ --account_voucherSectionDistance: var(--sp6x);
64
+ --account_voucherLineMargin: var(--sp3x) 0;
65
+ --account_voucherFormBlockMTop: var(--sp2x);
66
+ --account_voucherFormGap: var(--sp1x);
67
+ }
68
+
69
+ /* //! 1024 */
70
+ @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
71
+ --account_voucherSectionDistance: var(--sp6x);
72
+ --account_voucherLineMargin: var(--sp3x) 0;
73
+ --account_voucherFormBlockMTop: var(--sp2x);
74
+ --account_voucherFormGap: var(--sp1x);
75
+
76
+ .voucher-form-container {
77
+ width: 58%;
78
+ }
79
+ }
80
+
81
+ /* //! 768 */
82
+ @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
83
+ --account_voucherSectionDistance: var(--sp6x);
84
+ --account_voucherLineMargin: var(--sp3x) 0;
85
+ --account_voucherFormBlockMTop: var(--sp2x);
86
+ --account_voucherFormGap: var(--sp1x);
87
+
88
+ .voucher-form-container {
89
+ width: 58%;
90
+
91
+ input {
92
+ --form_inputPadTBL: var(--sp1-5x) !important;
49
93
  }
50
94
  }
51
95
  }
52
96
 
53
97
  /* //! mobile */
54
98
  @media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
99
+ --account_voucherSectionDistance: var(--sp8x);
100
+ --account_voucherLineMargin: var(--sp2x) 0;
101
+ --account_voucherFormBlockMTop: var(--sp2x);
102
+ --account_voucherFormGap: var(--sp1x);
103
+
55
104
  .voucher-form-container {
56
105
  width: 100%;
57
106
 
107
+ input {
108
+ --form_inputPadTBL: var(--sp1-5x) !important;
109
+ }
110
+
58
111
  .voucher-form {
59
112
  flex-direction: column;
60
113
 
package/dist/modules/account/AccountBalanceTemplate/Voucher/style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/modules/account/AccountBalanceTemplate/Voucher/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAoDO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;CAarG,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../src/modules/account/AccountBalanceTemplate/Voucher/style.js"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCAoCO,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQrJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQpJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,oBAAoB;;;;;;;;sCAQpJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,uBAAuB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;;;;;;;;sCAQrJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,kBAAkB;;;;;;;;;;;;sCAYnJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,mBAAmB;;;;;;;;;;;;;;;;sCAgBjJ,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;CAsBrG,CAAC;AAEF,eAAe,YAAY,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@weareconceptstudio/account",
3
- "version": "0.6.7",
3
+ "version": "0.6.8",
4
4
  "description": "Concept Studio Account",
5
5
  "author": "Concept Studio",
6
6
  "license": "ISC",