npm - @designcrowd/fe-shared-lib - Versions diffs - 1.0.0-test-publish - Mend

@designcrowd/fe-shared-lib 1.0.0-test-publish

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 (739) hide show

package/src/atoms/components/design-com/Icon/icons/minus-circle-light.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM5.1 8C5.1 7.72386 5.32386 7.5 5.6 7.5H10.4C10.6761 7.5 10.9 7.72386 10.9 8C10.9 8.27614 10.6761 8.5 10.4 8.5H5.6C5.32386 8.5 5.1 8.27614 5.1 8Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/palette.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.99992 2.08337C4.73223 2.08337 2.08325 4.73236 2.08325 8.00004C2.08325 11.2677 4.73223 13.9167 7.99992 13.9167C8.69028 13.9167 9.24992 13.3571 9.24992 12.6667V12.3334C9.24992 12.3169 9.24991 12.3006 9.24991 12.2845C9.24982 12.0228 9.24975 11.821 9.27345 11.6411C9.43591 10.4071 10.407 9.43603 11.641 9.27357C11.8209 9.24988 12.0227 9.24994 12.2844 9.25003C12.3005 9.25004 12.3167 9.25004 12.3333 9.25004H12.6666C13.3569 9.25004 13.9166 8.6904 13.9166 8.00004C13.9166 4.73236 11.2676 2.08337 7.99992 2.08337ZM0.583252 8.00004C0.583252 3.90393 3.90381 0.583374 7.99992 0.583374C12.096 0.583374 15.4166 3.90393 15.4166 8.00004C15.4166 9.51882 14.1854 10.75 12.6666 10.75H12.3333C11.9998 10.75 11.9057 10.7517 11.8368 10.7607C11.2758 10.8346 10.8345 11.276 10.7606 11.8369C10.7515 11.9058 10.7499 11.9999 10.7499 12.3334V12.6667C10.7499 14.1855 9.5187 15.4167 7.99992 15.4167C3.90381 15.4167 0.583252 12.0962 0.583252 8.00004ZM6.66659 4.75004C6.71261 4.75004 6.74992 4.71273 6.74992 4.66671C6.74992 4.62068 6.71261 4.58337 6.66659 4.58337C6.62056 4.58337 6.58325 4.62068 6.58325 4.66671C6.58325 4.71273 6.62056 4.75004 6.66659 4.75004ZM5.24992 4.66671C5.24992 3.8843 5.88418 3.25004 6.66659 3.25004C7.44899 3.25004 8.08325 3.8843 8.08325 4.66671C8.08325 5.44911 7.44899 6.08337 6.66659 6.08337C5.88418 6.08337 5.24992 5.44911 5.24992 4.66671ZM10.6666 5.41671C10.7126 5.41671 10.7499 5.3794 10.7499 5.33337C10.7499 5.28735 10.7126 5.25004 10.6666 5.25004C10.6206 5.25004 10.5833 5.28735 10.5833 5.33337C10.5833 5.3794 10.6206 5.41671 10.6666 5.41671ZM9.24992 5.33337C9.24992 4.55097 9.88418 3.91671 10.6666 3.91671C11.449 3.91671 12.0833 4.55097 12.0833 5.33337C12.0833 6.11578 11.449 6.75004 10.6666 6.75004C9.88418 6.75004 9.24992 6.11578 9.24992 5.33337ZM4.66659 8.08337C4.71261 8.08337 4.74992 8.04606 4.74992 8.00004C4.74992 7.95402 4.71261 7.91671 4.66659 7.91671C4.62056 7.91671 4.58325 7.95402 4.58325 8.00004C4.58325 8.04606 4.62056 8.08337 4.66659 8.08337ZM3.24992 8.00004C3.24992 7.21764 3.88418 6.58337 4.66659 6.58337C5.44899 6.58337 6.08325 7.21764 6.08325 8.00004C6.08325 8.78244 5.44899 9.41671 4.66659 9.41671C3.88418 9.41671 3.24992 8.78244 3.24992 8.00004Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/pen.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M0.802937 0.803029C0.987686 0.61828 1.25527 0.542992 1.50925 0.604297L10.5138 2.77781C10.5302 2.78177 10.5473 2.78582 10.565 2.79001C10.7472 2.8331 10.9937 2.89138 11.2035 3.02818C11.3841 3.14595 11.5354 3.30338 11.646 3.48849C11.7744 3.70352 11.8229 3.95206 11.8588 4.13584C11.8623 4.1537 11.8656 4.17094 11.8689 4.18749L12.5379 7.53203C12.728 7.51468 12.9207 7.53584 13.1044 7.5955C13.3121 7.66301 13.4697 7.77702 13.5902 7.87932C13.699 7.97171 13.8171 8.08983 13.935 8.20777L14.4589 8.73164C14.5768 8.84953 14.6949 8.96761 14.7873 9.07644C14.8896 9.19694 15.0036 9.35448 15.0711 9.56225C15.1636 9.84678 15.1636 10.1533 15.0711 10.4378C15.0036 10.6456 14.8896 10.8031 14.7873 10.9236C14.6949 11.0324 14.5768 11.1505 14.4589 11.2684L11.2683 14.459C11.1504 14.5769 11.0324 14.695 10.9235 14.7874C10.803 14.8897 10.6455 15.0037 10.4377 15.0712C10.1532 15.1637 9.84669 15.1637 9.56216 15.0712C9.35439 15.0037 9.19685 14.8897 9.07634 14.7874C8.96752 14.695 8.84945 14.5769 8.73156 14.459L8.20766 13.9351C8.08973 13.8172 7.97162 13.6991 7.87923 13.5903C7.77693 13.4698 7.66292 13.3122 7.59541 13.1045C7.53575 12.9208 7.51459 12.7281 7.53194 12.5379L4.1874 11.869C4.17085 11.8657 4.1536 11.8624 4.13574 11.8589C3.95197 11.823 3.70343 11.7745 3.4884 11.6461C3.30329 11.5355 3.14585 11.3842 3.02809 11.2036C2.89129 10.9938 2.83301 10.7473 2.78991 10.5651C2.78573 10.5474 2.78168 10.5303 2.77772 10.5139L0.604206 1.50934C0.5429 1.25536 0.618188 0.987778 0.802937 0.803029ZM9.06481 12.6667C9.11212 12.7178 9.17955 12.7856 9.28451 12.8906L9.77602 13.3821C9.88098 13.4871 9.94887 13.5545 9.99993 13.6018C10.051 13.5545 10.1189 13.4871 10.2239 13.3821L13.382 10.2239C13.487 10.119 13.5544 10.0511 13.6017 10C13.5544 9.94896 13.487 9.88107 13.382 9.77611L12.8905 9.2846C12.7856 9.17964 12.7177 9.11221 12.6666 9.0649C12.6155 9.11221 12.5476 9.17964 12.4427 9.2846L9.28451 12.4428C9.17955 12.5477 9.11212 12.6156 9.06481 12.6667ZM11.1858 8.42019L8.42009 11.1859L4.48157 10.3982C4.41975 10.3858 4.37179 10.3762 4.3304 10.3674C4.31258 10.3636 4.29745 10.3602 4.28449 10.3573C4.281 10.3444 4.27707 10.3294 4.27257 10.3118C4.26213 10.2708 4.25064 10.2232 4.23585 10.162L2.68778 3.74853L5.42817 6.48893C5.3136 6.74704 5.24993 7.03276 5.24993 7.33336C5.24993 8.48395 6.18267 9.41669 7.33327 9.41669C8.48386 9.41669 9.4166 8.48395 9.4166 7.33336C9.4166 6.18277 8.48386 5.25003 7.33327 5.25003C7.03267 5.25003 6.74694 5.31369 6.48883 5.42827L3.74844 2.68787L10.1619 4.23594C10.2231 4.25073 10.2707 4.26222 10.3117 4.27266C10.3294 4.27716 10.3443 4.2811 10.3572 4.28458C10.3601 4.29754 10.3635 4.31267 10.3673 4.33049C10.3761 4.37189 10.3857 4.41984 10.3981 4.48166L11.1858 8.42019ZM6.91269 6.92914C6.91545 6.92646 6.9182 6.92375 6.92093 6.92102C6.92366 6.91829 6.92637 6.91554 6.92905 6.91278C7.0339 6.81199 7.17635 6.75003 7.33327 6.75003C7.65543 6.75003 7.9166 7.01119 7.9166 7.33336C7.9166 7.65553 7.65543 7.91669 7.33327 7.91669C7.0111 7.91669 6.74993 7.65553 6.74993 7.33336C6.74993 7.17644 6.8119 7.03399 6.91269 6.92914Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/plus-circle-light.vue ADDED Viewed

@@ -0,0 +1,8 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    transform="translate(1, 1)"
+    d="M1.5 7C1.5 5.54131 2.07946 4.14236 3.11091 3.11091C4.14236 2.07946 5.54131 1.5 7 1.5C8.45869 1.5 9.85764 2.07946 10.8891 3.11091C11.9205 4.14236 12.5 5.54131 12.5 7C12.5 8.45869 11.9205 9.85764 10.8891 10.8891C9.85764 11.9205 8.45869 12.5 7 12.5C5.54131 12.5 4.14236 11.9205 3.11091 10.8891C2.07946 9.85764 1.5 8.45869 1.5 7ZM7 0.5C5.27609 0.5 3.62279 1.18482 2.40381 2.40381C1.18482 3.62279 0.5 5.27609 0.5 7C0.5 8.72391 1.18482 10.3772 2.40381 11.5962C3.62279 12.8152 5.27609 13.5 7 13.5C8.72391 13.5 10.3772 12.8152 11.5962 11.5962C12.8152 10.3772 13.5 8.72391 13.5 7C13.5 5.27609 12.8152 3.62279 11.5962 2.40381C10.3772 1.18482 8.72391 0.5 7 0.5V0.5ZM7 3.5C7.13261 3.5 7.25979 3.55268 7.35355 3.64645C7.44732 3.74021 7.5 3.86739 7.5 4V6.5H10C10.1326 6.5 10.2598 6.55268 10.3536 6.64645C10.4473 6.74021 10.5 6.86739 10.5 7C10.5 7.13261 10.4473 7.25979 10.3536 7.35355C10.2598 7.44732 10.1326 7.5 10 7.5H7.5V10C7.5 10.1326 7.44732 10.2598 7.35355 10.3536C7.25979 10.4473 7.13261 10.5 7 10.5C6.86739 10.5 6.74021 10.4473 6.64645 10.3536C6.55268 10.2598 6.5 10.1326 6.5 10V7.5H4C3.86739 7.5 3.74021 7.44732 3.64645 7.35355C3.55268 7.25979 3.5 7.13261 3.5 7C3.5 6.86739 3.55268 6.74021 3.64645 6.64645C3.74021 6.55268 3.86739 6.5 4 6.5H6.5V4C6.5 3.86739 6.55268 3.74021 6.64645 3.64645C6.74021 3.55268 6.86739 3.5 7 3.5V3.5Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/question-circle-filled.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.667.583a7.417 7.417 0 1 0 0 14.834 7.417 7.417 0 0 0 0-14.834ZM5.593 6.857c.314 0 .592-.25.592-.571 0-.625.519-1.143 1.185-1.143h.593c.648 0 1.185.518 1.185 1.143v.071c0 .393-.222.75-.555.964l-.778.483c-.463.285-.74.785-.74 1.321v.018c0 .321.258.571.592.571.314 0 .592-.25.592-.571v-.018c0-.143.074-.286.204-.357l.778-.482c.666-.429 1.092-1.143 1.092-1.929v-.071C10.333 5.036 9.26 4 7.963 4H7.37C6.056 4 5 5.036 5 6.286c0 .321.26.571.593.571Zm1.426 4.786c.13.232.37.357.648.357.259 0 .5-.125.63-.357a.704.704 0 0 0 0-.714.753.753 0 0 0-1.278 0c-.13.232-.13.5 0 .714Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/search.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M7.66667 2.75C4.95127 2.75 2.75 4.95127 2.75 7.66667C2.75 10.3821 4.95127 12.5833 7.66667 12.5833C8.98369 12.5833 10.1798 12.0655 11.0624 11.2223C11.0845 11.1923 11.1092 11.1635 11.1364 11.1363C11.1636 11.1091 11.1923 11.0845 11.2224 11.0623C12.0655 10.1797 12.5833 8.98367 12.5833 7.66667C12.5833 4.95127 10.3821 2.75 7.66667 2.75ZM12.7034 11.6427C13.5675 10.5495 14.0833 9.16832 14.0833 7.66667C14.0833 4.12284 11.2105 1.25 7.66667 1.25C4.12284 1.25 1.25 4.12284 1.25 7.66667C1.25 11.2105 4.12284 14.0833 7.66667 14.0833C9.16834 14.0833 10.5495 13.5675 11.6427 12.7033L13.4697 14.5303C13.7626 14.8232 14.2374 14.8232 14.5303 14.5303C14.8232 14.2374 14.8232 13.7626 14.5303 13.4697L12.7034 11.6427Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/star-filled.vue ADDED Viewed

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M14.2503 5.63l-3.7761-.5749-1.6895-3.5855c-.2957-.6261-1.2739-.6261-1.5696 0L5.5265 5.0551l-3.777.5749c-.7149.109-1.0045 1.0332-.4848 1.565L3.998 9.9855l-.6448 3.9412c-.1216.7463.6273 1.3193 1.2695.9663l3.3772-1.8601 3.378 1.861c.637.3493 1.392-.2145 1.2696-.9663l-.6449-3.9412 2.7333-2.7907c.5188-.5326.2292-1.4567-.4856-1.5658z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/star-hollow.vue ADDED Viewed

@@ -0,0 +1,6 @@
+<template>
+  <path
+    d="M11.377 14.892l-3.3772-1.86-3.3772 1.86c-.636.3547-1.3929-.2155-1.2695-.9662l.6448-3.941-2.7332-2.7904c-.5197-.5317-.2301-1.4548.4856-1.5639l3.776-.5748 1.6895-3.5861c.294-.6261 1.2748-.6261 1.5688 0l1.6894 3.5852 3.7761.5748c.7157.109 1.0044 1.0322.4856 1.5639l-2.7332 2.7914.6448 3.9409c.1233.7544-.6352 1.3164-1.2704.9662zm-2.9695-3.7072l2.2152 1.2202-.4225-2.5852c-.049-.297.0455-.6004.251-.8112L12.244 7.177l-2.4768-.3768c-.2861-.043-.532-.231-.6588-.5014L7.9998 3.9465 6.8912 6.2988c-.1277.2704-.3735.4583-.6588.5014l-2.4768.3768 1.7927 1.8316c.2056.2099.3.5142.251.8112l-.4225 2.5852 2.2152-1.2202a.838.838 0 01.8155 0z"
+    fill-rule="nonzero"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/text.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M4.64336 1.91663H11.3568C11.6474 1.91662 11.9023 1.91661 12.114 1.93105C12.3381 1.94635 12.5682 1.9803 12.7973 2.07521C13.3078 2.28666 13.7134 2.69223 13.9248 3.2027C14.0197 3.43184 14.0537 3.6619 14.069 3.88603C14.0834 4.09776 14.0834 4.3526 14.0834 4.64323V4.66663C14.0834 5.08084 13.7476 5.41663 13.3334 5.41663C12.9192 5.41663 12.5834 5.08084 12.5834 4.66663C12.5834 4.34574 12.583 4.14263 12.5725 3.98814C12.5624 3.84038 12.5456 3.79262 12.539 3.77673C12.4798 3.6338 12.3662 3.52024 12.2233 3.46103C12.2074 3.45445 12.1597 3.43766 12.0119 3.42757C11.8574 3.41703 11.6543 3.41663 11.3334 3.41663H8.75008V12.5833H10.0001C10.4143 12.5833 10.7501 12.9191 10.7501 13.3333C10.7501 13.7475 10.4143 14.0833 10.0001 14.0833H6.00008C5.58587 14.0833 5.25008 13.7475 5.25008 13.3333C5.25008 12.9191 5.58587 12.5833 6.00008 12.5833H7.25008V3.41663H4.66675C4.34586 3.41663 4.14275 3.41703 3.98826 3.42757C3.84051 3.43766 3.79275 3.45445 3.77685 3.46103C3.63392 3.52024 3.52036 3.6338 3.46115 3.77673C3.45457 3.79262 3.43778 3.84038 3.4277 3.98814C3.41716 4.14263 3.41675 4.34574 3.41675 4.66663C3.41675 5.08084 3.08096 5.41663 2.66675 5.41663C2.25254 5.41663 1.91675 5.08084 1.91675 4.66663L1.91675 4.64323C1.91674 4.3526 1.91673 4.09776 1.93118 3.88603C1.94647 3.6619 1.98042 3.43184 2.07533 3.2027C2.28678 2.69223 2.69235 2.28666 3.20283 2.07521C3.43196 1.9803 3.66203 1.94635 3.88616 1.93105C4.09789 1.91661 4.35272 1.91662 4.64336 1.91663Z"
+  />
+</template>

package/src/atoms/components/design-com/Icon/icons/users.vue ADDED Viewed

@@ -0,0 +1,7 @@
+<template>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M6.33323 2.75C5.09059 2.75 4.08323 3.75736 4.08323 5C4.08323 6.24264 5.09059 7.25 6.33323 7.25C7.57587 7.25 8.58323 6.24264 8.58323 5C8.58323 3.75736 7.57587 2.75 6.33323 2.75ZM2.58323 5C2.58323 2.92893 4.26216 1.25 6.33323 1.25C8.4043 1.25 10.0832 2.92893 10.0832 5C10.0832 7.07107 8.4043 8.75 6.33323 8.75C4.26216 8.75 2.58323 7.07107 2.58323 5ZM9.99493 1.97807C10.1793 1.60713 10.6294 1.45587 11.0003 1.6402C12.2333 2.25293 13.0832 3.52652 13.0832 5C13.0832 6.47348 12.2333 7.74707 11.0003 8.3598C10.6294 8.54413 10.1793 8.39287 9.99493 8.02193C9.81059 7.651 9.96186 7.20086 10.3328 7.01652C11.0755 6.64745 11.5832 5.88233 11.5832 5C11.5832 4.11767 11.0755 3.35255 10.3328 2.98348C9.96186 2.79914 9.81059 2.349 9.99493 1.97807ZM6.33323 10.75C4.73416 10.75 3.276 11.6213 2.33028 13.0413C2.27422 13.1255 2.23109 13.1903 2.19523 13.2469C2.20917 13.2473 2.22405 13.2477 2.23994 13.2481C2.32471 13.25 2.42301 13.25 2.54814 13.25H10.1183C10.2435 13.25 10.3418 13.25 10.4265 13.2481C10.4424 13.2477 10.4573 13.2473 10.4712 13.2469C10.4354 13.1903 10.3922 13.1255 10.3362 13.0413C9.39046 11.6213 7.9323 10.75 6.33323 10.75ZM1.08183 12.2098C2.26185 10.4381 4.15813 9.25 6.33323 9.25C8.50833 9.25 10.4046 10.4381 11.5846 12.2098C11.5903 12.2183 11.596 12.2268 11.6017 12.2354C11.7031 12.3876 11.8152 12.5557 11.8941 12.7166C11.9904 12.9131 12.0615 13.1429 12.0449 13.4182C12.0317 13.6381 11.9591 13.8401 11.874 13.999C11.7889 14.158 11.661 14.3304 11.4853 14.4633C11.2495 14.6416 10.9966 14.7028 10.7794 14.7281C10.5903 14.7501 10.3677 14.7501 10.15 14.75C10.1395 14.75 10.1289 14.75 10.1183 14.75H2.54814C2.53758 14.75 2.52701 14.75 2.51642 14.75C2.29877 14.7501 2.07617 14.7501 1.88703 14.7281C1.66988 14.7028 1.41696 14.6416 1.18113 14.4633L1.63353 13.8651M11.3297 10.2213C11.5156 9.85112 11.9664 9.7018 12.3366 9.88773C13.4411 10.4426 14.3733 11.3251 15.0473 12.4109C15.0547 12.4229 15.0626 12.4354 15.0707 12.4483C15.1692 12.6054 15.3074 12.8258 15.3524 13.1163C15.4048 13.4539 15.313 13.774 15.1787 14.0154C15.0444 14.2568 14.8209 14.5036 14.5065 14.6372C14.2341 14.7529 13.9403 14.7514 13.7257 14.7502C13.7052 14.7501 13.6855 14.75 13.6666 14.75C13.2524 14.75 12.9166 14.4142 12.9166 14C12.9166 13.5858 13.2524 13.25 13.6666 13.25C13.7197 13.25 13.7638 13.25 13.8024 13.2497C13.7935 13.2352 13.7837 13.2195 13.7729 13.202C13.2321 12.3308 12.4999 11.6484 11.6632 11.2281C11.2931 11.0422 11.1438 10.5914 11.3297 10.2213ZM1.08183 12.2098C1.07618 12.2183 1.07049 12.2268 1.06476 12.2354ZM1.06476 12.2354C0.963345 12.3876 0.851235 12.5557 0.772357 12.7166ZM0.772357 12.7166C0.676039 12.9131 0.605008 13.1429 0.621536 13.4182ZM0.621536 13.4182C0.634734 13.6381 0.707385 13.8401 0.792496 13.999ZM0.792496 13.999C0.877607 14.158 1.00544 14.3304 1.18113 14.4633Z"
+  />
+</template>

package/src/atoms/constants/constants.ts ADDED Viewed

@@ -0,0 +1,6 @@
+// eslint-disable-next-line import/prefer-default-export
+export const BREAKPOINTS = {
+  SMALL: 640,
+  MEDIUM: 768,
+  LARGE: 1024,
+};

package/src/atoms/mixin/hash-router-mixin.js ADDED Viewed

@@ -0,0 +1,68 @@
+const hashPrefix = '#';
+const hashSeparator = '|';
+const hashRemoveRegex = /[#|]/;
+const appendHash = (fullHash, newHash) => {
+  return `#${fullHash
+    .replace(hashPrefix, '')
+    .split(hashSeparator)
+    .filter((x) => x)
+    .concat(newHash)
+    .join(hashSeparator)}`;
+};
+const HashRouterMixin = {
+  props: {
+    isHashRouteEnabled: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+  },
+  data: () => ({
+    removeHookFunc: undefined,
+  }),
+  mounted() {
+    if (!this.isHashRouteEnabled || !this.$router || typeof this.onHashRouteChange !== 'function') {
+      return;
+    }
+    this.removeHookFunc = this.$router.afterEach((to, from) => {
+      const hashDiff = from.hash.split(to.hash).join('').replace(hashRemoveRegex, '');
+      this.onHashRouteChange(hashDiff);
+    });
+  },
+  unmounted() {
+    if (this.removeHookFunc) {
+      this.removeHookFunc();
+      this.removeHookFunc = undefined;
+    }
+  },
+  methods: {
+    hashRoutePush(hashValue) {
+      if (!this.isHashRouteEnabled || !this.$router) {
+        return;
+      }
+      const hash = appendHash(this.$router.currentRoute.value.hash, hashValue);
+      this.$router.push({ hash });
+    },
+    hashRouteBack(hashValue) {
+      if (!this.isHashRouteEnabled || !this.$router) {
+        return;
+      }
+      if (
+        this.$router.currentRoute.value.hash.split(hashSeparator).filter((x) => x.indexOf(hashValue) > -1).length === 0
+      ) {
+        return;
+      }
+      this.$router.back();
+    },
+  },
+};
+export default HashRouterMixin;

package/src/atoms/thirdparty-components/VueMasonryWall/VueMasonryWall.vue ADDED Viewed

@@ -0,0 +1,280 @@
+<template>
+  <div ref="wall" class="masonry-wall" :style="_style.wall" :class="{ ready }">
+    <div v-for="(lane, index) in columns" :key="index" class="masonry-column" :style="_style.lane">
+      <div v-for="i in lane.indexes" :key="i" :ref="`item_${i}`" class="masonry-item" :style="_style.item">
+        <slot :item="items[i]" :index="i">{{ items[i] }}</slot>
+      </div>
+      <div
+        ref="bottom"
+        v-observe-visibility="{ callback: (v) => v && _fill(), throttle: _options.throttle }"
+        class="masonry-bottom"
+        :data-column="index"
+      ></div>
+    </div>
+  </div>
+</template>
+<!-- eslint-disable no-underscore-dangle -->
+<!-- eslint-disable no-plusplus -->
+<!-- eslint-disable vue/require-default-prop -->
+<script>
+import { ObserveVisibility } from 'vue-observe-visibility';
+import maxBy from './maxBy';
+/**
+ * @param count number of columns to create
+ * @returns {[{i: number, indexes: []},...]}
+ */
+const _newColumns = (count) => {
+  const columns = [];
+  for (let i = 0; i < count; i++) {
+    columns.push({ i, indexes: [] });
+  }
+  return columns;
+};
+export default {
+  name: 'VueMasonryWall',
+  directives: {
+    'observe-visibility': ObserveVisibility,
+  },
+  props: {
+    /**
+     * Array of items to add into masonry
+     */
+    items: {
+      type: Array,
+      required: true,
+    },
+    /**
+     * Options to config masonry.
+     *
+     * {
+     *     width: 300,
+     *     padding: {
+     *         default: 12,
+     *         1: 6,
+     *         2: 8,
+     *     },
+     *     throttle: 300
+     * }
+     */
+    options: {
+      type: Object,
+      required: false,
+    },
+    /**
+     * SSR has no clue what is the size of your height of your element or width of the browser.
+     * You can however guess based on user-agent: https://github.com/nuxt-community/device-module
+     * This param allow you to preload a config for SSR rendering, it will distribute your items into all columns evenly.
+     *
+     * Once the client is mounted, it will redraw if the config is different from SSR.
+     *
+     * {
+     *     column: 2
+     * }
+     */
+    ssr: {
+      type: Object,
+      required: false,
+    },
+  },
+  data() {
+    const count = this.ssr && this.ssr.columns;
+    if (count > 0) {
+      const columns = _newColumns(count);
+      for (let i = 0; i < this.items.length; i++) {
+        columns[i % count].indexes.push(i);
+      }
+      return {
+        columns,
+        cursor: this.items.length,
+        ready: false,
+      };
+    }
+    return {
+      columns: [],
+      cursor: 0,
+      ready: false,
+    };
+  },
+  computed: {
+    /**
+     * Options with default override if not given
+     *
+     * @private
+     */
+    _options() {
+      const { options } = this;
+      return {
+        width: (options && options.width) || 300,
+        padding: {
+          default: (options && options.padding && options.padding.default) || 12,
+        },
+        throttle: (options && options.throttle) || 300,
+      };
+    },
+    /**
+     * Style of wall, column and item for padding
+     * @private
+     */
+    _style() {
+      let padding = this.options && this.options.padding;
+      if (padding && typeof padding !== 'number') {
+        padding = this.options.padding[this.columns.length] || this._options.padding.default;
+      }
+      return {
+        wall: {
+          margin: `-${padding}px`,
+        },
+        lane: {
+          paddingLeft: `${padding}px`,
+          paddingRight: `${padding}px`,
+        },
+        item: {
+          paddingTop: `${padding}px`,
+          paddingBottom: `${padding}px`,
+        },
+      };
+    },
+  },
+  watch: {
+    items: {
+      handler() {
+        this._fill();
+      },
+      deep: true,
+    },
+    options: {
+      handler(oldValue, newValue) {
+        if (oldValue.width === newValue.width) {
+          return;
+        }
+        this.redraw();
+      },
+      deep: true,
+    },
+  },
+  /**
+   * For detecting browser resize event to redraw the columns.
+   */
+  mounted() {
+    this.$resize = () => {
+      if (this.columns.length !== this._columnSize()) {
+        this.redraw();
+      }
+    };
+    this.$resize();
+    // set opacity to 1 when ssr.columns is recieved and  this.columns.length === this._columnSize() so redraw does not get called for the first time.
+    if (!this.ready) this.ready = true;
+    window.addEventListener('resize', this.$resize);
+  },
+  /**
+   * Remove resize event listener
+   */
+  beforeDestroy() {
+    window.removeEventListener('resize', this.$resize);
+  },
+  methods: {
+    /**
+     * Redraw masonry
+     */
+    redraw() {
+      this.ready = false;
+      this.columns.splice(0);
+      this.cursor = 0;
+      this.columns.push(..._newColumns(this._columnSize()));
+      this.ready = true;
+      this._fill();
+    },
+    /**
+     *
+     * @returns {number}
+     * @private internal component use
+     */
+    _columnSize() {
+      if (!this.$refs.wall) {
+        return 1;
+      }
+      const length = Math.round(this.$refs.wall.scrollWidth / this._options.width);
+      if (length < 1) return 1;
+      return length;
+    },
+    /**
+     * Add items into masonry columns, items are added to the shortest column first.
+     *
+     * @private internal component use
+     */
+    _fill() {
+      if (!this.ready) return;
+      if (this.cursor >= this.items.length) {
+        // Request for more items
+        this.$emit('append');
+        return;
+      }
+      // Keep filling until no more items
+      this.$nextTick(() => {
+        const bottom = maxBy(this.$refs.bottom, (spacer) => spacer.clientHeight || 0);
+        this._addItem(bottom.dataset.column);
+        this._fill();
+      });
+    },
+    /**
+     * Items will automatically be taken from items with cursor.
+     *
+     * @param index of the column to add to
+     * @private internal component use
+     */
+    _addItem(index) {
+      const column = this.columns[index];
+      if (this.items[this.cursor]) {
+        column.indexes.push(this.cursor);
+        this.cursor++;
+      }
+    },
+  },
+};
+</script>
+<style scoped>
+.masonry-wall {
+  display: flex;
+}
+.masonry-wall:not(.ready) {
+  opacity: 0;
+}
+.masonry-column {
+  flex-grow: 1;
+  flex-basis: 0;
+  display: flex;
+  flex-direction: column;
+}
+.masonry-bottom {
+  flex-grow: 1;
+  margin-top: -300px;
+  padding-top: 300px;
+  min-height: 100px;
+  z-index: -1;
+}
+</style>

package/src/atoms/thirdparty-components/VueMasonryWall/maxBy.js ADDED Viewed

@@ -0,0 +1,50 @@
+/* eslint-disable no-restricted-syntax */
+function getTag(value) {
+  if (value == null) {
+    return value === undefined ? '[object Undefined]' : '[object Null]';
+  }
+  return toString.call(value);
+}
+function isSymbol(value) {
+  const type = typeof value;
+  // eslint-disable-next-line eqeqeq
+  return type == 'symbol' || (type === 'object' && value != null && getTag(value) == '[object Symbol]');
+}
+/**
+ * This method is like `max` except that it accepts `iteratee` which is
+ * invoked for each element in `array` to generate the criterion by which
+ * the value is ranked. The iteratee is invoked with one argument: (value).
+ *
+ * @since 4.0.0
+ * @category Math
+ * @param {Array} array The array to iterate over.
+ * @param {Function} iteratee The iteratee invoked per element.
+ * @returns {*} Returns the maximum value.
+ * @example
+ *
+ * const objects = [{ 'n': 1 }, { 'n': 2 }]
+ *
+ * maxBy(objects, ({ n }) => n)
+ * // => { 'n': 2 }
+ */
+function maxBy(array, iteratee) {
+  let result;
+  if (array == null) {
+    return result;
+  }
+  let computed;
+  for (const value of array) {
+    const current = iteratee(value);
+    // eslint-disable-next-line no-self-compare
+    if (current != null && (computed === undefined ? current === current && !isSymbol(current) : current > computed)) {
+      computed = current;
+      result = value;
+    }
+  }
+  return result;
+}
+export default maxBy;

package/src/css/tailwind.css ADDED Viewed

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

package/src/experiences/clients/brand-crowd-api.client.js ADDED Viewed

@@ -0,0 +1,104 @@
+import axios from 'axios';
+import API from '../constants/api';
+let internalAxios;
+const setBrandCrowdApiClientAxios = (axiosInstance) => {
+  internalAxios = axiosInstance;
+};
+const getAxios = () => {
+  return internalAxios || axios;
+};
+const uploadLogoAndGetDetails = async (logoFile) => {
+  const formData = new FormData();
+  formData.append('logoImage', logoFile && logoFile.file);
+  try {
+    const response = await getAxios()({
+      method: 'post',
+      url: API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT,
+      data: formData,
+      headers: { 'Content-Type': 'multipart/form-data' },
+    });
+    return { success: response.status === 200, response };
+  } catch (error) {
+    return { success: false, error };
+  }
+};
+const createUserLogo = async (payload) => {
+  try {
+    const response = await getAxios()({
+      method: 'post',
+      url: API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT,
+      data: payload,
+    });
+    if (!payload.isPostPurchaseUserUpload) {
+      return { success: true, response };
+    }
+    const linkResponse = await getAxios()({
+      method: 'post',
+      url: API.BYO_LOGO_API_URL + API.BYO_LOGO_API_LINK_TEMPLATE_ENDPOINT,
+      data: { logoTemplateToken: response.data.token },
+    });
+    return { success: true, response: linkResponse };
+  } catch (error) {
+    return { false: true, error };
+  }
+};
+const searchDomainNamesByKeywordAsync = async ({
+  keyword,
+  designDraftToken,
+  logoDraftToken,
+  isUserTriggered,
+  domainNameSearchOrigin,
+  userText,
+  limit,
+}) => {
+  try {
+    let url = `${API.DOMAIN_NAME_SEARCH_API_URL}?keyword=${keyword}&userText=${encodeURIComponent(userText)}`;
+    if (designDraftToken) {
+      url = `${url}&designDraftToken=${designDraftToken}`;
+    }
+    if (logoDraftToken) {
+      url = `${url}&logoDraftToken=${logoDraftToken}`;
+    }
+    if (isUserTriggered) {
+      url = `${url}&isUserTriggered=${isUserTriggered}`;
+    }
+    if (domainNameSearchOrigin) {
+      url = `${url}&domainNameSearchOrigin=${domainNameSearchOrigin}`;
+    }
+    if (limit) {
+      url = `${url}&limit=${limit}`;
+    }
+    const response = await getAxios()({
+      method: 'get',
+      url,
+    });
+    return response.data;
+  } catch (error) {
+    return false;
+  }
+};
+export default {
+  setBrandCrowdApiClientAxios,
+  uploadLogoAndGetDetails,
+  createUserLogo,
+  searchDomainNamesByKeywordAsync,
+};

package/src/experiences/clients/brand-page-api.client.js ADDED Viewed

@@ -0,0 +1,30 @@
+import axios from 'axios';
+let internalAxios;
+const setBrandPageApiClientAxios = (axiosInstance) => {
+  internalAxios = axiosInstance;
+};
+const getAxios = () => {
+  return internalAxios || axios;
+};
+const getPaymentConfigsByBrandPageToken = async (brandPageToken) => {
+  try {
+    const response = await getAxios().get(`/maker/api/brand-pages/${brandPageToken}/payment-configs`);
+    if (response.status === 200) {
+      return response.data;
+    }
+    return null;
+  } catch (err) {
+    return null;
+  }
+};
+export default {
+  setBrandPageApiClientAxios,
+  getPaymentConfigsByBrandPageToken,
+};

package/src/experiences/components/AuthFlow/Auth.fixtures.js ADDED Viewed

@@ -0,0 +1,4 @@
+export default {
+  BRAND_CROWD: 'brandCrowd',
+  CRAZY_DOMAINS: 'crazyDomains',
+};