@redneckz/wildless-cms-uni-blocks 0.2.109 → 0.2.113

package/mobile/src/content-page-repository/transformContentPage.ts

@@ -0,0 +1,33 @@
+import fs from 'fs';
+import util from 'util';
+import type { Picture } from '../model/Picture';
+import type { ContentPageDef } from '../types';
+import { mapJSON } from './mapJSON';
+import type { TransformationOptions } from './TransformationOptions';
+import { transformMarkdown } from './transformMarkdown';
+import { transformPicture } from './transformPicture';
+
+const readFile = util.promisify(fs.readFile);
+
+export async function transformContentPage(
+  pagePath: string,
+  options: TransformationOptions,
+): Promise<ContentPageDef> {
+  const content = await readFile(pagePath, 'utf8');
+  return mapJSON<ContentPageDef>(JSON.parse(content), async (value: any, [key]) => {
+    const isMarkdown = typeof value === 'string' && key?.endsWith('__md');
+    const isPicture = value && isLocalPath(value.src);
+    if (isMarkdown) {
+      return await transformMarkdown(value);
+    } else if (isPicture) {
+      return await transformPicture(pagePath, value as Picture, options);
+    }
+    return value;
+  });
+}
+
+const isLocalPath = (_: any): boolean => isString(_) && _.length < 512 && !isURL(_);
+
+const isString = (_: any): _ is string => Boolean(_ && typeof _ === 'string');
+
+const isURL = (src: string) => ['data:', 'https:', 'http:'].some((proto) => src.startsWith(proto));

package/mobile/src/content-page-repository/transformMarkdown.ts

@@ -0,0 +1,10 @@
+import { unified } from 'unified';
+import remarkParse from 'remark-parse';
+import remarkHtml from 'remark-html';
+
+export async function transformMarkdown(markdown: string | null | undefined): Promise<string> {
+  if (!markdown) return '';
+
+  const result = await unified().use(remarkParse).use(remarkHtml).process(markdown);
+  return result.toString('utf-8');
+}

package/mobile/src/content-page-repository/transformPicture.ts

@@ -0,0 +1,66 @@
+import fs from 'fs';
+import path from 'path';
+import sharp from 'sharp';
+import util from 'util';
+import type { ImgSource, Picture } from '../model/Picture';
+import type { TransformationOptions } from './TransformationOptions';
+
+const mkdir = util.promisify(fs.mkdir);
+
+export async function transformPicture(
+  pagePath: string,
+  picture: Picture,
+  options: TransformationOptions,
+): Promise<Picture> {
+  const sources = picture.sources || [];
+  const [transformedPicture, ...transformedSources] = await Promise.all(
+    [picture].concat(sources).map((_) => transformImg(pagePath, picture.src, { ...options, ..._ })),
+  );
+  return {
+    ...picture,
+    src: transformedPicture,
+    sources: transformedSources.map((_, i) => ({
+      ...sources[i],
+      src: _,
+    })),
+  };
+}
+
+async function transformImg(
+  pagePath: string,
+  src: string,
+  transformationOptions: TransformationOptions & ImgSource,
+): Promise<string> {
+  const { contentDir, publicDir, format, options, size } = transformationOptions;
+
+  const imgPath = `${path.dirname(pagePath)}/${src}`;
+  let chain = sharp(imgPath);
+  if (size) chain = chain.resize(size);
+  if (format) chain = chain.toFormat(format, options);
+
+  const transformedSrc = transformSrc(src, transformationOptions);
+  const transformedImgPath = `${publicDir}/${path.relative(
+    contentDir,
+    `${path.dirname(pagePath)}/${transformedSrc}`,
+  )}`;
+
+  await mkdir(path.dirname(transformedImgPath), { recursive: true });
+
+  try {
+    await chain.toFile(transformedImgPath);
+  } catch (e) {
+    console.error(e);
+  }
+
+  return transformedSrc;
+}
+
+function transformSrc(src: string, { format, size }: TransformationOptions & ImgSource): string {
+  const noTransform = !format && !size;
+  if (noTransform) return src;
+
+  const suffix = [size?.width, size?.height].filter(Boolean).join('-');
+  return `${path.basename(src, path.extname(src))}${suffix ? `-${suffix}` : ''}.${
+    String(format) || path.extname(src)
+  }`;
+}

package/mobile/src/hooks/useComparisonTableScroll.ts

@@ -0,0 +1,21 @@
+export const useComparisonTableScroll = <ColData>({
+  colData,
+  colsLengthForScroll,
+  activeCardIndex,
+  setActiveCardIndex,
+}: {
+  colData: ColData[];
+  colsLengthForScroll: number;
+  activeCardIndex: number;
+  setActiveCardIndex: (_: number) => void;
+}) => {
+  const nextClick = () => setActiveCardIndex(activeCardIndex + 1);
+  const prevClick = () => setActiveCardIndex(activeCardIndex - 1);
+
+  const isScrollAvailable = colData?.length && colData.length > colsLengthForScroll;
+  const showNextButton =
+    isScrollAvailable && colData?.length - activeCardIndex > colsLengthForScroll;
+  const showPrevButton = isScrollAvailable && activeCardIndex > 0;
+
+  return { nextClick, prevClick, isScrollAvailable, showNextButton, showPrevButton };
+};

package/mobile/src/hooks/useCreditCalculatorData.ts

@@ -0,0 +1,23 @@
+import type { AsyncDataHook } from '../components/ContentPage/ContentPageContext';
+import { CreditCalculatorData } from '../components/CreditCalculator/CreditCalculatorContent';
+
+export function useCreditCalculatorData(
+  useAsyncData: AsyncDataHook,
+  directoryName: string | undefined,
+): CreditCalculatorData {
+  const { data } = useAsyncData(creditCalculatorUrl(directoryName), () =>
+    fetchCreditCalculatorData(directoryName),
+  );
+  return data || {};
+}
+
+async function fetchCreditCalculatorData(
+  directoryName: string | undefined,
+): Promise<CreditCalculatorData> {
+  const response = await fetch(creditCalculatorUrl(directoryName));
+  return await response.json();
+}
+
+function creditCalculatorUrl(directoryName: string | undefined) {
+  return `/wcms-resources/${directoryName || 'credit-calculator-data'}.json`;
+}

package/mobile/src/hooks/useLink.ts

@@ -0,0 +1,29 @@
+import { HandlerDecorator, Router } from '../components/ContentPage/ContentPageContext';
+import type { LinkProps } from '../model/LinkProps';
+import { adjustHref } from '../utils/adjustHref';
+import { isURL } from '../utils/url';
+
+const defaultHandlerDecorator: HandlerDecorator = (handler) => handler;
+
+export function useLink(
+  {
+    router,
+    handlerDecorator = defaultHandlerDecorator,
+  }: { router: Router; handlerDecorator?: HandlerDecorator },
+  link: Partial<LinkProps & { className: string }>,
+) {
+  const href = adjustHref(link.href, router);
+  return {
+    ...link,
+    href,
+    ariaLabel: link.text,
+    onClick: handlerDecorator((ev: MouseEvent) => {
+      const isLocalHref = href && !isURL(href);
+      const isLocalTarget = !link.target || link.target === '_self';
+      if (isLocalHref && isLocalTarget) {
+        ev.preventDefault();
+        router.push(href);
+      }
+    }, link),
+  };
+}

package/mobile/src/icons/ActualBalanceIcon.svg

@@ -0,0 +1,187 @@
+<svg
+  id="icon"
+  width="48"
+  height="48"
+  viewBox="0 0 70 70"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <mask
+    id="mask0_2530_3510"
+    style="mask-type: alpha"
+    maskUnits="userSpaceOnUse"
+    x="2"
+    y="4"
+    width="55"
+    height="61"
+  >
+    <path d="M35.058 4.24L2.116 48.392l21.841 16.296L56.9 20.536 35.058 4.24z" fill="#fff" />
+  </mask>
+  <g mask="url(#mask0_2530_3510)">
+    <path
+      d="M35.058 4.24L2.116 48.392l21.841 16.296L56.9 20.536 35.058 4.24z"
+      fill="url(#paint0_linear_2530_3510)"
+    />
+    <path
+      d="M35.058 4.24L2.116 48.392l21.841 16.296L56.9 20.536 35.058 4.24z"
+      fill="url(#paint1_linear_2530_3510)"
+    />
+    <path d="M49.367 12.968l-33.47 21.717 2.132 1.616 38.285-18.808-6.947-4.525z" fill="#FA552D" />
+    <path
+      d="M49.367 12.968l-33.47 21.717 2.132 1.616 38.285-18.808-6.947-4.525z"
+      fill="url(#paint2_linear_2530_3510)"
+    />
+    <path
+      d="M49.367 12.968l-33.47 21.717 2.132 1.616 38.285-18.808-6.947-4.525z"
+      fill="url(#paint3_linear_2530_3510)"
+    />
+    <path fill="#42AB44" d="M0.908203 41.4221H12.851203V56.5531H0.908203z" />
+  </g>
+  <mask
+    id="mask1_2530_3510"
+    style="mask-type: alpha"
+    maskUnits="userSpaceOnUse"
+    x="6"
+    y="14"
+    width="62"
+    height="50"
+  >
+    <path d="M55.187 14.567L6.004 39.377l12.274 24.33 49.183-24.81-12.274-24.33z" fill="#fff" />
+  </mask>
+  <g mask="url(#mask1_2530_3510)">
+    <path d="M55.187 14.567L6.004 39.377l12.274 24.33 49.183-24.81-12.274-24.33z" fill="#FFCDBD" />
+    <path
+      d="M55.187 14.567L6.004 39.377l12.274 24.33 49.183-24.81-12.274-24.33z"
+      fill="url(#paint4_linear_2530_3510)"
+    />
+    <path d="M67.462 33.264l-54.495 8.05 3.982 26.958 54.495-8.05-3.982-26.958z" fill="#42AB44" />
+  </g>
+  <mask
+    id="mask2_2530_3510"
+    style="mask-type: alpha"
+    maskUnits="userSpaceOnUse"
+    x="4"
+    y="30"
+    width="59"
+    height="36"
+  >
+    <path d="M58.603 30.767l-54.496 8.05L8.09 65.775l54.496-8.05-3.982-26.958z" fill="#fff" />
+  </mask>
+  <g mask="url(#mask2_2530_3510)">
+    <path
+      d="M58.603 30.767l-54.496 8.05L8.09 65.775l54.496-8.05-3.982-26.958z"
+      fill="url(#paint5_linear_2530_3510)"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M58.603 30.765L4.107 38.814l.54 3.652 13.994-2.067 2.902 19.65-13.99 2.066.54 3.652 13.99-2.066v.007l22.709-3.355-.001-.006 17.798-2.63-.54-3.651-17.797 2.629-2.903-19.65 17.793-2.629-.539-3.651z"
+      fill="url(#paint6_linear_2530_3510)"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M58.603 30.765L4.107 38.814l.54 3.652 13.994-2.067 2.902 19.65-13.99 2.066.54 3.652 13.99-2.066v.007l22.709-3.355-.001-.006 17.798-2.63-.54-3.651-17.797 2.629-2.903-19.65 17.793-2.629-.539-3.651z"
+      fill="url(#paint7_linear_2530_3510)"
+    />
+    <path
+      d="M48.36 32.281l-7.541 1.114L44.8 60.353l7.543-1.114-3.982-26.958zM56.743 38.907l-4.241.627a1.308 1.308 0 01-.382-2.587l4.241-.627a1.308 1.308 0 01.382 2.587z"
+      fill="#42AB44"
+    />
+    <path
+      d="M31.702 55.28l-2.33.344-.802-5.428-1.724.254-.166-1.128 1.724-.255-1.101-7.45 4.67-.69c.965-.142 1.822-.085 2.572.17.751.256 1.362.681 1.836 1.276.471.596.773 1.329.903 2.206.131.89.048 1.681-.252 2.376-.3.695-.787 1.26-1.462 1.7-.675.44-1.5.73-2.47.874l-2.196.324.802 5.427h-.004zm2.631-3.974l.167 1.128-7.204 1.064-.166-1.128 7.203-1.064zm-2.205-3.512a6.002 6.002 0 001.552-.43c.452-.2.795-.492 1.023-.88.229-.386.296-.905.2-1.556-.082-.554-.264-.993-.545-1.314a2.099 2.099 0 00-1.092-.651c-.446-.114-.965-.125-1.553-.038l-1.805.267.712 4.823 1.508-.223v.002z"
+      fill="#fff"
+    />
+  </g>
+  <defs>
+    <linearGradient
+      id="paint0_linear_2530_3510"
+      x1="14.7502"
+      y1="4.23757"
+      x2="26.9602"
+      y2="26.3432"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FEFFCF" />
+      <stop offset="1" stop-color="#FFE7DA" />
+    </linearGradient>
+    <linearGradient
+      id="paint1_linear_2530_3510"
+      x1="18.587"
+      y1="26.316"
+      x2="32.8984"
+      y2="36.8759"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#DCFFE5" />
+      <stop offset="1" stop-color="#EBE78C" />
+    </linearGradient>
+    <linearGradient
+      id="paint2_linear_2530_3510"
+      x1="50.4489"
+      y1="15.511"
+      x2="26.7341"
+      y2="29.0153"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FFA183" />
+      <stop offset="1" stop-color="#FFA183" stop-opacity="0" />
+    </linearGradient>
+    <linearGradient
+      id="paint3_linear_2530_3510"
+      x1="49.3436"
+      y1="-56.8124"
+      x2="-1.00392"
+      y2="-52.0477"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#42AB44" />
+      <stop offset="1" stop-color="#201B37" />
+    </linearGradient>
+    <linearGradient
+      id="paint4_linear_2530_3510"
+      x1="30.5957"
+      y1="26.9721"
+      x2="38.6904"
+      y2="42.8088"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#DCFFE5" />
+      <stop offset="1" stop-color="#EBE78C" />
+    </linearGradient>
+    <linearGradient
+      id="paint5_linear_2530_3510"
+      x1="4.59823"
+      y1="42.1396"
+      x2="53.0558"
+      y2="55.1262"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FFF7F4" />
+      <stop offset="0.34234" stop-color="#FEFFCF" />
+      <stop offset="1" stop-color="#FFE7DA" />
+      <stop offset="1" stop-color="#FFE7DA" />
+    </linearGradient>
+    <linearGradient
+      id="paint6_linear_2530_3510"
+      x1="19.1708"
+      y1="32.1466"
+      x2="29.8454"
+      y2="57.3534"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#FFCA42" />
+      <stop offset="1" stop-color="#FFA183" />
+    </linearGradient>
+    <linearGradient
+      id="paint7_linear_2530_3510"
+      x1="20.2683"
+      y1="42.9389"
+      x2="26.6235"
+      y2="64.3382"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop stop-color="#7DC15D" />
+      <stop offset="1" stop-color="#FEE54F" />
+    </linearGradient>
+  </defs>
+</svg>

package/mobile/src/icons/AppleIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 24"><path d="M18.406 12.761c-.023-3.028 2.793-4.511 2.93-4.572-1.603-2.073-4.075-2.357-4.968-2.377-2.083-.204-4.098 1.117-5.174 1.117-1.076 0-2.725-1.097-4.488-1.056-2.266.04-4.395 1.198-5.563 3.007-2.404 3.698-.618 9.124 1.694 12.09 1.145 1.464 2.496 3.09 4.259 3.028 1.717-.06 2.358-.975 4.441-.975 2.06 0 2.656.975 4.465.935 1.854-.02 3.022-1.463 4.12-2.947 1.329-1.666 1.855-3.332 1.878-3.413 0 0-3.549-1.2-3.594-4.837Zm-3.389-8.92c.916-1.037 1.557-2.419 1.374-3.841-1.35.061-3.022.833-3.984 1.829-.847.894-1.625 2.337-1.42 3.698 1.512.102 3.069-.67 4.03-1.686Z" fill="currentColor"/></svg>

package/mobile/src/icons/AtmIcon.svg

@@ -0,0 +1,7 @@
+<svg id="icon" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.6665 10.441V12.916C1.6665 15.8327 3.33317 17.0827 5.83317 17.0827H14.1665C16.6665 17.0827 18.3332 15.8327 18.3332 12.916V7.08268C18.3332 4.16602 16.6665 2.91602 14.1665 2.91602H5.83317C3.33317 2.91602 1.6665 4.16602 1.6665 7.08268V7.49935H2.49984C4.99984 7.49935 5.83317 6.66602 5.83317 4.16602V3.33268" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5 10C12.5 8.61667 11.3833 7.5 10 7.5C8.61667 7.5 7.5 8.61667 7.5 10C7.5 11.3833 8.61667 12.5 10 12.5" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.3332 7.50065H17.4998C14.9998 7.50065 14.1665 6.66732 14.1665 4.16732V3.33398" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.6665 12.5H2.49984C4.99984 12.5 5.83317 13.3333 5.83317 15.8333V16.6667" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.3332 12.5H17.4998C14.9998 12.5 14.1665 13.3333 14.1665 15.8333V16.6667" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/icons/BankIcon.svg

@@ -0,0 +1,11 @@
+<svg id="icon" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.19151 4.79217C2.89984 4.90883 2.6665 5.25883 2.6665 5.56716V8.33383C2.6665 8.79217 3.0415 9.16717 3.49984 9.16717H18.4998C18.9582 9.16717 19.3332 8.79217 19.3332 8.33383V5.56716C19.3332 5.25883 19.0998 4.90883 18.8082 4.79217L11.3082 1.79219C11.1415 1.72552 10.8582 1.72552 10.6915 1.79219L6.65815 3.40886" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19.3332 18.3333H2.6665V15.8333C2.6665 15.375 3.0415 15 3.49984 15H18.4998C18.9582 15 19.3332 15.375 19.3332 15.8333V18.3333Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.3335 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.6665 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.3335 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.6665 14.9993V9.16602" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.8335 18.334H20.1668" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11 7.08398C11.6904 7.08398 12.25 6.52434 12.25 5.83398C12.25 5.14363 11.6904 4.58398 11 4.58398C10.3096 4.58398 9.75 5.14363 9.75 5.83398C9.75 6.52434 10.3096 7.08398 11 7.08398Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/mobile/src/icons/BurgerIcon.svg

@@ -0,0 +1,6 @@
+<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 6H21" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"/>
+<path d="M9.49023 12H21.0002" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"/>
+<path d="M3 12H5.99" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"/>
+<path d="M3 18H21" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/mobile/src/icons/BurgerIconWhite.svg

@@ -0,0 +1,6 @@
+<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 6H21" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+<path d="M9.49023 12H21.0002" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+<path d="M3 12H5.99" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+<path d="M3 18H21" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/mobile/src/icons/Calendar2Icon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 9.09h17" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 2v3M16 2v3" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/mobile/src/icons/CalendarCircleIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.89 5.83v2M14.11 5.83v2M7.53 10.14h8.94M13.5 17.67h-3c-2.5 0-4-1.8-4-4v-3c0-2.2 1.5-4 4-4h3c2.5 0 4 1.8 4 4v3c0 2.2-1.5 4-4 4Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 6c-1.25 1.67-2 3.75-2 6 0 5.52 4.48 10 10 10s10-4.48 10-10S17.52 2 12 2c-1.43 0-2.8.3-4.03.85" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/mobile/src/icons/CalendarIcon.svg

@@ -0,0 +1,17 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+  <path
+    stroke="#1C1C1C"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-miterlimit="10"
+    stroke-width="2"
+    d="M8 2v3M16 2v3M3.5 9.09h17M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5"
+  />
+  <path
+    stroke="#42AB44"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="3"
+    d="M15.991 13h.018M15.991 17.006h.018M11.991 13h.018M11.991 17.006h.018M7.991 13h.018M7.991 17.006h.018"
+  />
+</svg>

package/mobile/src/icons/CalendarTickIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2v3M16 2v3M3.5 9.09h17M3 13.1V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5v7.86c-.73-.83-1.8-1.36-3-1.36-2.21 0-4 1.79-4 4 0 .75.21 1.46.58 2.06.21.36.48.68.79.94H8c-3.5 0-5-2-5-5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0 1 18 23c-1.01 0-1.93-.37-2.63-1-.31-.26-.58-.58-.79-.94A3.92 3.92 0 0 1 14 19c0-2.21 1.79-4 4-4 1.2 0 2.27.53 3 1.36A4 4 0 0 1 22 19Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m16.44 19 .99.99 2.13-1.97" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/mobile/src/icons/CalendarWhiteIcon.svg

@@ -0,0 +1,17 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    stroke="#fff"
+    stroke-width="2"
+    stroke-miterlimit="10"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M8 2v3M16 2v3M3.5 9.09h17M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5"
+  />
+  <path
+    stroke="#fff"
+    stroke-width="3"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M15.991 13h.018M15.991 17.006h.018M11.991 13h.018M11.991 17.006h.018M7.991 13h.018M7.991 17.006h.018"
+  />
+</svg>

package/mobile/src/icons/CardIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5h20" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 16.5h2M10.5 16.5h4" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 14.99v1.12c0 3.51-.89 4.39-4.44 4.39H6.44C2.89 20.5 2 19.62 2 16.11V7.89c0-3.51.89-4.39 4.44-4.39h11.11c3.56 0 4.45.88 4.45 4.39v3.09" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/mobile/src/icons/CardPosIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.93 15.88 15.88 3.93" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m11.1 18.28 1.2-1.2M13.79 15.59l2.39-2.39" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.43 8.48c2.1 2.1 2.09 3.16-.03 5.28l-6.64 6.64c-2.12 2.12-3.18 2.13-5.28.03l-4.91-4.91c-2.1-2.1-2.09-3.16.03-5.28l6.64-6.64c2.12-2.12 3.18-2.13 5.28-.03l1.9 1.9M2 22h20" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/mobile/src/icons/CardTickIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8.5h11.5M6 16.5h2M10.5 16.5h4" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 11.01V7.89c0-3.51.89-4.39 4.44-4.39h7.06M22 11.03v5.08c0 3.51-.89 4.39-4.44 4.39H6.44C2.89 20.5 2 19.62 2 16.11v-1.1" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 6 18 7.5l4-4" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/mobile/src/icons/CardWithGemIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="70" height="70" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#a)"><path d="M59.145 63.875c0 11.25-11.403 9.752-25.469 9.752S8.207 75.126 8.207 63.875c0-11.25 11.403-30.99 25.47-30.99 14.065 0 25.468 19.74 25.468 30.99Z" fill="url(#b)"/></g><rect x="2.963" y="35.763" width="60.447" height="36.456" rx="7" transform="rotate(-15 2.963 35.763)" fill="url(#c)"/><rect x="2.963" y="35.763" width="60.447" height="36.456" rx="7" transform="rotate(-15 2.963 35.763)" fill="url(#d)"/><rect x=".816" y="34.438" width="60.447" height="36.456" rx="7" transform="rotate(-15 .816 34.438)" fill="#fff"/><rect x=".078" y="34" width="60.448" height="36.456" rx="7" transform="rotate(-15 .078 34)" fill="url(#e)"/><rect x=".078" y="34" width="60.448" height="36.456" rx="7" transform="rotate(-15 .078 34)" fill="url(#f)"/><mask id="h" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="19" width="66" height="49"><rect x=".078" y="33.999" width="60.447" height="36.456" rx="7" transform="rotate(-15 .078 33.999)" fill="#64C07D"/><rect x=".078" y="33.999" width="60.447" height="36.456" rx="7" transform="rotate(-15 .078 33.999)" fill="url(#g)"/></mask><g mask="url(#h)"><path transform="rotate(45 63.697 31.309)" fill="url(#i)" d="M63.697 31.309h1.769v50.992h-1.769z" style="mix-blend-mode:color-dodge"/><path d="m26.131 16.275 1.251 1.25-36.057 36.058-9.68-13.205 44.487-24.103Z" fill="url(#j)" style="mix-blend-mode:color-dodge"/><path transform="rotate(45 65.594 35.176)" fill="url(#k)" d="M65.594 35.176h13.412v50.386H65.594z" style="mix-blend-mode:color-dodge"/></g><path d="M48.044 29.87 9.654 40.158l.631 2.355 38.39-10.286-.631-2.355Z" fill="url(#l)" style="mix-blend-mode:screen"/><path d="m50.018 37.237-38.39 10.286.632 2.355 38.39-10.286-.632-2.355Z" fill="url(#m)" style="mix-blend-mode:screen"/><path d="m10.66 43.91 37.995-10.181M12.703 51.534l37.995-10.18" stroke="#1C1C1C" stroke-miterlimit="10"/><path d="m54.62 46.423-9.47 2.538a2.251 2.251 0 0 0-1.577 2.746 2.25 2.25 0 0 0 2.74 1.59l9.47-2.537a2.251 2.251 0 0 0 1.577-2.747 2.235 2.235 0 0 0-2.74-1.59Z" fill="url(#n)"/><path d="m18.627 44.627 8.989 6.78 26.32-15.53-23.101-19.99v-.078l-.01.08-10.053 5.057-1.041 11.494-.017-.014-.002.224-1.085 11.977Z" fill="url(#o)" style="mix-blend-mode:overlay"/><path d="m33.08 10.264-4.162 10.447 21.932 21.22 13.168-27.528.074-.02-.08.012-7.533-8.337-11.357 2.041.01-.02-.218.058-11.835 2.127Z" fill="url(#p)" style="mix-blend-mode:overlay"/><path d="m8.355 36.54 8.882 6.898 23.932-6.234L20.92 7.967l.001-.077-.01.08-10.1 4.923L9.617 24.37l-.016-.015-.005.225-1.242 11.96Z" fill="url(#q)" style="mix-blend-mode:overlay"/><path d="m52.487 70.372 5.99-9.517-8.558-23.202L22.816 60.68l-.077.006.08.003 5.894 9.567 11.539.056-.013.018.224-.017 12.024.058Z" fill="url(#r)" style="mix-blend-mode:overlay"/><path d="M45.668 17.241 39.932 7.57l-6.148 9.419 11.884.253Z" fill="url(#s)"/><path d="m57.553 17.494-5.736-9.672-6.148 9.419 11.884.253Z" fill="url(#t)"/><path d="m57.554 17.495-6.475 24.634-5.407-24.888 11.882.254Z" fill="url(#u)"/><path d="m69.438 17.753-5.736-9.672-6.148 9.418 11.884.254Z" fill="url(#v)"/><path d="m69.438 17.753-5.736-9.672-6.148 9.418 11.884.254Z" fill="url(#w)"/><path d="m51.816 7.826 5.736 9.672L63.7 8.08l-11.884-.254Z" fill="url(#x)"/><path d="m39.934 7.57 5.736 9.672 6.147-9.418-11.883-.254Z" fill="url(#y)"/><path d="m33.787 16.988 11.883.254 5.408 24.889-17.29-25.143Z" fill="url(#z)"/><path d="m69.44 17.749-11.883-.254L51.08 42.13 69.44 17.75Z" fill="url(#A)"/><g filter="url(#B)"><path d="m56.737 17.43-5.292 24.074 7.748-23.953-2.456-.12Z" fill="#fff"/></g><path d="m56.737 17.43-5.292 24.074 7.748-23.953-2.456-.12Z" fill="#fff"/><g filter="url(#C)"><path d="m44.923 17.146 6.215 24.85-4.273-24.782-1.942-.068Z" fill="#fff"/></g><g filter="url(#D)"><path d="m45.329 18.1-11.394-1.113 11.124-.444 14.042.704 10.508.488-10.709.7L45.33 18.1Z" fill="#fff"/></g><path d="m44.923 17.146 6.215 24.85-4.273-24.782-1.942-.068Z" fill="#fff"/><path d="m45.329 18.1-11.394-1.113 11.124-.444 14.042.704 10.508.488-10.709.7L45.33 18.1Z" fill="#fff"/><path d="m51.37 7.859-5.885 9.24 6.788-9.295-.903.055Z" fill="#fff"/><circle cx="16.478" cy="58.423" fill="#fff" r="3.775"/><circle cx="20.978" cy="57.267" fill="#EE7248" r="3.775"/><circle cx="20.978" cy="57.267" fill="url(#E)" r="3.775"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.99 54.963a3.776 3.776 0 0 1 1.477 5.768 3.776 3.776 0 0 1-1.477-5.768Z" fill="url(#F)"/><defs><linearGradient id="b" x1="33.676" y1="32.885" x2="33.676" y2="73.627" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="c" x1="66.969" y1="58.94" x2="67.703" y2="67.895" gradientUnits="userSpaceOnUse"><stop stop-color="#EA8B60"/><stop offset="1" stop-color="#201B37"/></linearGradient><linearGradient id="d" x1="52.409" y1="33.145" x2="44.038" y2="84.583" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#201B37"/></linearGradient><linearGradient id="e" x1="35.011" y1="34.652" x2="-1.761" y2="63.23" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEF9F"/><stop offset="1" stop-color="#42AB44"/></linearGradient><linearGradient id="f" x1="47.519" y1="66.318" x2="34.981" y2="51.574" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="g" x1="46.477" y1="68.238" x2="31.445" y2="38.053" gradientUnits="userSpaceOnUse"><stop stop-color="#9DC1F7"/><stop offset="1" stop-color="#9DC1F7" stop-opacity="0"/></linearGradient><linearGradient id="i" x1="64.582" y1="31.309" x2="64.582" y2="82.301" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="j" x1="21.661" y1="11.804" x2="-14.396" y2="47.861" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="k" x1="72.3" y1="35.176" x2="72.3" y2="85.562" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="l" x1="18.837" y1="36.191" x2="41.151" y2="36.191" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#276EC8"/></linearGradient><linearGradient id="m" x1="20.812" y1="43.558" x2="43.126" y2="43.558" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#276EC8"/></linearGradient><linearGradient id="n" x1="45.747" y1="49.368" x2="47.361" y2="52.594" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="o" x1="23.564" y1="39.855" x2="50.923" y2="39.755" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="p" x1="38.985" y1="13.752" x2="46.314" y2="40.058" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="q" x1="13.346" y1="31.835" x2="40.652" y2="32.096" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#E0F3FF"/></linearGradient><linearGradient id="r" x1="47.314" y1="65.869" x2="44.886" y2="38.669" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#E0F3FF"/></linearGradient><linearGradient id="s" x1="39.932" y1="7.569" x2="39.728" y2="17.114" gradientUnits="userSpaceOnUse"><stop stop-color="#C06F64"/><stop offset="1" stop-color="#E48E28"/></linearGradient><linearGradient id="t" x1="50.074" y1="9.753" x2="51.705" y2="14.869" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF84D"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="u" x1="51.613" y1="17.368" x2="49.403" y2="26.381" gradientUnits="userSpaceOnUse"><stop offset=".521" stop-color="#EEEA8E"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="v" x1="63.702" y1="8.081" x2="63.498" y2="17.626" gradientUnits="userSpaceOnUse"><stop stop-color="#8ACDEA"/><stop offset="1" stop-color="#AADF74"/></linearGradient><linearGradient id="w" x1="63.702" y1="8.081" x2="63.498" y2="17.626" gradientUnits="userSpaceOnUse"><stop stop-color="#C06F64"/><stop offset="1" stop-color="#E48E28"/></linearGradient><linearGradient id="x" x1="56.672" y1="9.392" x2="57.555" y2="17.498" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E49928"/></linearGradient><linearGradient id="y" x1="45.876" y1="7.697" x2="45.672" y2="17.242" gradientUnits="userSpaceOnUse"><stop stop-color="#FBEC63"/><stop offset="1" stop-color="#FFDAA4"/></linearGradient><linearGradient id="z" x1="40.731" y1="16.11" x2="37.461" y2="31.195" gradientUnits="userSpaceOnUse"><stop stop-color="#EBA741"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="A" x1="60.528" y1="17.558" x2="60.423" y2="33.722" gradientUnits="userSpaceOnUse"><stop stop-color="#DCFFE5"/><stop offset="1" stop-color="#EBE78C"/></linearGradient><linearGradient id="E" x1="19.789" y1="54.472" x2="22.412" y2="55.578" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB876"/><stop offset="1" stop-color="#F26141" stop-opacity="0"/></linearGradient><linearGradient id="F" x1="17.781" y1="55.666" x2="20.096" y2="57.546" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#fff"/></linearGradient><filter id="a" x="4.207" y="28.885" width="58.938" height="48.809" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="B" x="49.445" y="15.431" width="11.748" height="28.073" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="C" x="41.924" y="14.146" width="12.215" height="30.85" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="D" x="31.936" y="14.543" width="39.674" height="5.893" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_5889_14877"/></filter></defs></svg>

package/mobile/src/icons/ChartSquareIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9.08c0 .496-.156.953-.425 1.35-.659.964-2.01 1.57-3.575 1.57-1.564 0-2.916-.616-3.575-1.57A2.394 2.394 0 0 1 8 9.08c0-.855.447-1.62 1.162-2.176.726-.566 1.72-.904 2.827-.904 1.106 0 2.1.348 2.827.904C15.553 7.45 16 8.225 16 9.079Z" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9.18v2.813C16 13.753 14.21 15 12.006 15 9.8 15 8 13.742 8 11.993V9.181C8 7.42 9.79 6 12.006 6c1.107 0 2.103.358 2.83.93C15.552 7.504 16 8.302 16 9.18Z" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 12.18v2.813C16 16.753 14.21 18 12.006 18 9.8 18 8 16.742 8 14.993v-2.812" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>