qaema-ui 0.0.1 → 0.0.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 (7) hide show
  1. package/dist/components/RequestCard.d.ts +1 -0
  2. package/dist/components/RequestCard.d.ts.map +1 -1
  3. package/dist/components/RequestCard.js +59 -58
  4. package/dist/components/RequestSummaryCard.d.ts +1 -0
  5. package/dist/components/RequestSummaryCard.d.ts.map +1 -1
  6. package/dist/components/RequestSummaryCard.js +49 -47
  7. package/package.json +1 -1
package/dist/components/RequestCard.d.ts CHANGED
@@ -30,6 +30,7 @@ export type RequestCardProps = {
30
30
  unit?: string;
31
31
  };
32
32
  inModal?: boolean;
33
+ background?: string;
33
34
  };
34
35
  export declare const ContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentWrapperProps>> & string;
35
36
  export declare const TrackingWrap: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/components/RequestCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RequestCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/RequestCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAU,KAAK,WAAW,EAA2B,MAAM,sBAAsB,CAAC;AAGzF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AAInF,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9D,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,oOAK1B,CAAC;AA0DF,eAAO,MAAM,YAAY,yMAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,yMAQ1B,CAAC;AAiBF,eAAO,MAAM,WAAW;YAAwB,MAAM;YAAU,MAAM;YAgBrE,CAAC;AAEF,eAAO,MAAM,UAAU,2MAOtB,CAAC;AAqDF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgG3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"RequestCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/RequestCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAU,KAAK,WAAW,EAA2B,MAAM,sBAAsB,CAAC;AAGzF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AAInF,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9D,YAAY,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,oOAK1B,CAAC;AA6DF,eAAO,MAAM,YAAY,yMAIxB,CAAC;AAEF,eAAO,MAAM,cAAc,yMAQ1B,CAAC;AAiBF,eAAO,MAAM,WAAW;YAAwB,MAAM;YAAU,MAAM;YAgBrE,CAAC;AAEF,eAAO,MAAM,UAAU,2MAOtB,CAAC;AAqDF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqG3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/dist/components/RequestCard.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import { j as i } from "../_virtual/jsx-runtime.js";
2
2
  import "react";
3
- import s, { useTheme as B } from "styled-components";
3
+ import s, { useTheme as S } from "styled-components";
4
4
  import d from "./Button.js";
5
- import { useQaemaCoreTranslation as S } from "../i18n/i18n.js";
6
- import F from "../assets/svg/Riyal.svg.js";
7
- import { FeatureList as H, FeatureRow as A, Bullet as E } from "./RequestSummaryCard.js";
5
+ import { useQaemaCoreTranslation as F } from "../i18n/i18n.js";
6
+ import H from "../assets/svg/Riyal.svg.js";
7
+ import { FeatureList as A, FeatureRow as E, Bullet as P } from "./RequestSummaryCard.js";
8
8
  import c from "./Typography.js";
9
- const P = s.div`
9
+ const q = s.div`
10
10
  display: flex;
11
11
  flex-direction: column;
12
12
  justify-content: space-between;
13
13
  height: ${({ image: e, inModal: n }) => e ? n ? "65%" : "unset" : "100%"};
14
- `, q = s.div`
14
+ `, W = s.div`
15
15
  min-width: 9.0625rem;
16
16
  display: flex;
17
17
  aspect-ratio: ${({ $inModal: e }) => e ? "23/9" : "11/9"};
18
- background: linear-gradient(
19
- 180deg,
20
- ${({ theme: e }) => e.colors.primary.purple.n100} 0%,
21
- ${({ theme: e }) => e.colors.primary.purple.n300} 100%
22
- );
18
+ background: ${({ $background: e, theme: n }) => e ?? `linear-gradient(
19
+ 180deg,
20
+ ${n.colors.primary.purple.n100} 0%,
21
+ ${n.colors.primary.purple.n300} 100%
22
+ )`};
23
23
  border-radius: ${({ theme: e }) => e.borderRadius.md};
24
24
 
25
25
  place-items: center;
@@ -29,22 +29,22 @@ const P = s.div`
29
29
  svg {
30
30
  width: 100%;
31
31
  height: 100%;
32
- object-fit: contain;
32
+ object-fit: cover;
33
33
  display: block;
34
34
  }
35
- `, W = s.div`
35
+ `, M = s.div`
36
36
  display: grid;
37
37
  grid-template-columns: ${({ $isRow: e }) => e ? "auto auto" : "1fr"};
38
38
  gap: ${({ theme: e }) => e.spacing.xs};
39
39
  margin-top: ${({ theme: e }) => e.spacing.xxs};
40
40
  justify-content: ${({ $isRow: e }) => e ? "space-between" : "stretch"};
41
41
  align-items: center;
42
- `, M = s(d)`
42
+ `, V = s(d)`
43
43
  min-width: 9.3125rem;
44
44
  min-height: 2rem;
45
45
  border-radius: ${({ theme: e }) => e.borderRadius.sm};
46
46
  box-shadow: ${({ theme: e }) => e.boxShadow.s3};
47
- `, V = s.h3`
47
+ `, D = s.h3`
48
48
  margin: 0;
49
49
  font-family: ${({ theme: e }) => (e == null ? void 0 : e.dir) === "rtl" ? e.fonts.arabic : e.fonts.english};
50
50
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
@@ -55,7 +55,7 @@ const P = s.div`
55
55
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
56
56
  letter-spacing: -0.25px;
57
57
  color: ${({ theme: e }) => e.colors.grey.n800};
58
- `, D = s.p`
58
+ `, I = s.p`
59
59
  margin: 0;
60
60
  color: ${({ theme: e }) => e.colors.grey.n400};
61
61
  font-size: ${({ theme: e }) => {
@@ -63,11 +63,11 @@ const P = s.div`
63
63
  return (n = e.typography.sizes) == null ? void 0 : n.s3;
64
64
  }};
65
65
  line-height: ${({ theme: e }) => e.typography.lineHeights.s};
66
- `, I = s.div`
66
+ `, L = s.div`
67
67
  display: flex;
68
68
  flex-direction: column;
69
69
  gap: ${({ theme: e }) => e.spacing.xs};
70
- `, L = s.div`
70
+ `, N = s.div`
71
71
  font-family: ${({ theme: e }) => (e == null ? void 0 : e.dir) === "rtl" ? e.fonts.arabic : e.fonts.english};
72
72
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
73
73
  font-size: ${({ theme: e }) => {
@@ -78,7 +78,7 @@ const P = s.div`
78
78
  letter-spacing: 0;
79
79
  vertical-align: middle;
80
80
  color: ${({ theme: e }) => e.colors.grey.n650};
81
- `, N = s.div`
81
+ `, Q = s.div`
82
82
  width: ${({ $fixed: e }) => e ? "335px" : "100%"};
83
83
  min-width: 11.1875rem;
84
84
  height: 100%;
@@ -91,7 +91,7 @@ const P = s.div`
91
91
  display: flex;
92
92
  flex-direction: column;
93
93
  gap: ${({ theme: e }) => e.spacing.s};
94
- `, Q = s.div`
94
+ `, X = s.div`
95
95
  position: relative;
96
96
  width: 100%;
97
97
  height: 0.5rem;
@@ -107,7 +107,7 @@ const P = s.div`
107
107
  transition: width 250ms ease;
108
108
  border-radius: 0;
109
109
  }
110
- `, X = s.span`
110
+ `, G = s.span`
111
111
  font-family: ${({ theme: e }) => (e == null ? void 0 : e.dir) === "rtl" ? e.fonts.arabic : e.fonts.english};
112
112
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
113
113
  font-size: ${({ theme: e }) => {
@@ -117,7 +117,7 @@ const P = s.div`
117
117
  line-height: ${({ theme: e }) => e.typography.lineHeights.xs};
118
118
  letter-spacing: 0;
119
119
  color: ${({ theme: e }) => e.colors.grey.n400};
120
- `, G = (e) => {
120
+ `, J = (e) => {
121
121
  switch (e) {
122
122
  case "accepted":
123
123
  return { bar: "#1DBA63" };
@@ -128,7 +128,7 @@ const P = s.div`
128
128
  default:
129
129
  return { bar: "#EEF0F2" };
130
130
  }
131
- }, J = s.div`
131
+ }, K = s.div`
132
132
  display: flex;
133
133
  flex-direction: column;
134
134
  justify-content: space-between;
@@ -139,7 +139,7 @@ const P = s.div`
139
139
  @media (max-width: 375px) {
140
140
  align-items: center;
141
141
  }
142
- `, K = s.div`
142
+ `, O = s.div`
143
143
  display: flex;
144
144
  align-items: baseline;
145
145
  color: ${({ theme: e }) => e.colors.grey.n650};
@@ -151,48 +151,49 @@ const P = s.div`
151
151
  @media (max-width: 375px) {
152
152
  text-align: center;
153
153
  }
154
- `, O = s.div`
154
+ `, U = s.div`
155
155
  display: flex;
156
156
  align-items: center;
157
- `, U = s.img`
157
+ `, Y = s.img`
158
158
  width: ${({ $width: e = "1rem" }) => e};
159
159
  height: 1rem;
160
160
  object-fit: contain;
161
161
  flex-shrink: 0;
162
162
  margin-right: 2px;
163
- `, te = ({
163
+ `, oe = ({
164
164
  variant: e = "hidden",
165
165
  image: n,
166
166
  title: x,
167
167
  subtitle: g,
168
168
  trackingLabel: u = "Request Tracking",
169
- progress: m = 0,
170
- statusText: f,
169
+ progress: f = 0,
170
+ statusText: m,
171
171
  primaryCta: o,
172
172
  secondaryCta: l,
173
- className: y,
174
- style: $,
173
+ className: $,
174
+ style: y,
175
175
  features: a,
176
176
  featuresTitle: b,
177
177
  price: t,
178
- inModal: h = !1
178
+ inModal: h = !1,
179
+ background: j
179
180
  }) => {
180
- const { t: r } = S(), j = G(e), w = e !== "hidden", k = r(e === "accepted" ? "accepted" : e === "rejected" ? "rejected" : "submitted"), v = e === "hidden" ? "primary" : e === "accepted" ? "light-primary" : "outline-primary", p = e === "rejected", z = B();
181
- return /* @__PURE__ */ i.jsxs(N, { className: y, style: $, children: [
182
- n ? /* @__PURE__ */ i.jsx(q, { $inModal: h, children: n }) : null,
183
- /* @__PURE__ */ i.jsxs(P, { image: n, inModal: h, children: [
184
- /* @__PURE__ */ i.jsx(V, { children: x }),
185
- g ? /* @__PURE__ */ i.jsx(D, { children: g }) : null,
181
+ const { t: r } = F(), w = J(e), k = e !== "hidden", v = r(e === "accepted" ? "accepted" : e === "rejected" ? "rejected" : "submitted"), z = e === "hidden" ? "primary" : e === "accepted" ? "light-primary" : "outline-primary", p = e === "rejected", R = S();
182
+ return /* @__PURE__ */ i.jsxs(Q, { className: $, style: y, children: [
183
+ n ? /* @__PURE__ */ i.jsx(W, { $inModal: h, $background: j, children: n }) : null,
184
+ /* @__PURE__ */ i.jsxs(q, { image: n, inModal: h, children: [
185
+ /* @__PURE__ */ i.jsx(D, { children: x }),
186
+ g ? /* @__PURE__ */ i.jsx(I, { children: g }) : null,
186
187
  a && a.length > 0 ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
187
- /* @__PURE__ */ i.jsx(c, { variant: "h6", color: z.colors.grey.n400, children: b }),
188
- /* @__PURE__ */ i.jsx(H, { children: a.map((R, T) => /* @__PURE__ */ i.jsxs(A, { children: [
189
- /* @__PURE__ */ i.jsx(E, {}),
190
- /* @__PURE__ */ i.jsx("span", { children: R.label })
191
- ] }, T)) })
188
+ /* @__PURE__ */ i.jsx(c, { variant: "h6", color: R.colors.grey.n400, children: b }),
189
+ /* @__PURE__ */ i.jsx(A, { children: a.map((T, B) => /* @__PURE__ */ i.jsxs(E, { children: [
190
+ /* @__PURE__ */ i.jsx(P, {}),
191
+ /* @__PURE__ */ i.jsx("span", { children: T.label })
192
+ ] }, B)) })
192
193
  ] }) : null,
193
- t && /* @__PURE__ */ i.jsx(J, { children: /* @__PURE__ */ i.jsxs(K, { children: [
194
- /* @__PURE__ */ i.jsxs(O, { children: [
195
- /* @__PURE__ */ i.jsx(U, { src: F, alt: t == null ? void 0 : t.amount }),
194
+ t && /* @__PURE__ */ i.jsx(K, { children: /* @__PURE__ */ i.jsxs(O, { children: [
195
+ /* @__PURE__ */ i.jsxs(U, { children: [
196
+ /* @__PURE__ */ i.jsx(Y, { src: H, alt: t == null ? void 0 : t.amount }),
196
197
  /* @__PURE__ */ i.jsx(c, { variant: "h5", weight: "bold", children: t == null ? void 0 : t.amount })
197
198
  ] }),
198
199
  /* @__PURE__ */ i.jsxs(c, { variant: "caption", children: [
@@ -200,23 +201,23 @@ const P = s.div`
200
201
  (t == null ? void 0 : t.unit) ?? r("year")
201
202
  ] })
202
203
  ] }) }),
203
- w && /* @__PURE__ */ i.jsxs(I, { children: [
204
- /* @__PURE__ */ i.jsx(L, { children: u }),
205
- /* @__PURE__ */ i.jsx(Q, { $value: m, $color: j.bar }),
206
- /* @__PURE__ */ i.jsx(X, { children: f ?? k })
204
+ k && /* @__PURE__ */ i.jsxs(L, { children: [
205
+ /* @__PURE__ */ i.jsx(N, { children: u }),
206
+ /* @__PURE__ */ i.jsx(X, { $value: f, $color: w.bar }),
207
+ /* @__PURE__ */ i.jsx(G, { children: m ?? v })
207
208
  ] }),
208
- /* @__PURE__ */ i.jsx(W, { $isRow: p, children: p ? /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(M, { variant: "primary", size: "xs", onClick: o == null ? void 0 : o.onClick, children: (o == null ? void 0 : o.label) ?? "Send New Request" }) }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
209
- o && /* @__PURE__ */ i.jsx(d, { variant: v, size: "md", onClick: o.onClick, children: o.label }),
209
+ /* @__PURE__ */ i.jsx(M, { $isRow: p, children: p ? /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsx(V, { variant: "primary", size: "xs", onClick: o == null ? void 0 : o.onClick, children: (o == null ? void 0 : o.label) ?? "Send New Request" }) }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
210
+ o && /* @__PURE__ */ i.jsx(d, { variant: z, size: "md", onClick: o.onClick, children: o.label }),
210
211
  l && /* @__PURE__ */ i.jsx(d, { variant: "light-secondary", size: "md", onClick: l.onClick, children: l.label })
211
212
  ] }) })
212
213
  ] })
213
214
  ] });
214
215
  };
215
216
  export {
216
- P as ContentWrapper,
217
- Q as ProgressBar,
218
- X as StatusText,
219
- L as TrackingHeader,
220
- I as TrackingWrap,
221
- te as default
217
+ q as ContentWrapper,
218
+ X as ProgressBar,
219
+ G as StatusText,
220
+ N as TrackingHeader,
221
+ L as TrackingWrap,
222
+ oe as default
222
223
  };
package/dist/components/RequestSummaryCard.d.ts CHANGED
@@ -29,6 +29,7 @@ export type RequestSummaryCardProps = {
29
29
  showTracking?: boolean;
30
30
  variant?: RequestCardVariant;
31
31
  trackingLabel?: string;
32
+ imgPadding?: string;
32
33
  };
33
34
  export declare const FeatureList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
34
35
  export declare const FeatureRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
package/dist/components/RequestSummaryCard.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RequestSummaryCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/RequestSummaryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,EAAe,KAAK,kBAAkB,EAA4C,MAAM,eAAe,CAAC;AAE/G,KAAK,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9D,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAoEF,eAAO,MAAM,WAAW,6MAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,yMAOtB,CAAC;AAEF,eAAO,MAAM,MAAM;cAA2B,OAAO;YA0BpD,CAAC;AAyCF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"RequestSummaryCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/RequestSummaryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7D,OAAO,EAAe,KAAK,kBAAkB,EAA4C,MAAM,eAAe,CAAC;AAE/G,KAAK,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,KAAK,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9D,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAqEF,eAAO,MAAM,WAAW,6MAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,yMAOtB,CAAC;AAEF,eAAO,MAAM,MAAM;cAA2B,OAAO;YA0BpD,CAAC;AAyCF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAiEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
package/dist/components/RequestSummaryCard.js CHANGED
@@ -1,11 +1,11 @@
1
- import { j as t } from "../_virtual/jsx-runtime.js";
1
+ import { j as i } from "../_virtual/jsx-runtime.js";
2
2
  import "react";
3
- import i from "styled-components";
4
- import w from "./Button.js";
5
- import { device as k } from "../constants/breakPoints.constant.js";
6
- import v from "../assets/svg/Riyal.svg.js";
7
- import { TrackingWrap as a, TrackingHeader as z, ProgressBar as R, StatusText as B } from "./RequestCard.js";
8
- const S = i.article`
3
+ import t from "styled-components";
4
+ import k from "./Button.js";
5
+ import { device as v } from "../constants/breakPoints.constant.js";
6
+ import z from "../assets/svg/Riyal.svg.js";
7
+ import { TrackingWrap as a, TrackingHeader as R, ProgressBar as B, StatusText as S } from "./RequestCard.js";
8
+ const H = t.article`
9
9
  width: ${({ $fixed: e }) => e ? "1053px" : "100%"};
10
10
  min-width: 11.1875rem;
11
11
  border-radius: ${({ theme: e }) => e.borderRadius.md};
@@ -19,11 +19,11 @@ const S = i.article`
19
19
  grid-template-columns: 24.75rem 1fr;
20
20
  align-items: start;
21
21
  gap: ${({ theme: e }) => e.spacing.m};
22
- @media ${k.laptop} {
22
+ @media ${v.laptop} {
23
23
  grid-template-columns: 1fr;
24
24
  height: auto;
25
25
  }
26
- `, H = i.div`
26
+ `, T = t.div`
27
27
  width: 100%;
28
28
  height: 100%;
29
29
  align-self: start;
@@ -43,13 +43,14 @@ const S = i.article`
43
43
  height: 100%;
44
44
  object-fit: contain;
45
45
  display: block;
46
+ padding: ${({ $imgPadding: e }) => e ?? "none"};
46
47
  }
47
- `, T = i.div`
48
+ `, E = t.div`
48
49
  display: grid;
49
50
  grid-template-rows: auto auto auto auto auto auto;
50
51
  gap: ${({ theme: e }) => e.spacing.s};
51
52
  height: 100%;
52
- `, E = i.h3`
53
+ `, F = t.h3`
53
54
  margin: 0;
54
55
  font-family: ${({ theme: e }) => e.dir === "rtl" ? e.fonts.arabic : e.fonts.english};
55
56
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
@@ -57,26 +58,26 @@ const S = i.article`
57
58
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
58
59
  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
59
60
  color: ${({ theme: e }) => e.colors.grey.n800};
60
- `, F = i.p`
61
+ `, P = t.p`
61
62
  margin: 0;
62
63
  color: ${({ theme: e }) => e.colors.grey.n400};
63
64
  font-size: ${({ theme: e }) => e.typography.sizes.s3};
64
65
  line-height: ${({ theme: e }) => e.typography.lineHeights.s};
65
- `, q = i.ul`
66
+ `, q = t.ul`
66
67
  margin: 0;
67
68
  padding: 0;
68
69
  list-style: none;
69
70
  display: flex;
70
71
  flex-direction: column;
71
72
  gap: ${({ theme: e }) => e.spacing.xs};
72
- `, A = i.li`
73
+ `, A = t.li`
73
74
  display: flex;
74
75
  align-items: center;
75
76
  gap: ${({ theme: e }) => e.spacing.xs};
76
77
  color: ${({ theme: e }) => e.colors.grey.n800};
77
78
  font-size: ${({ theme: e }) => e.typography.sizes.s3};
78
79
  line-height: ${({ theme: e }) => e.typography.lineHeights.s};
79
- `, C = i.span`
80
+ `, C = t.span`
80
81
  position: relative;
81
82
  display: inline-block;
82
83
  width: 0.5625rem;
@@ -102,7 +103,7 @@ const S = i.article`
102
103
  box-shadow: inset 0 0 0 0.063rem ${({ theme: e }) => `${e.colors.primary.purple.n450}26`};
103
104
  display: ${({ $stroke: e }) => e ? "block" : "none"};
104
105
  }
105
- `, N = i.div`
106
+ `, N = t.div`
106
107
  display: flex;
107
108
  align-items: baseline;
108
109
  gap: ${({ theme: e }) => e.spacing.xs};
@@ -119,12 +120,12 @@ const S = i.article`
119
120
  font-size: ${({ theme: e }) => e.typography.sizes.s3};
120
121
  line-height: ${({ theme: e }) => e.typography.lineHeights.s};
121
122
  }
122
- `, P = i.img`
123
+ `, D = t.img`
123
124
  width: 0.875rem;
124
125
  height: 0.9375rem;
125
126
  opacity: 1;
126
127
  display: inline-block;
127
- `, D = (e) => {
128
+ `, I = (e) => {
128
129
  switch (e) {
129
130
  case "accepted":
130
131
  return { bar: "#1DBA63" };
@@ -135,44 +136,45 @@ const S = i.article`
135
136
  default:
136
137
  return { bar: "#EEF0F2" };
137
138
  }
138
- }, K = ({
139
+ }, M = ({
139
140
  state: e,
140
141
  title: l,
141
142
  description: n,
142
- features: r,
143
+ features: o,
143
144
  price: s,
144
- progress: g = 0,
145
- statusText: d,
146
- image: c,
147
- primaryCta: o,
148
- primaryCtaVariant: p = "primary",
145
+ progress: d = 0,
146
+ statusText: g,
147
+ image: p,
148
+ primaryCta: r,
149
+ primaryCtaVariant: c = "primary",
149
150
  className: h,
150
151
  style: m,
151
152
  showTracking: u = !1,
152
153
  variant: y = "hidden",
153
- trackingLabel: f = ""
154
+ trackingLabel: $ = "",
155
+ imgPadding: f
154
156
  }) => {
155
- const $ = e === "rejected" ? "Your request is Rejected" : "Your request is Accepted", x = D(y);
156
- return /* @__PURE__ */ t.jsxs(S, { className: h, style: m, "aria-live": "polite", children: [
157
- /* @__PURE__ */ t.jsx(H, { children: c }),
158
- /* @__PURE__ */ t.jsxs(T, { children: [
159
- /* @__PURE__ */ t.jsx(E, { children: l }),
160
- n ? /* @__PURE__ */ t.jsx(F, { children: n }) : null,
161
- r && r.length > 0 ? /* @__PURE__ */ t.jsx(q, { children: r.map((b, j) => /* @__PURE__ */ t.jsxs(A, { children: [
162
- /* @__PURE__ */ t.jsx(C, {}),
163
- /* @__PURE__ */ t.jsx("span", { children: b.label })
164
- ] }, j)) }) : null,
165
- s && /* @__PURE__ */ t.jsxs(N, { children: [
166
- /* @__PURE__ */ t.jsx(P, { src: v, alt: "SAR" }),
167
- s != null && s.amount ? /* @__PURE__ */ t.jsx("span", { className: "amount", children: s.amount }) : null,
168
- s != null && s.suffix ? /* @__PURE__ */ t.jsx("span", { className: "suffix", children: s.suffix }) : null
157
+ const x = e === "rejected" ? "Your request is Rejected" : "Your request is Accepted", b = I(y);
158
+ return /* @__PURE__ */ i.jsxs(H, { className: h, style: m, "aria-live": "polite", children: [
159
+ /* @__PURE__ */ i.jsx(T, { $imgPadding: f, children: p }),
160
+ /* @__PURE__ */ i.jsxs(E, { children: [
161
+ /* @__PURE__ */ i.jsx(F, { children: l }),
162
+ n ? /* @__PURE__ */ i.jsx(P, { children: n }) : null,
163
+ o && o.length > 0 ? /* @__PURE__ */ i.jsx(q, { children: o.map((j, w) => /* @__PURE__ */ i.jsxs(A, { children: [
164
+ /* @__PURE__ */ i.jsx(C, {}),
165
+ /* @__PURE__ */ i.jsx("span", { children: j.label })
166
+ ] }, w)) }) : null,
167
+ s && /* @__PURE__ */ i.jsxs(N, { children: [
168
+ /* @__PURE__ */ i.jsx(D, { src: z, alt: "SAR" }),
169
+ s != null && s.amount ? /* @__PURE__ */ i.jsx("span", { className: "amount", children: s.amount }) : null,
170
+ s != null && s.suffix ? /* @__PURE__ */ i.jsx("span", { className: "suffix", children: s.suffix }) : null
169
171
  ] }),
170
- u ? /* @__PURE__ */ t.jsxs(a, { children: [
171
- /* @__PURE__ */ t.jsx(z, { children: f }),
172
- /* @__PURE__ */ t.jsx(R, { $value: g, $color: x.bar }),
173
- /* @__PURE__ */ t.jsx(B, { children: d ?? $ })
174
- ] }) : /* @__PURE__ */ t.jsx(a, {}),
175
- o ? /* @__PURE__ */ t.jsx(w, { style: { marginTop: "auto" }, variant: p, size: "md", width: "100%", onClick: o.onClick, children: o.label }) : null
172
+ u ? /* @__PURE__ */ i.jsxs(a, { children: [
173
+ /* @__PURE__ */ i.jsx(R, { children: $ }),
174
+ /* @__PURE__ */ i.jsx(B, { $value: d, $color: b.bar }),
175
+ /* @__PURE__ */ i.jsx(S, { children: g ?? x })
176
+ ] }) : /* @__PURE__ */ i.jsx(a, {}),
177
+ r ? /* @__PURE__ */ i.jsx(k, { style: { marginTop: "auto" }, variant: c, size: "md", width: "100%", onClick: r.onClick, children: r.label }) : null
176
178
  ] })
177
179
  ] });
178
180
  };
@@ -180,5 +182,5 @@ export {
180
182
  C as Bullet,
181
183
  q as FeatureList,
182
184
  A as FeatureRow,
183
- K as default
185
+ M as default
184
186
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "qaema-ui",
3
3
  "private": false,
4
- "version": "0.0.1",
4
+ "version": "0.0.3",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"